:root{--text:#1a2a3a;--text-muted:#5a6b7a;--bg:#f4f7fa;--surface:#fff;--border:#d4dee8;--code-bg:#e8f0f6;--link:#0b5d8c;--shadow-sm:0 1px 3px #0f283c14;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}#root{max-width:1200px;min-height:100vh;margin:0 auto;padding:0 1.25rem 2rem}html.customer-designer #root{max-width:none;margin:0;padding:0}a{color:var(--link)}code{font-family:ui-monospace,Cascadia Code,Consolas,monospace}.dlc-root{flex-direction:column;gap:.65rem;display:flex}.dlc-root--expanded{box-sizing:border-box;background:#eef3f7;gap:.55rem;width:100%;height:100%;padding:.75rem 1rem 1rem}.dlc-root:fullscreen{box-sizing:border-box;background:#eef3f7;gap:.55rem;width:100%;height:100%;padding:.75rem 1rem 1rem}.dlc-root--expanded{z-index:2000;position:fixed;inset:0}.dlc-root--large .dlc-canvas-wrap{flex-direction:column;flex:auto;min-height:0;display:flex}.dlc-root:fullscreen .dlc-canvas-wrap{flex-direction:column;flex:auto;min-height:0;display:flex}.dlc-root--large .dlc-svg{flex:auto;height:100%;min-height:0}.dlc-root:fullscreen .dlc-svg{flex:auto;height:100%;min-height:0}.dlc-toolbar{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.dlc-toolbar-btn{appearance:none;color:#1e293b;min-height:2.15rem;font:inherit;cursor:pointer;background:#f4f7fa;border:1px solid #5b6b7c;border-radius:6px;justify-content:center;align-items:center;padding:.4rem .85rem;font-size:.875rem;font-weight:600;line-height:1.2;display:inline-flex;box-shadow:0 1px #0f172a14}.dlc-toolbar-btn:hover{background:#e8eef5;border-color:#334155}.dlc-toolbar-btn:active{background:#dce6f0;box-shadow:inset 0 1px 2px #0f172a1f}.dlc-toolbar-btn:focus-visible{outline-offset:2px;outline:2px solid #0b5d8c}.dlc-toolbar-btn-on{color:#0c4a6e;background:#e0f2fe;border-color:#0284c7}.dlc-toolbar-btn-on:hover{background:#bae6fd;border-color:#0369a1}.dlc-hint{font-size:.85rem}.dlc-zoom{align-items:center;gap:.25rem;display:inline-flex}.dlc-zoom-btn{min-width:2rem;padding-left:.45rem;padding-right:.45rem;font-size:1.1rem;font-weight:700;line-height:1}.dlc-zoom-label{text-align:center;min-width:3.75rem;color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.85rem}.dlc-zoom-fit{min-width:unset;padding-left:.55rem;padding-right:.55rem;font-size:.8rem;font-weight:650}.dlc-canvas-wrap{background:radial-gradient(at 25% 15%,#a5f3fc8c,#0000 45%),radial-gradient(at 80% 70%,#0891b266,#0000 50%),linear-gradient(165deg,#67e8f9 0%,#0e7490 42%,#155e75 78%,#164e63 100%);border:1px solid #0e7490;border-radius:8px;width:100%;min-height:360px;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #0e749040}.dlc-svg{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:min(70vh,720px);display:block}.dlc-grid{stroke:#a5f3fc38;stroke-width:1px;vector-effect:non-scaling-stroke;pointer-events:none}.dlc-module{filter:drop-shadow(0 .12rem .14rem #0f283c59)}.dlc-module:active{cursor:grabbing}.dlc-module-btn{opacity:0;pointer-events:none;cursor:pointer;transition:opacity .12s}.dlc-module:hover .dlc-module-btn,.dlc-module-selected .dlc-module-btn{opacity:1;pointer-events:auto}.dlc-rotate-btn-bg{fill:#fff8e7f2;stroke:#5c4030;stroke-width:.04px}.dlc-rotate-btn:hover .dlc-rotate-btn-bg{fill:#fef3c7;stroke:#0b5d8c}.dlc-rotate-btn-icon{fill:none;stroke:#3b2a1a;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.dlc-delete-btn-bg{fill:#ffececf2;stroke:#9b2c2c;stroke-width:.04px}.dlc-delete-btn:hover .dlc-delete-btn-bg{fill:#fed7d7;stroke:#7a1f1f}.dlc-delete-btn-icon{fill:none;stroke:#9b2c2c;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.dlc-shore-label{fill:#5c4a32;opacity:.7;letter-spacing:.08em;text-transform:uppercase;font-family:system-ui,Segoe UI,sans-serif;font-weight:700}.dlc-post-label{fill:#3b2a1a;opacity:.85;font-family:system-ui,Segoe UI,sans-serif;font-weight:600}.dlc-shore-edge{opacity:.9}.dlc-connector-tray-rect{fill:#fff8e747;stroke:#5c4030;stroke-width:.08px;stroke-dasharray:.35 .22}.dlc-connector-tray-label{fill:#3b2a1a;opacity:.85;letter-spacing:.02em;font-family:system-ui,Segoe UI,sans-serif;font-weight:700}.dlc-connector-piece{filter:drop-shadow(0 .06rem .08rem #0f283c59);cursor:grab}.dlc-connector-piece:hover .dlc-conn-bg{stroke-width:.12px}.dlc-connector-piece:hover{filter:drop-shadow(0 .12rem .22rem #0f283c8c)}.dlc-conn-m.dlc-connector-piece:hover .dlc-conn-bg{fill:#bfdbfe;stroke:#1e40af}.dlc-conn-f.dlc-connector-piece:hover .dlc-conn-bg{fill:#fbcfe8;stroke:#9d174d}.dlc-connector-piece:active{cursor:grabbing}.dlc-conn-bg{stroke-width:.05px}.dlc-conn-m .dlc-conn-bg{fill:#dbeafe;stroke:#1d4ed8}.dlc-conn-f .dlc-conn-bg{fill:#fce7f3;stroke:#be185d}.dlc-conn-letter{letter-spacing:-.02em;font-family:system-ui,Segoe UI,sans-serif;font-weight:800}.dlc-conn-m .dlc-conn-letter{fill:#1e3a8a}.dlc-conn-f .dlc-conn-letter{fill:#9d174d}.dlc-label{fill:#fff8e7;pointer-events:none;paint-order:stroke fill;stroke:#3b2a1a8c;stroke-width:.06px;font-family:system-ui,Segoe UI,sans-serif;font-weight:700}.dlc-dim{fill:#f5e6c8;pointer-events:none;paint-order:stroke fill;stroke:#3b2a1a73;stroke-width:.04px;font-family:system-ui,Segoe UI,sans-serif}.dlc-tooltip{z-index:2;border:1px solid var(--border);max-width:18rem;box-shadow:var(--shadow-sm);color:var(--text);pointer-events:none;background:#fffffff5;border-radius:6px;padding:.4rem .55rem;font-size:.85rem;position:absolute}.dc-sku-picker{width:100%;min-width:10rem;position:relative}.dc-sku-picker-input{border:1px solid var(--border);width:100%;min-height:2rem;font:inherit;background:var(--surface);color:var(--text);border-radius:6px;padding:.32rem .45rem}.dc-sku-picker-menu{z-index:1200;box-sizing:border-box;position:fixed}.dc-sku-picker-list{max-height:inherit;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:6px;margin:0;padding:.2rem 0;list-style:none;overflow-y:auto}.dc-sku-picker-option{width:100%;font:inherit;text-align:left;cursor:pointer;color:var(--text);background:0 0;border:none;flex-direction:column;align-items:flex-start;gap:.1rem;padding:.35rem .5rem;display:flex}.dc-sku-picker-option:hover,.dc-sku-picker-option.is-active{background:#e8f4fc}.dc-sku-picker-sku{color:var(--text);font-size:.78rem;font-weight:650}.dc-sku-picker-name{color:var(--text-muted);font-size:.75rem;line-height:1.25}.dc-sku-picker-empty{color:var(--text-muted);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:6px;margin:0;padding:.45rem .5rem;font-size:.78rem}