:root{--dt-color-navy: #000F1C;--dt-color-blue: #006BCC;--dt-color-blue-hover: #0055A3;--dt-color-danger: #CC4429;--dt-color-danger-hover: #752F25;--dt-color-white: #FFFFFF;--dt-color-stage-bg: #000F1C;--dt-color-panel: #141C2E;--dt-color-panel-rgb: 18, 26, 46;--dt-color-text: #E0E0E0;--dt-color-text-muted: rgba(224, 230, 240, .62);--dt-stage-glow: rgba(255, 255, 255, .08);--dt-glass-bg: rgba(var(--dt-color-panel-rgb), .9);--dt-glass-border: rgba(200, 210, 230, .08);--dt-blur-popover: 8px;--dt-blur-panel: 12px;--dt-shadow-glass: 0 4px 24px rgba(0, 0, 0, .12), 0 8px 40px rgba(0, 0, 0, .1), 0 0 0 1px var(--dt-glass-border);--dt-shadow-card: 0 2px 8px rgba(0, 0, 0, .25);--dt-shadow-dialog: 0 12px 40px rgba(0, 0, 0, .45);--dt-shadow-glow-blue: 0 4px 12px rgba(0, 107, 204, .35);--dt-shadow-glow-danger: 0 4px 12px rgba(204, 68, 41, .3);--dt-space-unit: .4rem;--dt-space-xs: .8rem;--dt-space-sm: 1.6rem;--dt-space-md: 2.4rem;--dt-space-lg: 3.2rem;--dt-space-xl: 4rem;--dt-font-family-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--dt-font-family-heading: var(--heading-font-family, Montserrat, sans-serif);--dt-font-size-body: 14px;--dt-font-size-badge: 10.5px;--dt-font-size-label: 12px;--dt-font-size-button: 14px;--dt-font-size-dialog-title: 16px;--dt-radius-sm: 6px;--dt-radius-md: 8px;--dt-radius-lg: 12px;--dt-radius-pill: 999px;--dt-radius-circle: 50%;--dt-ease-slide: cubic-bezier(.4, 0, .2, 1);--dt-duration-hover: .2s;--dt-duration-slide: .35s}.weight-designer{all:initial;position:relative;display:block;box-sizing:border-box;font-family:var(--dt-font-family-ui);font-size:var(--dt-font-size-body);line-height:1.45;color:var(--dt-color-text);background:radial-gradient(120% 80% at 50% -10%,rgba(0,107,204,.1),transparent 60%),var(--dt-color-stage-bg);min-height:100%}.weight-designer *,.weight-designer *:before,.weight-designer *:after{box-sizing:border-box}.wd-visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap}.wd-glass-panel{background:var(--dt-glass-bg);border:1px solid var(--dt-glass-border);border-radius:var(--dt-radius-lg);backdrop-filter:blur(var(--dt-blur-panel));-webkit-backdrop-filter:blur(var(--dt-blur-panel));box-shadow:var(--dt-shadow-glass);padding:var(--dt-space-md)}.wd-shell{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:var(--dt-space-md);align-items:stretch;padding:var(--dt-space-md);max-width:1200px;margin:0 auto}.wd-stage-region{position:relative;display:flex;align-items:center;justify-content:center;border-radius:var(--dt-radius-lg);background:var(--dt-color-navy);border:1px solid rgba(200,210,230,.06);overflow:hidden;min-height:420px}.wd-canvas-stage{position:relative;display:flex;align-items:center;justify-content:center;width:100%;padding:var(--dt-space-lg);background:radial-gradient(circle at center,var(--dt-stage-glow) 0%,transparent 68%)}.wd-canvas-stage svg,.wd-canvas-stage canvas{display:block;width:min(100%,520px);height:auto;filter:drop-shadow(0 18px 40px rgba(0,0,0,.45))}.wd-specs-strip{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;gap:var(--dt-space-sm);padding:var(--dt-space-xs) var(--dt-space-sm);background:linear-gradient(transparent,#00000073);font-size:var(--dt-font-size-label);color:var(--dt-color-text-muted);pointer-events:none}.wd-spec{letter-spacing:.04em;text-transform:uppercase}.wd-spec+.wd-spec{border-left:1px solid rgba(200,210,230,.18);padding-left:var(--dt-space-sm)}.wd-hotspot{position:absolute;top:var(--dt-space-sm);right:var(--dt-space-sm);display:inline-flex;align-items:center;gap:var(--dt-space-xs);padding:.6rem 1.2rem .6rem .9rem;background:#000f1c8c;border:1px solid var(--dt-color-blue);border-radius:var(--dt-radius-pill);color:var(--dt-color-white);font-size:var(--dt-font-size-button);font-weight:600;cursor:pointer;backdrop-filter:blur(var(--dt-blur-popover));-webkit-backdrop-filter:blur(var(--dt-blur-popover))}.wd-hotspot-core{position:relative;width:12px;height:12px;border-radius:var(--dt-radius-circle);background:var(--dt-color-blue);flex:0 0 auto}.wd-hotspot-core:before,.wd-hotspot-core:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--dt-radius-circle);border:2px solid var(--dt-color-blue);animation:wd-hotspot-pulse 2.4s var(--dt-ease-slide) infinite}.wd-hotspot-core:after{animation-delay:1.2s}@keyframes wd-hotspot-pulse{0%{transform:scale(1);opacity:.8}to{transform:scale(3.2);opacity:0}}.wd-hotspot:hover{box-shadow:var(--dt-shadow-glow-blue)}.wd-hotspot:focus-visible{outline:2px solid var(--dt-color-white);outline-offset:2px}.wd-reveal-mount{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4}.wd-stage-region.wd-3d-active .wd-hotspot,.wd-stage-region.wd-3d-active .wd-specs-strip{display:none}.wd-reveal-close{position:absolute;top:var(--dt-space-sm);left:var(--dt-space-sm);z-index:6;display:inline-flex;align-items:center;gap:var(--dt-space-xs);padding:.5rem 1rem .5rem .8rem;background:#000f1c8c;border:1px solid var(--dt-glass-border);border-radius:var(--dt-radius-pill);color:var(--dt-color-white);font-family:inherit;font-size:var(--dt-font-size-button);font-weight:600;cursor:pointer;backdrop-filter:blur(var(--dt-blur-popover));-webkit-backdrop-filter:blur(var(--dt-blur-popover))}.wd-reveal-close:hover{background:#000f1cbf;box-shadow:var(--dt-shadow-glow-blue)}.wd-reveal-close:focus-visible{outline:2px solid var(--dt-color-white);outline-offset:2px}.wd-panel{display:flex;flex-direction:column;gap:var(--dt-space-sm);min-width:0}.wd-panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--dt-space-sm);border-bottom:1px solid var(--dt-glass-border);padding-bottom:var(--dt-space-sm)}.wd-step-tabs{display:flex;gap:2px;flex-wrap:wrap}.wd-step-tab{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .9rem;background:transparent;border:1px solid transparent;border-radius:var(--dt-radius-md) var(--dt-radius-md) 0 0;color:var(--dt-color-text-muted);font-size:var(--dt-font-size-label);font-weight:600;cursor:pointer}.wd-step-tab:hover{color:var(--dt-color-text)}.wd-step-tab.is-active{color:var(--dt-color-white);background:#006bcc29;border-color:#006bcc66}.wd-step-num{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:var(--dt-radius-circle);background:#c8d2e61f;font-size:var(--dt-font-size-badge)}.wd-step-tab.is-active .wd-step-num{background:var(--dt-color-blue);color:var(--dt-color-white)}.wd-history-controls{display:flex;gap:.5rem}.wd-icon-btn{display:inline-grid;place-items:center;width:34px;height:34px;background:#c8d2e60f;border:1px solid var(--dt-glass-border);border-radius:var(--dt-radius-md);color:var(--dt-color-text);cursor:pointer}.wd-icon-btn:hover:not(:disabled){background:#006bcc2e;color:var(--dt-color-white)}.wd-icon-btn:disabled{opacity:.35;cursor:default}.wd-step-body{display:block}.wd-step{display:flex;flex-direction:column;gap:var(--dt-space-sm)}.wd-step-lead{margin:0;color:var(--dt-color-text);font-weight:600}.wd-step-secondary{display:flex;justify-content:center}.wd-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.4rem;border-radius:var(--dt-radius-md);border:1px solid transparent;font-family:inherit;font-size:var(--dt-font-size-button);font-weight:600;cursor:pointer;transition:background var(--dt-duration-hover) var(--dt-ease-slide),box-shadow var(--dt-duration-hover) var(--dt-ease-slide)}.wd-btn--primary{background:var(--dt-color-blue);color:var(--dt-color-white)}.wd-btn--primary:hover{background:var(--dt-color-blue-hover);box-shadow:var(--dt-shadow-glow-blue)}.wd-btn--ghost{background:#c8d2e60f;border-color:var(--dt-glass-border);color:var(--dt-color-text)}.wd-btn--ghost:hover{background:#c8d2e61f;color:var(--dt-color-white)}.wd-btn--danger{background:var(--dt-color-danger);color:var(--dt-color-white)}.wd-btn--danger:hover{background:var(--dt-color-danger-hover)}.wd-btn:focus-visible{outline:2px solid var(--dt-color-blue);outline-offset:2px}.wd-status-bar{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:20;max-width:min(92%,640px);padding:.6rem 1.2rem;text-align:center;font-size:var(--dt-font-size-label);color:var(--dt-color-text);pointer-events:none}.wd-status-bar.is-success{border-color:var(--dt-color-blue);color:var(--dt-color-white);box-shadow:var(--dt-shadow-glow-blue)}.wd-status-bar.is-error{border-color:var(--dt-color-danger);color:#ffd9cf;box-shadow:var(--dt-shadow-glow-danger)}.wd-modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:var(--dt-space-md);background:#0008109e;backdrop-filter:blur(var(--dt-blur-popover));-webkit-backdrop-filter:blur(var(--dt-blur-popover))}.wd-modal{width:min(100%,460px);background:var(--dt-color-panel);border:1px solid var(--dt-glass-border);border-radius:var(--dt-radius-lg);box-shadow:var(--dt-shadow-dialog);padding:var(--dt-space-md)}.wd-modal-title{margin:0 0 var(--dt-space-sm);font-size:var(--dt-font-size-dialog-title);color:var(--dt-color-white)}.wd-modal-body{margin-bottom:var(--dt-space-md);color:var(--dt-color-text)}.wd-modal-body p{margin:0}.wd-modal-actions{display:flex;justify-content:flex-end;gap:var(--dt-space-xs)}.wd-dropzone{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:var(--dt-space-lg) var(--dt-space-md);text-align:center;border:2px dashed rgba(0,107,204,.5);border-radius:var(--dt-radius-lg);background:#006bcc0d;color:var(--dt-color-text);cursor:pointer;transition:border-color var(--dt-duration-hover) var(--dt-ease-slide),background var(--dt-duration-hover) var(--dt-ease-slide)}.wd-dropzone[hidden]{display:none}.wd-dropzone:hover,.wd-dropzone:focus-visible,.wd-dropzone.is-dragging{border-color:var(--dt-color-blue);background:#006bcc1f;outline:none}.wd-dropzone.is-loading{opacity:.6;pointer-events:none}.wd-dropzone-icon{color:var(--dt-color-blue)}.wd-dropzone-title{font-weight:700;color:var(--dt-color-white)}.wd-dropzone-hint{font-size:var(--dt-font-size-label);color:var(--dt-color-text-muted)}.wd-sample-btn{margin-top:.4rem}.wd-beat{display:flex;flex-direction:column;align-items:center;gap:var(--dt-space-sm);padding:var(--dt-space-md)}.wd-beat[hidden]{display:none}.wd-beat-msg{font-weight:700;color:var(--dt-color-white)}.wd-chip-tray{display:flex;gap:.6rem}.wd-chip-pop{width:28px;height:28px;border-radius:var(--dt-radius-circle);box-shadow:var(--dt-shadow-card);transform:scale(0);animation:wd-chip-pop .5s var(--dt-ease-slide) forwards}@keyframes wd-chip-pop{0%{transform:scale(0) translateY(-8px);opacity:0}60%{transform:scale(1.15) translateY(0);opacity:1}to{transform:scale(1);opacity:1}}.wd-tile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--dt-space-sm)}.wd-tile{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.6rem;background:#c8d2e60d;border:1px solid var(--dt-glass-border);border-radius:var(--dt-radius-md);color:var(--dt-color-text);cursor:pointer;transition:transform var(--dt-duration-hover) var(--dt-ease-slide),border-color var(--dt-duration-hover) var(--dt-ease-slide)}.wd-tile:hover{transform:translateY(-2px);border-color:#006bcc80}.wd-tile.is-selected{border-color:var(--dt-color-blue);box-shadow:var(--dt-shadow-glow-blue)}.wd-tile-thumb{width:100%;display:grid;place-items:center}.wd-tile-thumb svg{width:100%;height:auto;border-radius:var(--dt-radius-sm)}.wd-tile-name{font-size:var(--dt-font-size-label);font-weight:600;text-align:center}.wd-tile:focus-visible{outline:2px solid var(--dt-color-blue);outline-offset:2px}.wd-field{display:flex;flex-direction:column;gap:.5rem}.wd-label{font-size:var(--dt-font-size-label);font-weight:600;color:var(--dt-color-text-muted);text-transform:uppercase;letter-spacing:.04em}.wd-note{margin:0;font-size:var(--dt-font-size-label);color:var(--dt-color-text-muted)}.wd-empty-hint{font-size:var(--dt-font-size-label);color:var(--dt-color-text-muted);font-style:italic}.wd-target-toggle{display:inline-flex;gap:2px;background:#c8d2e60f;border-radius:var(--dt-radius-pill);padding:3px;align-self:flex-start}.wd-target-btn{padding:.4rem 1rem;border:0;background:transparent;border-radius:var(--dt-radius-pill);color:var(--dt-color-text-muted);font:inherit;font-weight:600;cursor:pointer}.wd-target-btn.is-active{background:var(--dt-color-blue);color:var(--dt-color-white)}.wd-slot-row{display:flex;gap:var(--dt-space-sm)}.wd-slot{display:flex;align-items:center;gap:.6rem}.wd-slot-label{font-size:var(--dt-font-size-label)}.wd-color-input{width:44px;height:34px;padding:0;background:none;border:1px solid var(--dt-glass-border);border-radius:var(--dt-radius-sm);cursor:pointer}.wd-swatch-row{display:flex;flex-wrap:wrap;gap:.5rem}.wd-swatch{width:30px;height:30px;padding:0;border:1px solid rgba(255,255,255,.25);border-radius:var(--dt-radius-sm);cursor:pointer}.wd-swatch:hover{transform:scale(1.08);box-shadow:var(--dt-shadow-card)}.wd-swatch:focus-visible{outline:2px solid var(--dt-color-white);outline-offset:1px}.wd-input-wrap{position:relative;display:flex;align-items:center}.wd-text-input{width:100%;padding:.6rem 4.5rem .6rem .8rem;background:#000f1c80;border:1px solid var(--dt-glass-border);border-radius:var(--dt-radius-md);color:var(--dt-color-white);font:inherit}.wd-text-input:focus-visible{outline:none;border-color:var(--dt-color-blue);box-shadow:var(--dt-shadow-glow-blue)}.wd-counter{position:absolute;right:.8rem;font-size:var(--dt-font-size-badge);color:var(--dt-color-text-muted);pointer-events:none}.wd-pick-row{display:flex;flex-wrap:wrap;gap:.5rem}.wd-pill{padding:.45rem .9rem;background:#c8d2e60f;border:1px solid var(--dt-glass-border);border-radius:var(--dt-radius-pill);color:var(--dt-color-text);font:inherit;font-weight:600;cursor:pointer}.wd-pill:hover{border-color:#006bcc80}.wd-pill.is-active{background:var(--dt-color-blue);color:var(--dt-color-white);border-color:var(--dt-color-blue)}.wd-denomination{display:flex;align-items:center;gap:var(--dt-space-sm);flex-wrap:wrap}.wd-unit-toggle{display:inline-flex;gap:2px;background:#c8d2e60f;border-radius:var(--dt-radius-pill);padding:3px}.wd-unit-btn{padding:.4rem .9rem;border:0;background:transparent;border-radius:var(--dt-radius-pill);color:var(--dt-color-text-muted);font:inherit;font-weight:700;cursor:pointer}.wd-unit-btn.is-active{background:var(--dt-color-blue);color:var(--dt-color-white)}.wd-proof-strip{padding:var(--dt-space-sm);font-size:var(--dt-font-size-label);color:var(--dt-color-text)}.wd-proof-strip strong{font-weight:600}.wd-rights{display:flex;align-items:flex-start;gap:.6rem;font-size:var(--dt-font-size-label);color:var(--dt-color-text-muted);cursor:pointer}.wd-checkbox{margin-top:.2rem;accent-color:var(--dt-color-blue)}.wd-quote-btn{align-self:flex-start}.wd-saved-note{margin:0;font-size:var(--dt-font-size-badge);color:var(--dt-color-text-muted)}@media (max-width: 768px) and (pointer: coarse){.wd-shell{grid-template-columns:1fr;padding:var(--dt-space-sm);gap:var(--dt-space-sm)}.wd-stage-region{min-height:300px;position:sticky;top:0;z-index:5}.wd-panel{border-radius:var(--dt-radius-lg) var(--dt-radius-lg) 0 0;padding:var(--dt-space-sm)}.wd-tile-grid{grid-template-columns:repeat(2,1fr)}.wd-hotspot .wd-hotspot-label{display:none}.wd-hotspot{padding:.6rem}}@media (prefers-reduced-motion: reduce){.weight-designer *,.weight-designer *:before,.weight-designer *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}