.toggle{position:relative;width:20px;height:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.28);border-radius:0;cursor:pointer;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;flex-shrink:0}.toggle:after{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;background:transparent;transform:translate(-50%,-50%) scale(.4);opacity:0;transition:opacity .18s ease,transform .18s ease,background .18s ease}.toggle:hover{border-color:#4caed28c}.toggle.active{background:#4caed21a;border-color:var(--cyan-bright);box-shadow:0 0 0 1px #4caed240,0 0 10px #4caed247}.toggle.active:after{background:var(--cyan-bright);opacity:1;transform:translate(-50%,-50%) scale(1);box-shadow:0 0 6px #4caed2b3}.toggle--critical:hover{border-color:#e8a85599}.toggle--critical.active{background:#e8a8551a;border-color:#e8a855;box-shadow:0 0 0 1px #e8a85547,0 0 10px #e8a8554d}.toggle--critical.active:after{background:#e8a855;box-shadow:0 0 6px #e8a855bf}#secret-warning-dialog{z-index:200}#secret-warning-dialog .modal-content{width:min(560px,92vw)}.secret-warning-text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.secret-warning-text strong{color:var(--color-text-primary)}.secret-warning-link-row{margin-top:var(--space-3);font-size:var(--text-xs)}.secret-warning-link{display:inline-flex;align-items:center;gap:6px;color:var(--cyan-bright);text-decoration:none;font-family:var(--font-mono);letter-spacing:var(--tracking-wide);border-bottom:1px solid rgba(76,174,210,.35);padding-bottom:1px;transition:color .18s ease,border-color .18s ease,gap .18s ease}.secret-warning-link:hover{color:#fff;border-bottom-color:var(--cyan-bright);gap:9px}.secret-warning-link svg{flex-shrink:0}.flash-highlight{animation:flashHighlight 1.6s ease-out}@keyframes flashHighlight{0%{background:transparent}15%{background:#e8a8552e}30%{background:transparent}45%{background:#e8a8552e}to{background:transparent}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000c7;z-index:100;display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease}.modal-backdrop.visible{display:flex;opacity:1}.modal-content{position:relative;display:flex;flex-direction:column;background:#0d0d0d}.modal-content.hud-container{background:#0d0d0d;border:none;border-radius:0;padding:0;flex-shrink:0;width:min(1100px,92vw);max-height:80vh;overflow:visible}.modal-content:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 60% 50% at 0% 0%,rgba(76,174,210,.07) 0%,rgba(76,174,210,.025) 40%,transparent 70%),radial-gradient(ellipse 50% 40% at 100% 100%,rgba(232,168,85,.025) 0%,transparent 60%);z-index:0}.modal-content:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0px,rgba(255,255,255,.025) 1px,transparent 1px,transparent 3px);z-index:1}.modal-content>.modal-frame{z-index:5}.modal-content>.modal-close{z-index:6}.modal-content>.modal-body,.modal-content>.modal-header{position:relative;z-index:2}.modal-frame{position:absolute;pointer-events:none;top:0;left:0;right:0;bottom:0;z-index:5}.modal-block{position:relative;background:#ffffff06;border:1px solid rgba(255,255,255,.07);padding:var(--space-4);transition:border-color .18s ease,background .18s ease}.modal-block:hover{border-color:#4caed259;background:#4caed20a}.modal-block-bracket{position:absolute;width:8px;height:8px;pointer-events:none;transition:border-color .18s ease;border-color:#ffffff8c}.modal-block:hover .modal-block-bracket{border-color:#4caed2bf}.modal-block-bracket.tl{top:-1px;left:-1px;border-top:2px solid;border-left:2px solid}.modal-block-bracket.tr{top:-1px;right:-1px;border-top:2px solid;border-right:2px solid}.modal-block-bracket.bl{bottom:-1px;left:-1px;border-bottom:2px solid;border-left:2px solid}.modal-block-bracket.br{bottom:-1px;right:-1px;border-bottom:2px solid;border-right:2px solid}.modal-footer-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) 0;margin-top:var(--space-5);border-top:1px solid rgba(255,255,255,.06);position:sticky;bottom:0;z-index:3;background:transparent}#pack-settings-modal .modal-body{padding-top:0;padding-bottom:0;position:relative}#pack-settings-modal .modal-loader{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;min-height:0;background:#0d0d0df5}#pack-settings-modal .modal-loader .wes-sigil .bar,#pack-settings-modal .modal-loader .wes-sigil .bar-lead{animation-delay:0s!important}#pack-settings-modal .modal-content{min-height:80vh}.modal-footer-actions.hidden{display:none}.modal-footer-actions.is-loading{visibility:hidden}@media (max-width: 640px){.modal-backdrop{background:#060c12eb;backdrop-filter:none;-webkit-backdrop-filter:none}.modal-content{background:#0d0d0d;backdrop-filter:none;-webkit-backdrop-filter:none}.modal-block{background:transparent;border-color:#ffffff1a}.modal-footer-actions .btn-commit{width:100%}#pack-settings-modal .modal-header{padding:var(--space-3) var(--space-5) var(--space-2)}#pack-settings-modal .modal-eyebrow{margin-bottom:6px}#pack-settings-modal .modal-title-text{font-size:18px}#pack-settings-modal .modal-subtitle{display:none}#pack-settings-modal .pack-settings-preview-iframe-wrap{max-height:200px}#pack-modal .modal-header{flex-direction:column;align-items:stretch;gap:var(--space-3);padding:var(--space-3) var(--space-5) var(--space-2)}#pack-modal .modal-eyebrow{margin-bottom:6px}#pack-modal .modal-title-text{font-size:18px}#pack-modal .modal-subtitle{display:none}#pack-modal .modal-header-filter{margin-top:0}#pack-modal .packs-filter-input{max-width:none}}.modal-body{flex:1 1 auto;overflow-y:auto;padding:var(--space-5) var(--space-6) var(--space-6);min-height:0;scrollbar-width:thin;scrollbar-color:rgba(76,174,210,.35) transparent}.modal-body::-webkit-scrollbar{width:10px}.modal-body::-webkit-scrollbar-track{background:transparent;border-left:1px solid rgba(255,255,255,.06);margin:var(--space-2) 0}.modal-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4caed273,#4caed240);border:2px solid transparent;background-clip:padding-box;border-radius:0}.modal-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#4caed2b3,#4caed266);background-clip:padding-box;border:2px solid transparent;box-shadow:inset 0 0 6px #4caed24d}.modal-body::-webkit-scrollbar-corner{background:transparent}.modal-header{flex-shrink:0;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin:0;padding:var(--space-5) var(--space-6) var(--space-4);padding-right:64px;border-bottom:1px solid rgba(255,255,255,.1);z-index:3}.modal-header-text{flex:1 1 auto;min-width:0}.modal-eyebrow{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:2.5px;text-transform:uppercase;color:var(--cyan-bright, #6AC0DE);margin-bottom:12px}.modal-eyebrow:before{content:"";width:32px;height:1px;background:var(--cyan-bright, #6AC0DE);flex-shrink:0}.modal-title-text{font-family:var(--font-sans);font-size:clamp(20px,2vw,26px);font-weight:300;line-height:1.15;letter-spacing:-.015em;color:var(--color-text-primary);margin:0}.modal-subtitle{font-size:13px;line-height:1.5;color:var(--color-text-secondary);margin:8px 0 0}.modal-close{position:absolute;top:var(--space-4);right:var(--space-4);width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#0d0d0d8c;border:1px solid rgba(255,255,255,.18);border-radius:0;color:var(--color-text-tertiary);cursor:pointer;transition:all .15s ease;z-index:4;clip-path:polygon(0 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%)}.modal-close:hover{border-color:#4caed299;background:#4caed21f;color:var(--color-text-primary);box-shadow:0 0 12px #4caed240}.advanced-grid{display:flex;flex-wrap:wrap;gap:var(--space-4) var(--space-5);align-items:stretch}.advanced-grid>.advanced-subsection{flex:1 1 360px;min-width:0}.advanced-grid .info-box,.advanced-grid code,.advanced-grid .secret-display,.advanced-grid a{overflow-wrap:anywhere;word-break:break-word}.pack-settings-layout{display:flex;flex-direction:column;gap:var(--space-5)}.pack-settings-layout.hidden{display:none}.pack-settings-layout.is-loading{visibility:hidden}.pack-settings-layout{transition:opacity .22s ease-out}.pack-settings-preview-row{display:flex;flex-direction:column;gap:var(--space-3);width:100%;position:sticky;top:0;z-index:3;background:linear-gradient(to bottom,#0d0d0deb,#0d0d0deb 70%,#0d0d0d00);padding:var(--space-5) 0 var(--space-4)}.pack-settings-preview-controls{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.pack-settings-preview-controls .pack-settings-preview-eyebrow{margin-right:auto}.pack-settings-bottom{display:flex;flex-wrap:wrap;gap:var(--space-5);align-items:flex-start}.pack-settings-bottom .pack-settings-form-col{flex:3 1 320px;min-width:0}.pack-settings-bottom .pack-settings-swatches-col{flex:2 1 260px;min-width:0}.pack-settings-swatches{position:relative;background:#ffffff06;border:1px solid rgba(255,255,255,.08);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.pack-settings-layout--no-preview .pack-settings-swatches-col{display:none}.pack-settings-preview{position:relative;background:#ffffff06;border:1px solid rgba(255,255,255,.08);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.pack-settings-preview-eyebrow{font-family:var(--font-mono);font-size:10.5px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--color-text-tertiary);display:flex;align-items:center;gap:10px}.pack-settings-preview-eyebrow:before{content:"";width:24px;height:1px;background:var(--color-text-tertiary);flex-shrink:0}.pack-settings-preview-swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:var(--space-2)}.pack-settings-preview-swatch{display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:0}.pack-settings-preview-swatch-chip{width:100%;aspect-ratio:1 / 1;border:1px solid rgba(255,255,255,.18);background-color:var(--slot-color, #000);box-shadow:inset 0 0 0 1px #ffffff0a}.pack-settings-preview-swatch-label{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.5px;color:var(--color-text-tertiary);text-transform:uppercase;line-height:1.3;text-align:center;word-break:break-word}.pack-settings-preview-swatch-hex{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.5px;color:var(--color-text-secondary);text-align:center}.pack-settings-preview-alert{position:relative;padding:var(--space-4) var(--space-5);border:1px solid var(--preview-accent, rgba(255, 255, 255, .18));background:var(--preview-base, rgba(13, 13, 13, .6));color:var(--preview-text, var(--color-text-primary));display:flex;flex-direction:column;gap:6px;overflow:hidden}.pack-settings-preview-alert:before{content:"";position:absolute;top:0;bottom:0;left:0;width:3px;background:var(--preview-primary, var(--cyan-bright))}.pack-settings-preview-alert-meta{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:var(--preview-primary, var(--cyan-bright));opacity:.85}.pack-settings-preview-alert-title{font-size:14px;font-weight:500;line-height:1.3}.pack-settings-preview-alert-body{font-size:12px;line-height:1.4;color:var(--preview-text-secondary, rgba(255, 255, 255, .65))}.pack-settings-preview-event{display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0}.pack-settings-preview-event-label{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:var(--color-text-tertiary)}#pack-settings-preview-event-select{flex:1 1 auto;min-width:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#0d0d0db3;border:1px solid rgba(255,255,255,.14);color:var(--color-text-primary);font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:1px;text-transform:uppercase;padding:7px 28px 7px 10px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%236AC0DE' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:border-color .12s ease,background-color .12s ease}#pack-settings-preview-event-select:hover{border-color:#4caed273;background-color:#0d0d0dd9}#pack-settings-preview-event-select:focus{outline:none;border-color:var(--cyan-bright);box-shadow:0 0 0 1px #4caed259}#pack-settings-preview-event-select option{background:#0d0d0d;color:var(--color-text-primary);font-family:var(--font-mono)}.pack-settings-preview-play-btn{background:#0d0d0d99;border:1px solid rgba(255,255,255,.18);color:var(--color-text-primary);font-family:var(--font-mono);font-size:10.5px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;padding:6px 14px;cursor:pointer;transition:border-color .12s ease,background .12s ease}.pack-settings-preview-play-btn:hover{border-color:var(--cyan-bright);background:#4caed214}.pack-settings-preview-play-btn[disabled]{opacity:.4;cursor:not-allowed}.pack-settings-preview-mode{display:inline-flex;border:1px solid rgba(255,255,255,.12);background:#0d0d0d99;overflow:hidden}.pack-settings-preview-mode-opt{position:relative;display:inline-flex;align-items:center;padding:6px 10px;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:var(--color-text-tertiary);cursor:pointer;transition:color .12s ease,background .12s ease}.pack-settings-preview-mode-opt+.pack-settings-preview-mode-opt{border-left:1px solid rgba(255,255,255,.12)}.pack-settings-preview-mode-opt input{position:absolute;opacity:0;pointer-events:none;width:0;height:0}.pack-settings-preview-mode-opt:hover{color:var(--color-text-primary)}.pack-settings-preview-mode-opt:has(input:checked){color:var(--cyan-bright);background:#4caed214}.pack-settings-preview-mode-opt:has(input:focus-visible){outline:1px solid var(--cyan-bright);outline-offset:1px}.pack-settings-preview-iframe-wrap{position:relative;z-index:2;width:100%;aspect-ratio:32 / 9;max-height:280px;background-color:#1a1d24;background-image:linear-gradient(45deg,#22262e 25%,transparent 25%),linear-gradient(-45deg,#22262e 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#22262e 75%),linear-gradient(-45deg,transparent 75%,#22262e 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;border:1px solid rgba(255,255,255,.08);overflow:hidden;touch-action:none}.pack-settings-preview-iframe{position:absolute;top:0;left:0;width:1920px;height:1080px;border:0;background:transparent;display:block;touch-action:none;opacity:0;transition:opacity .22s ease-out}.pack-settings-preview-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:10.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--color-text-tertiary);pointer-events:none;z-index:1;opacity:0}.pack-settings-preview-iframe-wrap.preview-failed .pack-settings-preview-skeleton{opacity:1}.pack-settings-preview-iframe-wrap.preview-failed .pack-settings-preview-skeleton:before{content:"Preview failed — check console"}.pack-settings-preview-iframe-wrap.preview-failed-429 .pack-settings-preview-skeleton:before{content:"Too many manifest requests — wait a moment and reopen"}.pack-settings-preview-iframe-wrap.ready .pack-settings-preview-iframe{opacity:1}.modal-loader{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-6);opacity:1;transition:opacity .18s ease-out}.modal-loader.hidden{display:none}.modal-loader.is-leaving{opacity:0}.modal-loader__label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-tertiary)}.modal-loader__error{display:none;flex-direction:column;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:#ef4444}.modal-loader.is-error .modal-loader__label{display:none}.modal-loader.is-error .modal-loader__error{display:flex}#director-panel{padding:var(--space-5) var(--space-5) var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.director-tagline{margin:calc(var(--space-3) * -1) 0 0;font-size:11px;letter-spacing:.08em;color:var(--color-text-tertiary);text-transform:uppercase}.director-module-label{display:block;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.22em;color:var(--color-text-tertiary);text-transform:uppercase;margin-bottom:var(--space-1)}.director-banner{--state-color: 74, 222, 128;position:relative;display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);min-height:96px;background:rgba(var(--state-color),.06);border:1px solid rgba(var(--state-color),.35);border-radius:0;transition:background .25s ease,border-color .25s ease;overflow:hidden;cursor:default}.director-banner-icon{position:relative;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:rgb(var(--state-color));flex-shrink:0}.director-banner-icon svg{width:34px;height:34px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:square;stroke-linejoin:miter}.director-banner .icon-live,.director-banner .icon-paused,.director-banner .icon-focus,.director-banner .icon-flushing,.director-banner .icon-offline{display:none}.director-banner[data-state=live] .icon-live,.director-banner[data-state=paused] .icon-paused,.director-banner[data-state=focus] .icon-focus,.director-banner[data-state=flushing] .icon-flushing,.director-banner[data-state=offline] .icon-offline{display:block}.director-banner-text{position:relative;display:flex;flex-direction:column;gap:2px;flex:1 1 0;min-width:0}.director-banner-state{font-family:var(--font-display, "JetBrains Mono", monospace);font-size:28px;font-weight:700;letter-spacing:.12em;line-height:1;color:rgb(var(--state-color));text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.director-banner-sub{font-size:11px;letter-spacing:.1em;color:var(--color-text-tertiary);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease}.director-banner-sub.is-pending{color:var(--amber-350, #FFBE60);animation:director-banner-sub-pulse 2.4s ease-in-out infinite}@keyframes director-banner-sub-pulse{0%,to{opacity:.7}50%{opacity:1}}.director-banner-meta{position:relative;display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-family:var(--font-display, "JetBrains Mono", monospace);padding-left:var(--space-4);border-left:1px solid rgba(255,255,255,.12);flex:0 0 auto;width:72px}.director-banner-count{font-size:30px;font-weight:700;color:var(--color-text-primary);line-height:1;font-variant-numeric:tabular-nums}.director-banner-count-label{font-size:10px;letter-spacing:.1em;color:var(--color-text-tertiary);text-transform:uppercase}.director-banner[data-state=live]{--state-color: 74, 222, 128}.director-banner[data-state=paused]{--state-color: 239, 68, 68}.director-banner[data-state=focus]{--state-color: 232, 168, 85}.director-banner[data-state=flushing]{--state-color: 76, 174, 210}.director-banner[data-state=offline]{--state-color: 140, 150, 160}.director-banner-progress{position:absolute;left:0;bottom:0;height:2px;width:0%;background:rgb(var(--state-color));transition:width .25s linear;display:none}.director-banner[data-state=focus] .director-banner-progress{display:block}.director-tiles{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:var(--space-3)}.director-tile{--tile-color: 255, 255, 255;--tile-rail-alpha: .55;--tile-bg-alpha: .04;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-3);padding-left:calc(var(--space-3) + 4px);min-height:88px;background:rgba(var(--tile-color),var(--tile-bg-alpha));border:1px solid rgba(var(--tile-color),.22);color:var(--color-text-primary);cursor:pointer;transition:background .15s ease,border-color .15s ease;font-family:var(--font-display, "JetBrains Mono", monospace)}.director-tile:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:rgb(var(--tile-color));opacity:var(--tile-rail-alpha);transition:opacity .15s ease,width .15s ease}.director-tile:hover{background:rgba(var(--tile-color),.12);border-color:rgba(var(--tile-color),.55)}.director-tile:hover:before{opacity:1;width:6px}.director-tile:active{background:rgba(var(--tile-color),.2)}.director-tile:disabled,.director-tile[disabled]{opacity:.4;cursor:not-allowed;background:rgba(var(--tile-color),var(--tile-bg-alpha));border-color:rgba(var(--tile-color),.22)}.director-tile:disabled:hover,.director-tile[disabled]:hover{background:rgba(var(--tile-color),var(--tile-bg-alpha));border-color:rgba(var(--tile-color),.22)}.director-tile:disabled:hover:before,.director-tile[disabled]:hover:before{opacity:var(--tile-rail-alpha);width:4px}.director-tile-icon{display:flex;align-items:center;justify-content:center;line-height:1;color:rgb(var(--tile-color))}.director-tile-icon svg{width:28px;height:28px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:square;stroke-linejoin:miter}.director-tile-label{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-primary)}.director-tile-key{position:absolute;top:6px;right:8px;font-size:9px;letter-spacing:.08em;color:var(--color-text-tertiary);opacity:.65}.director-tile.director-tile-hero{--tile-color: 232, 168, 85;--tile-bg-alpha: .06;grid-column:1 / -1;min-height:100px}#director-panel[data-state=live] .director-tile--pause{--tile-color: 239, 68, 68;--tile-bg-alpha: .05;--tile-rail-alpha: .75}#director-panel[data-state=paused] .director-tile--resume,#director-panel[data-state=focus] .director-tile--resume,#director-panel[data-state=flushing] .director-tile--resume{--tile-color: 74, 222, 128;--tile-bg-alpha: .05;--tile-rail-alpha: .75}.director-tile.director-tile-hero .director-tile-label{font-size:15px}@media (hover: none){.director-tile-key{display:none}}.director-controls-disabled{opacity:.35;pointer-events:none}.director-modal .modal-content{width:min(560px,92vw)}@media (max-width: 540px){.director-banner-sub{display:none}.director-banner{padding:var(--space-3) var(--space-4);min-height:72px;gap:var(--space-3)}.director-banner-state{font-size:22px}.director-banner-meta{width:56px;padding-left:var(--space-3)}.director-banner-count{font-size:24px}}.setting-row{display:flex;justify-content:space-between;align-items:center;min-height:64px;padding:var(--space-3) var(--space-3);margin:0 calc(var(--space-3) * -1);border-radius:var(--radius-xs);transition:background-color .15s ease}.setting-row:hover{background:#4caed20a}.advanced-subsection .setting-row:hover{background:transparent}.setting-row{border-bottom:var(--border-width) solid rgba(255,255,255,.08)}.advanced-subsection .setting-row:last-child{border-bottom:none}.panel-header+.setting-row{border-top:var(--border-width) solid rgba(255,255,255,.08)}.setting-group{display:contents}.setting-children{position:relative;padding-left:calc(var(--space-5) + var(--space-2));overflow:hidden;max-height:240px;opacity:1;transition:max-height .24s ease,opacity .18s ease,margin .24s ease,padding .24s ease}.setting-children.collapsed{max-height:0;opacity:0;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;pointer-events:none}.setting-row--parent,.setting-row--child{margin:0;padding-left:var(--space-3);padding-right:var(--space-3)}.setting-row--child{border-bottom:none;min-height:52px;position:relative}.setting-row--child:before{content:">";position:absolute;left:-8px;top:50%;transform:translateY(-50%);color:var(--cyan-bright);font-family:var(--font-mono);font-size:18px;font-weight:400;line-height:1}.setting-row--child .label-sm{font-size:var(--text-xs);color:var(--color-text-secondary)}.setting-row--child+.setting-row--child{border-top:var(--border-width) solid rgba(255,255,255,.05)}.setting-row--parent:has(+.setting-children:not(.collapsed)){border-bottom:none}.setting-children:not(.collapsed){border-bottom:var(--border-width) solid rgba(255,255,255,.08)}.wave-timing-options{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2);width:100%}.timing-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:#ffffff06;border:var(--border-width) solid rgba(255,255,255,.08);border-radius:var(--radius-xs);cursor:pointer;transition:background-color .15s ease,border-color .15s ease;width:100%;box-sizing:border-box}.timing-option input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);cursor:pointer;transition:all var(--transition-base);flex-shrink:0}.timing-option input[type=radio]:checked{border-color:var(--color-primary);background:var(--color-primary);box-shadow:inset 0 0 0 3px var(--color-bg)}.timing-option:has(input:checked){border-color:var(--cyan-bright);box-shadow:0 0 8px var(--cyan-glow)}.timing-label{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.timing-value{font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary);letter-spacing:var(--tracking-wide)}.timing-desc{font-size:var(--text-xs);color:var(--color-text-tertiary)}.volume-row{display:flex;align-items:center;gap:var(--space-4)}.volume-row>div:first-child{flex:1}.volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:160px;height:6px;background:var(--color-border);border-radius:var(--radius-xs);outline:none;cursor:pointer;flex-shrink:0;border:1px solid rgba(76,174,210,.1)}.volume-slider::-webkit-slider-runnable-track{height:6px;border-radius:var(--radius-xs)}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:var(--cyan-bright);border-radius:var(--radius-xs);cursor:pointer;transition:box-shadow var(--transition-base),transform var(--transition-base);box-shadow:0 0 4px var(--cyan-glow);margin-top:-3px}.volume-slider:hover::-webkit-slider-thumb{box-shadow:0 0 10px var(--cyan-glow),0 0 20px #4caed233;transform:scale(1.15)}.volume-slider:active::-webkit-slider-thumb{box-shadow:0 0 14px var(--cyan-glow),0 0 28px #4caed240}.volume-slider::-moz-range-track{height:6px;background:var(--color-border);border-radius:var(--radius-xs);border:1px solid rgba(76,174,210,.1)}.volume-slider::-moz-range-progress{height:6px;background:linear-gradient(90deg,rgba(76,174,210,.3),var(--cyan-bright));border-radius:var(--radius-xs);box-shadow:0 0 6px #4caed24d}.volume-slider::-moz-range-thumb{width:12px;height:12px;background:var(--cyan-bright);border-radius:var(--radius-xs);cursor:pointer;border:none;box-shadow:0 0 4px var(--cyan-glow)}.volume-slider:disabled{opacity:.3;cursor:not-allowed}.volume-value{font-size:var(--text-xs);color:var(--color-text-secondary);width:36px;text-align:center;flex-shrink:0;transition:color .12s ease;-webkit-user-select:none;user-select:none}.volume-value:hover{color:var(--color-text-primary)}.volume-value--editing{background:transparent;border:none;border-bottom:1px solid var(--color-primary, #4CAED2);color:var(--color-primary, #4CAED2);font-size:var(--text-xs);font-family:inherit;outline:none;padding:0 4px;margin:0;flex-shrink:0}.volume-value--editing::-webkit-outer-spin-button,.volume-value--editing::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.volume-value--editing[type=number]{-moz-appearance:textfield}.action-buttons{display:flex;flex-direction:column;gap:var(--space-3);margin-top:auto;padding-top:var(--space-4)}.action-hint{font-size:var(--text-xs);color:var(--color-text-subtle);letter-spacing:var(--tracking-normal);text-align:center}.advanced-subsection{position:relative;background:transparent;border:none;border-left:2px solid rgba(255,255,255,.1);border-radius:0;padding:var(--space-3) var(--space-4) var(--space-4) var(--space-5);transition:border-left-color .25s ease,background .25s ease}.advanced-subsection:hover{border-left-color:#4caed2b3;background:linear-gradient(90deg,rgba(76,174,210,.05) 0%,rgba(76,174,210,.012) 60%,transparent 100%)}.subsection-header{font-family:var(--font-sans);font-size:16px;font-weight:500;line-height:1.2;letter-spacing:-.01em;color:var(--color-text-primary);margin:0 0 var(--space-3) 0;display:block}.subsection-header[data-num]:before{content:attr(data-num);display:block;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:#ffb347;text-shadow:0 0 6px rgba(255,179,71,.35);margin-bottom:8px}.subsection-marker{color:var(--cyan-bright);font-weight:300;margin-right:8px;display:inline-block;transition:transform .25s ease,text-shadow .25s ease}.advanced-subsection:hover .subsection-marker{transform:translate(3px);text-shadow:0 0 8px rgba(76,174,210,.7)}#eventsub-status-badge{display:flex;align-items:center;gap:var(--space-2)}.palette-presets{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-2);margin-top:var(--space-2);width:100%}.palette-preset{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#0d0d0d4d;border:var(--border-width) solid rgba(76,174,210,.15);border-radius:var(--radius-xs);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.palette-preset:has(input:checked){border-color:var(--cyan-bright);box-shadow:0 0 8px var(--cyan-glow)}.palette-preset input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);cursor:pointer;flex-shrink:0}.palette-preset input[type=radio]:checked{border-color:var(--color-primary);background:var(--color-primary);box-shadow:inset 0 0 0 3px var(--color-bg)}.palette-preset-body{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:0}.palette-swatches{display:flex;gap:2px;flex-shrink:0}.palette-swatch{width:18px;height:18px;border-radius:var(--radius-xs);border:1px solid rgba(0,0,0,.45);display:inline-block}.palette-preset-name{font-size:.85rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette-custom-toggle{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);cursor:pointer;font-size:.85rem;color:var(--color-text-secondary)}.palette-custom-row{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-2);padding:var(--space-2) var(--space-3);background:#0d0d0d4d;border:var(--border-width) solid rgba(76,174,210,.15);border-radius:var(--radius-xs)}.palette-custom-row label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.palette-custom-row input[type=color]{width:36px;height:28px;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-xs);background:transparent;cursor:pointer}.palette-custom-row .palette-custom-slot{display:flex;flex-direction:column;align-items:flex-start;gap:4px;cursor:default}.palette-custom-row .palette-custom-slot-label{font-size:11px;letter-spacing:.04em;color:var(--color-text-secondary)}.palette-custom-row .palette-custom-slot-controls{display:inline-flex;align-items:center;gap:var(--space-2)}.palette-custom-row input.palette-custom-hex{width:84px;height:28px;padding:0 var(--space-2);font-family:var(--font-mono);font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-primary);background:#0d0d0d8c;border:1px solid var(--color-border);border-radius:var(--radius-xs)}.palette-custom-row input.palette-custom-hex:focus{outline:none;border-color:#4caed28c;background:#0d0d0dd9}.toggle-row{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;padding:var(--space-2) 0}.toggle-row input[type=checkbox]{width:18px;height:18px;cursor:pointer}.effects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2);margin-top:var(--space-2)}@media (max-width: 480px){.effects-grid{grid-template-columns:1fr}}.toggle-row--cell{padding:var(--space-2) var(--space-3);border:1px solid rgba(255,255,255,.08);background:#ffffff04;transition:border-color .12s ease,background-color .12s ease}.toggle-row--cell:hover{border-color:#4caed259;background:#4caed20a}.toggle-row--cell:has(input:checked){border-color:#4caed28c;background:#4caed20f}.position-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);gap:var(--space-1, 4px);aspect-ratio:16 / 9;width:100%;max-width:280px;margin-top:var(--space-2);padding:var(--space-1, 4px);background:#0d0d0d66;border:var(--border-width) solid rgba(76,174,210,.15);border-radius:var(--radius-xs)}.position-cell{position:relative;border:var(--border-width) solid rgba(76,174,210,.18);border-radius:2px;background:#4caed208;cursor:pointer;padding:0;overflow:visible;transition:background .12s ease,border-color .12s ease,color .12s ease;display:flex;align-items:center;justify-content:center;color:#4caed273}.position-cell>svg{width:60%;height:60%;max-width:16px;max-height:16px;pointer-events:none}.position-cell:hover{border-color:#4caed266;background:#4caed214;color:#4caed2bf}.position-cell.is-active{border-color:#4caed2d9;background:#4caed22e;color:#b4e6f5}.position-cell:focus-visible{outline:2px solid rgba(76,174,210,.7);outline-offset:1px;z-index:2}.position-row{display:flex;align-items:stretch;gap:var(--space-3);margin-top:var(--space-2)}.position-row .position-grid{margin-top:0;flex:1 1 auto}.position-size{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) 0;min-width:56px}.position-size-val{font-size:11px;color:var(--color-text, #e9e8e8);font-variant-numeric:tabular-nums;white-space:nowrap}.position-size-label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary, rgba(181, 173, 158, .7))}.position-size-slider{flex:1 1 auto;width:6px;min-height:90px;writing-mode:vertical-lr;direction:rtl;-webkit-appearance:slider-vertical;-moz-appearance:slider-vertical;appearance:slider-vertical;accent-color:#4CAED2;cursor:pointer;background:transparent}.pack-card{display:flex;flex-direction:column;gap:var(--space-4)}.pack-artwork-frame{position:relative;padding:12px}.pack-artwork-frame-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:2}.pack-artwork-frame-svg .frame-stroke{fill:none;stroke:var(--hud-stroke);stroke-width:1;vector-effect:non-scaling-stroke}.pack-artwork-frame-svg .frame-bracket{fill:none;stroke:var(--hud-bracket);stroke-width:2;vector-effect:non-scaling-stroke}.pack-artwork{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block;background:var(--color-surface);position:relative;z-index:1}.pack-title-block{display:flex;flex-direction:column}.pack-active-name{font-size:var(--text-lg);font-weight:400;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-text-primary)}.pack-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.btn-change-pack{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;padding:11px 14px 11px 18px;background:#0d0d0d26;border:1px solid rgba(255,255,255,.12);color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);text-transform:uppercase;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease;clip-path:polygon(0 0,100% 0,100% 100%,10px 100%,0 calc(100% - 10px));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn-change-pack:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--cyan-bright);transition:width .18s ease}.btn-change-pack:hover{border-color:#4caed266;background:#4caed214;color:var(--color-text-primary)}.btn-change-pack:hover:before{width:5px}.btn-change-pack--amber:before{background:#e8a855}.btn-change-pack--amber:hover{border-color:#e8a85573;background:#e8a85514}.btn-hud-secondary{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:280px;padding:11px 14px 11px 18px;background:#0d0d0d26;border:1px solid rgba(255,255,255,.12);color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);text-transform:uppercase;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease;clip-path:polygon(0 0,100% 0,100% 100%,10px 100%,0 calc(100% - 10px));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn-hud-secondary:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--cyan-bright);transition:width .18s ease}.btn-hud-secondary:hover{border-color:#4caed266;background:#4caed214;color:var(--color-text-primary)}.btn-hud-secondary:hover:before{width:5px}.btn-hud-secondary__left{display:flex;align-items:center;gap:var(--space-3)}.btn-hud-secondary__chevron{color:#ffffff4d;font-family:var(--font-mono);font-weight:600;transition:color .18s ease,transform .18s ease}.btn-hud-secondary:hover .btn-hud-secondary__chevron{color:var(--cyan-bright);transform:translate(2px)}.btn-locked{opacity:.4;cursor:not-allowed;pointer-events:none}.pack-meta{display:flex;flex-direction:column;gap:10px;padding-top:var(--space-3);border-top:1px solid rgba(255,255,255,.12)}.pack-meta-row{display:flex;justify-content:space-between;font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase}.pack-meta-label{color:var(--color-text-tertiary)}.pack-meta-value{color:var(--color-text-secondary)}#overlay-url-modal .modal-content{width:min(560px,92vw)}.hero-overlay{background:#0d0d0d26;border:none;border-radius:var(--radius-xs);padding:var(--space-5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin-top:0}.url-display{background:#0d0d0d40;border:var(--border-width) solid rgba(255,255,255,.12);border-radius:var(--radius-xs);padding:var(--space-4);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-primary);word-break:break-all;overflow-wrap:anywhere;max-width:100%;box-sizing:border-box;margin:var(--space-4) 0;-webkit-user-select:all;user-select:all;letter-spacing:var(--tracking-normal);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.url-display[data-hidden=true]{letter-spacing:.1em}.hero-hint{font-size:var(--text-xs);color:var(--color-text-tertiary);letter-spacing:var(--tracking-normal);margin-bottom:var(--space-4)}.hero-actions{display:flex;gap:var(--space-3)}.overlay-url-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap}.overlay-url-actions__primary{display:flex;gap:var(--space-2)}.btn-hud-action{position:relative;display:inline-flex;align-items:center;gap:var(--space-2);padding:9px 16px 9px 18px;background:#0d0d0d26;border:1px solid rgba(255,255,255,.12);color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease;clip-path:polygon(0 0,100% 0,100% 100%,8px 100%,0 calc(100% - 8px));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn-hud-action:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--cyan-bright);transition:width .18s ease}.btn-hud-action:hover{border-color:#4caed266;background:#4caed214;color:var(--color-text-primary)}.btn-hud-action:hover:before{width:5px}.btn-hud-action svg{flex-shrink:0}.btn-hud-action--amber:before{background:#e8a855}.btn-hud-action--amber:hover{border-color:#e8a85573;background:#e8a85514}.btn-hud-link{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;text-decoration:none;border:1px solid rgba(255,255,255,.12);background:#0d0d0d26;transition:color .18s ease,border-color .18s ease,background .18s ease}.btn-hud-link:hover{color:var(--cyan-bright);border-color:#4caed266;background:#4caed20f}.btn-hud-link svg{flex-shrink:0;opacity:.7;transition:opacity .18s ease,transform .18s ease}.btn-hud-link:hover svg{opacity:1;transform:translate(1px,-1px)}#pack-modal .modal-content{width:min(1400px,92vw)}.packs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-4)}.modal-pack-card.is-filtered-out{display:none}.packs-grid-empty{padding:var(--space-6) var(--space-4);text-align:center;color:var(--color-text-tertiary);font-size:var(--text-sm);font-family:var(--font-mono);letter-spacing:.5px}.modal-header-filter{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3)}.packs-filter-input{flex:1 1 auto;min-width:0;max-width:320px;background:transparent;border:none;border-bottom:1px solid var(--color-border);color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.3px;padding:var(--space-1) 0;outline:none;transition:border-color .15s ease}.packs-filter-input::placeholder{color:var(--color-text-tertiary);font-style:italic}.packs-filter-input:focus{border-bottom-color:var(--cyan-bright)}.packs-filter-count{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-tertiary);letter-spacing:.5px;flex-shrink:0}.packs-modal-footer{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-border);background:#0d0d0d99}.packs-footer-warning{flex:1 1 auto;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-tertiary);line-height:var(--leading-relaxed);letter-spacing:.3px;margin:0}.packs-footer-warning-short{display:none}@media (max-width: 640px){#pack-modal .modal-content{width:96vw;max-height:92vh}#pack-modal .modal-body{padding:var(--space-3) var(--space-3) var(--space-4)}.packs-grid{grid-template-columns:1fr;gap:var(--space-3)}#pack-modal .pack-card-artwork{aspect-ratio:21 / 9}.packs-modal-footer{flex-direction:column;align-items:stretch;gap:var(--space-2);padding:var(--space-3)}.packs-modal-footer .btn-commit{width:100%}.packs-footer-warning{font-size:10px;line-height:1.4}.packs-footer-warning-long{display:none}.packs-footer-warning-short{display:inline}}.modal-pack-card{background:#0d0d0d80;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-xs);padding:0;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease;position:relative;display:flex;flex-direction:column;overflow:hidden}.modal-pack-card:hover{border-color:var(--cyan-bright);background:#4caed20a;transform:translateY(-2px)}.modal-pack-card.selected{border-color:var(--cyan-bright);background:#4caed214;box-shadow:0 0 12px var(--cyan-glow)}.modal-pack-card.selected:before{content:"";position:absolute;top:var(--space-2);right:var(--space-2);width:20px;height:20px;background:var(--cyan-bright);color:var(--charcoal-950);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:700}.modal-pack-card.selected:after{content:"";position:absolute;top:calc(var(--space-2) + 6px);right:calc(var(--space-2) + 5px);width:10px;height:5px;border-left:2px solid var(--charcoal-950);border-bottom:2px solid var(--charcoal-950);transform:rotate(-45deg)}.modal-pack-card.pending-selection{border-color:var(--amber-350, #FFBE60);background:#ffbe600f;box-shadow:0 0 12px #ffbe602e}.modal-pack-card.pending-selection:before{content:"PENDING";position:absolute;top:var(--space-2);right:var(--space-2);padding:2px 8px;background:var(--amber-350, #FFBE60);color:var(--charcoal-950);font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:1.5px;border-radius:2px}.pack-card-artwork{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--color-surface-elevated);border-bottom:1px solid var(--color-border);overflow:hidden;flex-shrink:0}.pack-card-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;background:transparent}.pack-card-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:clamp(48px,8vw,88px);font-weight:300;color:#ffffff14;letter-spacing:var(--tracking-wider);background:repeating-linear-gradient(45deg,rgba(76,174,210,.025) 0px,rgba(76,174,210,.025) 1px,transparent 1px,transparent 8px),radial-gradient(ellipse 60% 60% at 50% 50%,rgba(76,174,210,.04) 0%,transparent 70%)}.pack-card-artwork:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.02) 0px,rgba(255,255,255,.02) 1px,transparent 1px,transparent 3px)}.pack-card-vibe{position:absolute;top:var(--space-2);left:var(--space-2);z-index:3;padding:3px 8px;font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;border-radius:2px;border:1px solid currentColor;background:#0d0d0dc7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pack-card-vibe.vibe-calm{color:#8ec5d6}.pack-card-vibe.vibe-focused{color:#4caed2}.pack-card-vibe.vibe-punchy{color:#e8a855}.pack-card-vibe.vibe-hype{color:#ff6b6b}.pack-card-vibe.vibe-cinematic{color:#c49be0}.pack-card-version{position:absolute;top:var(--space-2);right:var(--space-2);z-index:3;padding:3px 6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.5px;color:var(--color-text-tertiary);background:#0d0d0d99;border:1px solid rgba(255,255,255,.08);border-radius:2px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-pack-card.selected .pack-card-version,.modal-pack-card.pending-selection .pack-card-version{right:36px}.pack-card-body{padding:var(--space-3) var(--space-4) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);flex:1 1 auto}.pack-card-name{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary);letter-spacing:var(--tracking-wide);text-transform:uppercase}.pack-card-description{font-size:var(--text-xs);color:var(--color-text-tertiary);line-height:var(--leading-relaxed);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(var(--text-xs) * var(--leading-relaxed) * 2)}.pack-card-themes{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:auto;min-height:22px}.pack-card-theme{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.5px;color:#4caed2d9;padding:2px 6px;background:#4caed20f;border:1px solid rgba(76,174,210,.18);border-radius:2px;text-transform:lowercase}.version-badge{position:fixed;bottom:clamp(24px,3vh,48px);left:clamp(24px,3vw,48px);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-tertiary);z-index:1;opacity:.6;transition:opacity .2s ease}.version-badge:hover{opacity:1}#test-alerts-modal .modal-content{width:min(560px,92vw)}.test-alerts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-2)}.test-alert-type-btn{display:flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-2);background:#0d0d0d26;border:var(--border-width) solid rgba(255,255,255,.12);border-radius:0;color:var(--color-text-secondary);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.test-alert-type-btn:hover{background:#4caed214;border-color:#4caed266;color:var(--color-text-primary)}.test-alert-type-btn:disabled{opacity:.4;cursor:not-allowed}.test-alert-type-btn.sent{border-color:var(--green-500);color:var(--green-500)}.offline-banner{position:fixed;top:0;left:0;right:0;background:#f871711f;color:var(--red-500);border-bottom:var(--border-width) solid rgba(248,113,113,.3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:var(--space-2) var(--space-4);text-align:center;font-size:var(--text-sm);font-weight:500;letter-spacing:var(--tracking-wide);text-transform:uppercase;z-index:10000;transform:translateY(-100%);transition:transform var(--transition-base)}.offline-banner.visible{transform:translateY(0)}body.offline .dashboard-container{padding-top:calc(40px + clamp(48px,6vh,80px))}.copy-btn.copied{border-color:var(--color-success);color:var(--color-success)}.dashboard-container.loading{opacity:0}.dashboard-container.loaded{opacity:1;transition:opacity .4s ease}.dashboard-container{display:flex;flex-direction:column;min-height:100vh;padding:clamp(48px,6vh,80px) clamp(48px,6vw,180px);padding-bottom:clamp(48px,6vh,80px);max-width:none;position:relative;overflow-x:hidden;box-sizing:border-box}.atmosphere{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-3;pointer-events:none;background:radial-gradient(ellipse 900px 700px at 12% 8%,rgba(76,174,210,.14) 0%,transparent 60%),radial-gradient(ellipse 700px 550px at 88% 22%,rgba(232,168,85,.09) 0%,transparent 65%),radial-gradient(ellipse 1400px 1000px at 50% 55%,rgba(76,174,210,.08) 0%,transparent 75%),#0d0d0d}.atmosphere:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:overlay}.scanlines{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(180deg,transparent 0,transparent 2px,rgba(255,255,255,.008) 2px,rgba(255,255,255,.008) 3px);mix-blend-mode:overlay}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-top:calc(clamp(48px,6vh,80px)*-1);margin-bottom:clamp(56px,8vh,96px);padding-top:var(--space-10);position:relative;z-index:2}.header-nav-item{font-size:var(--text-sm);font-weight:500;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-text-primary);margin:0}.header-wordmark{text-decoration:none;line-height:1}.header-wordmark .wm-wes{font-size:24px;letter-spacing:4px}.header-wordmark .wm-alert{font-size:12px;letter-spacing:6px;margin-top:4px}.user-info{display:flex;align-items:center;gap:var(--space-3)}.user-avatar{width:28px;height:28px;border-radius:var(--radius-full);border:var(--border-width) solid var(--color-border)}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,64px);position:relative;z-index:2;align-items:start;margin-bottom:auto}.col-left{display:flex;flex-direction:column;gap:var(--space-6);align-self:start}:root{--hud-stroke: rgba(255, 255, 255, .35);--hud-bracket: rgba(76, 174, 210, .7);--hud-bracket-size: 12px;--hud-edge-gap: 8px}.col-right{display:flex;flex-direction:column;gap:var(--space-4);min-height:0;align-self:start}@media (max-width: 1200px){.dashboard-grid{grid-template-columns:320px 1fr;grid-template-rows:auto auto}.col-right{grid-column:1 / -1}.pack-info-card,.hero-overlay,.timing-option,.modal-backdrop,.modal-content,.url-display{-webkit-backdrop-filter:none;backdrop-filter:none}}@media (max-width: 768px){.dashboard-container{padding:var(--space-4);padding-top:var(--space-6)}.dashboard-header{margin-top:0;margin-bottom:var(--space-6);padding-top:0}.dashboard-header .status,.dashboard-header #user-name{display:none}.dashboard-grid{grid-template-columns:1fr}.pack-artwork{aspect-ratio:16 / 9}.hero-actions{flex-wrap:wrap}.packs-grid{grid-template-columns:1fr}.atmosphere:after,.scanlines,.ambient-grid-canvas{display:none}.pack-info-card,.hero-overlay,.timing-option,.modal-backdrop,.modal-content,.url-display{-webkit-backdrop-filter:none;backdrop-filter:none}}