@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-0: #140d16;--bg-1: #1b111e;--bg-2: #241728;--panel: #2b1b2f;--panel-2: #33213a;--panel-3: #3c2744;--plum: #8a4a96;--plum-deep: #4d2654;--copper: #d97a35;--copper-hi: #f0913f;--amber: #f5c66a;--rose: #ef7d5a;--txt: #f8eee3;--txt-2: #ddc8b6;--txt-3: #b69d8d;--ok: #86d9a6;--warn: #f0b23c;--danger: #e2555a;--line: rgba(255, 194, 143, .12);--line-hi: rgba(255, 194, 143, .3);--halo: 0 0 0 1px rgba(240, 145, 63, .22), 0 10px 34px rgba(240, 145, 63, .12);--glow-text: 0 0 18px rgba(245, 198, 106, .35);--r-xl: 32px;--r-lg: 24px;--r-md: 18px;--r-sm: 12px;--sh-1: inset 0 1px 0 rgba(255, 255, 255, .06), 0 8px 24px rgba(0, 0, 0, .4);--sh-2: inset 0 1px 0 rgba(255, 255, 255, .08), 0 18px 44px rgba(0, 0, 0, .5);--sh-btn: inset 0 1px 0 rgba(255, 255, 255, .22), 0 4px 10px rgba(0, 0, 0, .45);--font-ui: "Outfit", system-ui, sans-serif;--font-title: "Cinzel", "Outfit", serif;--header-h: 68px}*{-webkit-tap-highlight-color:transparent}mdc-icon{display:inline-flex;align-items:center;justify-content:center;line-height:0}mdc-icon svg{width:1.15em;height:1.15em}html{scroll-behavior:smooth}body{font-family:var(--font-ui);font-size:16px;line-height:1.5;color:var(--txt);background-color:var(--bg-0);background-image:radial-gradient(900px 520px at 12% -8%,rgba(138,74,150,.28),transparent 62%),radial-gradient(1000px 560px at 92% 4%,rgba(217,122,53,.18),transparent 60%),radial-gradient(760px 640px at 55% 108%,rgba(77,38,84,.5),transparent 66%);background-attachment:fixed;min-height:100vh}h1,h2,h3,h4,.font-title{font-family:var(--font-title);letter-spacing:.02em}a{color:var(--copper-hi);text-decoration:none}a:hover{color:var(--amber)}:focus-visible{outline:2px solid var(--amber);outline-offset:2px;border-radius:6px}.muted-2{color:var(--txt-2)}.muted-3{color:var(--txt-3)}.tiny{font-size:.78rem}.rel-path{font-size:.74rem;color:var(--txt-3);font-weight:400;letter-spacing:.01em}[data-mode-zone]{display:none}html[data-mode=edition] [data-mode-zone=edition],html[data-mode=jeu] [data-mode-zone=jeu]{display:block}html[data-mode=edition] [data-jeu-only]{display:none!important}mdc-shell{display:block}.app-header{position:sticky;top:0;z-index:1030;min-height:var(--header-h);display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:10px 20px;background:linear-gradient(180deg,#33213af5,#241728f0);border-bottom:1px solid var(--line);box-shadow:0 14px 34px #00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.brand{display:flex;align-items:center;gap:12px;margin-right:4px}.brand-mark{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#2a1206;background:radial-gradient(circle at 32% 28%,var(--amber),var(--copper) 62%,#a8561f);box-shadow:var(--sh-btn),0 0 18px #f0913f73}.brand-mark svg{width:20px;height:20px}.brand-name{font-family:var(--font-title);font-weight:700;font-size:1.06rem;line-height:1.1;color:var(--txt);text-shadow:0 0 22px rgba(245,198,106,.25)}.brand-sub{font-size:.68rem;color:var(--txt-3);letter-spacing:.18em;text-transform:uppercase}.mainnav{display:flex;gap:6px;flex:1 1 auto;flex-wrap:wrap}.mainnav a{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:999px;color:var(--txt-2);font-weight:500;font-size:.92rem;border:1px solid transparent;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .12s ease}.mainnav a svg{width:17px;height:17px;opacity:.85}.mainnav a:hover{background:#ffc28f14;color:var(--txt);border-color:var(--line)}.mainnav a:active{transform:translateY(1px)}.mainnav a.is-active{color:#2c1408;font-weight:600;background:linear-gradient(180deg,var(--amber),var(--copper));box-shadow:var(--sh-btn),0 4px 16px #f0913f59;border-color:transparent}.mainnav a.is-active svg{opacity:1}.mininav{display:none;gap:8px;flex:1 1 auto}.mininav a{min-width:52px;min-height:46px;display:grid;place-items:center;gap:2px;padding:6px 12px;border-radius:var(--r-sm);color:var(--txt-2);font-size:.66rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--line);background:#ffffff08;transition:background .16s ease,color .16s ease,border-color .16s ease}.mininav a svg{width:18px;height:18px}.mininav a:hover{background:#ffc28f1a;color:var(--txt)}.mininav a.is-active{color:var(--amber);border-color:var(--line-hi);background:#f0913f24;box-shadow:0 0 14px #f0913f33}html[data-mode=jeu] .mainnav{display:none}html[data-mode=jeu] .mininav{display:flex}.mode-switch{display:inline-flex;padding:4px;gap:4px;border-radius:999px;background:#00000059;border:1px solid var(--line);box-shadow:inset 0 2px 6px #00000080}.mode-switch button{border:0;background:transparent;color:var(--txt-3);font-family:var(--font-ui);font-weight:600;font-size:.85rem;letter-spacing:.04em;padding:8px 18px;min-height:40px;border-radius:999px;cursor:pointer;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.mode-switch button[aria-pressed=true]{color:#2c1408;background:linear-gradient(180deg,var(--amber),var(--copper));box-shadow:var(--sh-btn),0 4px 14px #f0913f66}.btn-stop-all{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:9px 18px;border:1px solid rgba(226,85,90,.5);border-radius:999px;color:#ffdede;background:linear-gradient(180deg,#e2555a52,#96262c5c);box-shadow:var(--sh-btn);font-weight:600;font-size:.88rem;cursor:pointer;transition:background .16s ease,box-shadow .16s ease,transform .1s ease}.btn-stop-all svg{width:17px;height:17px}.btn-stop-all:hover{background:linear-gradient(180deg,#e2555a80,#b42c3280);box-shadow:var(--sh-btn),0 0 18px #e2555a59}.btn-stop-all:active{transform:translateY(1px)}.btn-stop-all .count{min-width:22px;padding:1px 7px;border-radius:999px;background:#0006;color:#ffd9d9;font-size:.76rem}.header-tools{display:flex;align-items:center;gap:12px;margin-left:auto}.panel{background:linear-gradient(165deg,var(--panel-2),var(--panel) 58%,#291a2d);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1);padding:18px;position:relative}.panel--flush{padding:0;overflow:hidden}.panel-title{display:flex;align-items:center;gap:10px;font-family:var(--font-title);font-size:1.02rem;font-weight:600;color:var(--txt);margin:0 0 14px}.panel-title svg{width:18px;height:18px;color:var(--copper-hi)}.panel-title .spacer{flex:1}.page-head{padding:22px 6px 4px}.page-head h1{font-size:1.5rem;margin:0}.page-head p{color:var(--txt-3);margin:4px 0 0;font-size:.92rem}.section-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.16em;color:var(--txt-3);font-weight:600;margin:18px 0 8px}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px;border-radius:var(--r-lg);background:linear-gradient(180deg,#3c2744bf,#2b1b2fbf);border:1px solid var(--line);box-shadow:var(--sh-1);margin-bottom:16px}.toolbar .search-wrap{flex:1 1 320px;position:relative}.toolbar .search-wrap svg{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:var(--txt-3);pointer-events:none}.form-control,.form-select{background:#00000052;border:1px solid var(--line);color:var(--txt);border-radius:var(--r-sm);min-height:46px;font-size:.95rem;box-shadow:inset 0 2px 6px #00000059}.form-control::placeholder{color:var(--txt-3)}.form-control:focus,.form-select:focus{background:#0006;border-color:var(--line-hi);box-shadow:inset 0 2px 6px #00000059,0 0 0 3px #f0913f38;color:var(--txt)}.form-select option{background:var(--bg-2);color:var(--txt)}.search-wrap .form-control{padding-left:42px}.form-check-input{background-color:#0006;border-color:var(--line-hi)}.form-check-input:checked{background-color:var(--copper);border-color:var(--copper)}.form-check-input:focus{box-shadow:0 0 0 3px #f0913f40}.form-check-label{color:var(--txt-2)}input[type=range].mdc-range{--val: 50%;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:26px;background:transparent;cursor:pointer}input[type=range].mdc-range::-webkit-slider-runnable-track{height:8px;border-radius:999px;background:linear-gradient(90deg,var(--copper-hi) var(--val),rgba(0,0,0,.45) var(--val));box-shadow:inset 0 1px 3px #0009}input[type=range].mdc-range::-moz-range-track{height:8px;border-radius:999px;background:#00000073}input[type=range].mdc-range::-moz-range-progress{height:8px;border-radius:999px;background:var(--copper-hi)}input[type=range].mdc-range::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;margin-top:-6px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff2dc,var(--amber) 55%,var(--copper));border:1px solid rgba(0,0,0,.4);box-shadow:var(--sh-btn),0 0 10px #f0913f80}input[type=range].mdc-range::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff2dc,var(--amber) 55%,var(--copper));border:1px solid rgba(0,0,0,.4);box-shadow:var(--sh-btn)}input[type=range].mdc-range:focus-visible::-webkit-slider-thumb{outline:2px solid var(--amber)}.range-row{display:grid;grid-template-columns:106px 1fr 62px;align-items:center;gap:12px;padding:7px 0}.range-row label{font-size:.86rem;color:var(--txt-2);font-weight:500}.range-row .val{font-size:.8rem;color:var(--amber);text-align:right;font-variant-numeric:tabular-nums;background:#0000004d;border:1px solid var(--line);border-radius:8px;padding:3px 6px}.segmented{display:inline-flex;padding:4px;gap:4px;background:#00000059;border:1px solid var(--line);border-radius:999px}.segmented button{border:0;background:transparent;color:var(--txt-3);font-family:var(--font-ui);font-size:.84rem;font-weight:600;min-height:38px;padding:6px 16px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:background .16s ease,color .16s ease}.segmented button svg{width:15px;height:15px}.segmented button[aria-pressed=true]{background:linear-gradient(180deg,#f5c66af2,#d97a35f2);color:#2c1408;box-shadow:var(--sh-btn)}.segmented.segmented--plum button[aria-pressed=true]{background:linear-gradient(180deg,#a761b3,var(--plum));color:#fff}.btn-mdc{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 16px;border-radius:var(--r-sm);border:1px solid var(--line);background:linear-gradient(180deg,var(--panel-3),var(--panel));color:var(--txt-2);font-weight:600;font-size:.88rem;cursor:pointer;box-shadow:var(--sh-btn);transition:background .16s ease,color .16s ease,transform .1s ease,box-shadow .16s ease}.btn-mdc svg{width:16px;height:16px}.btn-mdc:hover{color:var(--txt);background:linear-gradient(180deg,#472f51,var(--panel-2));border-color:var(--line-hi)}.btn-mdc:active{transform:translateY(1px);box-shadow:inset 0 2px 5px #00000080}.btn-mdc--primary{color:#2c1408;background:linear-gradient(180deg,var(--amber),var(--copper));border-color:transparent}.btn-mdc--primary:hover{color:#2c1408;background:linear-gradient(180deg,#ffd98a,#eb9a4d)}.btn-mdc--danger{color:#ffdede;background:linear-gradient(180deg,#e2555a66,#96262c73);border-color:#e2555a80}.btn-mdc--danger:hover{background:linear-gradient(180deg,#e2555a8c,#b42c328c);color:#fff}.btn-mdc--ghost{background:transparent;box-shadow:none}.btn-icon{width:44px;min-width:44px;height:44px;padding:0;border-radius:50%}.btn-icon svg{width:18px;height:18px}.knob{width:56px;height:56px;border-radius:50%;border:1px solid var(--line-hi);background:radial-gradient(circle at 32% 26%,#4d3357,#2d1c33 70%);color:var(--amber);display:grid;place-items:center;cursor:pointer;box-shadow:var(--sh-btn),0 6px 16px #00000073;transition:box-shadow .16s ease,transform .1s ease,color .16s ease}.knob svg{width:22px;height:22px}.knob:hover{color:var(--txt);box-shadow:var(--sh-btn),0 0 18px #f0913f66}.knob:active{transform:translateY(1px) scale(.98)}.knob:disabled,.knob.is-disabled{opacity:.45;cursor:not-allowed;pointer-events:none;box-shadow:none}.knob--play{width:64px;height:64px;background:radial-gradient(circle at 32% 26%,var(--amber),var(--copper) 72%);color:#2c1408;border-color:transparent}.knob--play svg{width:26px;height:26px}.knob--stop{width:64px;height:64px}.knob--stop svg{width:26px;height:26px}.transport{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:999px;background:linear-gradient(180deg,#3c2744cc,#211525e6);border:1px solid var(--line);box-shadow:var(--sh-1);transition:border-color .18s ease,box-shadow .18s ease}[data-transport-scope].is-playing .transport{border-color:#f0913f99;box-shadow:var(--halo)}.badge-mdc{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:.72rem;font-weight:600;letter-spacing:.04em;border:1px solid var(--line);background:#00000052;color:var(--txt-2)}.badge-mdc svg{width:13px;height:13px}.badge-mdc--sound{color:#d9b6f0;border-color:#a761b380;background:#8a4a9633}.badge-mdc--image{color:#ffc9b4;border-color:#ef7d5a80;background:#ef7d5a29}.badge-mdc--video{color:#ffe3a8;border-color:#f5c66a80;background:#f5c66a24}.badge-mdc--warn{color:#ffe1a1;border-color:#f0b23c8c;background:#f0b23c24}.badge-mdc--live{color:#baf3d0;border-color:#86d9a680;background:#86d9a624}.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:16px}.tile{position:relative;display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:var(--r-md);background:linear-gradient(168deg,var(--panel-2),var(--panel) 70%);border:1px solid var(--line);box-shadow:var(--sh-1);transition:border-color .18s ease,box-shadow .18s ease,transform .16s ease;cursor:pointer;overflow:hidden}.tile:hover{border-color:var(--line-hi);transform:translateY(-2px);box-shadow:var(--sh-2)}.tile.is-playing{border-color:#f0913fa6;box-shadow:var(--halo)}.tile.is-selected{border-color:var(--line-hi);box-shadow:var(--sh-1),0 0 0 2px #f0913f59}.tile-media{position:relative;height:110px;border-radius:var(--r-sm);overflow:hidden;background:radial-gradient(140px 90px at 25% 20%,rgba(255,255,255,.14),transparent 60%),linear-gradient(140deg,var(--plum-deep),#241630 55%,var(--copper));display:grid;place-items:center}.tile-media svg{width:34px;height:34px;color:#fff0e1e6;filter:drop-shadow(0 3px 8px rgba(0,0,0,.5))}.tile-media .dur{position:absolute;right:8px;bottom:8px;font-size:.7rem;padding:2px 8px;border-radius:999px;background:#0000009e;color:var(--txt-2);font-variant-numeric:tabular-nums}.mv-1{background:radial-gradient(160px 100px at 70% 25%,rgba(245,198,106,.5),transparent 60%),linear-gradient(140deg,#3a1f3f,#1d1226)}.mv-2{background:radial-gradient(160px 100px at 30% 70%,rgba(138,74,150,.6),transparent 62%),linear-gradient(140deg,#2c1b33,#4a2454)}.mv-3{background:radial-gradient(160px 100px at 60% 60%,rgba(239,125,90,.5),transparent 60%),linear-gradient(140deg,#3c2320,#20141f)}.mv-4{background:radial-gradient(160px 100px at 40% 30%,rgba(217,122,53,.55),transparent 62%),linear-gradient(140deg,#26182e,#171021)}.tile-body{display:flex;flex-direction:column;gap:10px;flex:1;min-width:0}.tile-name{font-weight:600;font-size:.98rem;line-height:1.25;color:var(--txt);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tile-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tile-controls .knob{flex:none}.tile-controls .vol{flex:1;display:flex;align-items:center;gap:8px}.tile-controls .vol svg{width:16px;height:16px;color:var(--txt-3);flex:none}.progress-track{position:relative;height:8px;border-radius:999px;background:#00000080;box-shadow:inset 0 1px 3px #0009;overflow:hidden;cursor:pointer}.progress-track .fill{position:absolute;inset:0 auto 0 0;width:var(--p, 0%);border-radius:999px;background:linear-gradient(90deg,var(--plum),var(--copper-hi),var(--amber));box-shadow:0 0 10px #f0913f80}.progress-time{display:flex;justify-content:space-between;font-size:.72rem;color:var(--txt-3);font-variant-numeric:tabular-nums;margin-top:4px}.tile.is-missing{filter:grayscale(.75);opacity:.72;cursor:not-allowed}.tile.is-missing:hover{transform:none;border-color:var(--line);box-shadow:var(--sh-1)}.tile.is-missing .tile-controls{pointer-events:none}.missing-flag{display:inline-flex;align-items:center;gap:6px;color:#ffe1a1;font-size:.74rem;font-weight:600}.missing-flag svg{width:14px;height:14px}.rel-path .missing-flag{margin-left:6px}[data-view=list] .tile-grid{display:flex;flex-direction:column;gap:10px}[data-view=list] .tile-grid>.tile{flex-direction:row;align-items:center;gap:16px;padding:10px 14px}[data-view=list] .tile-grid>.tile .tile-media{width:84px;height:56px;flex:none}[data-view=list] .tile-grid>.tile .tile-media svg{width:22px;height:22px}[data-view=list] .tile-grid>.tile .tile-body{flex-direction:row;align-items:center;gap:14px}[data-view=list] .tile-grid>.tile .tile-name{flex:0 0 220px}[data-view=list] .tile-grid>.tile .tile-meta{flex:0 1 auto}[data-view=list] .tile-grid>.tile .tile-controls{flex:1 1 300px;min-width:220px}[data-view=list] .tile-grid>.tile .tile-extra{flex:none;display:flex;gap:8px;align-items:center}@media(max-width:900px){[data-view=list] .tile-grid>.tile{flex-wrap:wrap}[data-view=list] .tile-grid>.tile .tile-name{flex:1 1 100%}[data-view=list] .tile-grid>.tile .tile-controls{min-width:0}}.tree{list-style:none;margin:0;padding:4px 2px;max-height:100%;overflow:auto;font-size:.92rem}.tree ul{list-style:none;margin:0;padding-left:16px;border-left:1px dashed rgba(255,194,143,.22)}.tree li{margin:1px 0}.tree .node{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:8px 10px;min-height:40px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--txt-2);font-family:var(--font-ui);font-size:.9rem;cursor:pointer;transition:background .14s ease,color .14s ease}.tree .node svg{width:16px;height:16px;flex:none;color:var(--txt-3)}.tree .node:hover{background:#ffc28f14;color:var(--txt)}.tree .node.is-selected{background:#f0913f29;border-color:var(--line-hi);color:var(--txt)}.tree .node.is-dir{color:var(--txt);font-weight:600}.tree .node.is-dir svg{color:var(--copper-hi)}.tree .node .rel{margin-left:auto;font-size:.72rem;color:var(--txt-3)}.tree .node.is-muted{opacity:.55}.tree .node.is-missing{opacity:.7;color:var(--txt-3)}.tree .node.is-missing svg{color:#ffe1a1}.tree .node[disabled]{cursor:not-allowed}.tree .node[disabled]:hover{background:transparent}.tree-tools{display:flex;gap:8px;align-items:center;margin-bottom:10px}.scroll-pane{max-height:560px;overflow:auto;padding-right:4px}.scroll-pane::-webkit-scrollbar,.tree::-webkit-scrollbar{width:10px;height:10px}.scroll-pane::-webkit-scrollbar-thumb,.tree::-webkit-scrollbar-thumb{background:#f0913f59;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.scroll-pane::-webkit-scrollbar-track,.tree::-webkit-scrollbar-track{background:#00000040}.side-panel{display:flex;flex-direction:column;gap:14px}.side-list{overflow:auto;max-height:calc(100vh - var(--header-h) - 210px);display:flex;flex-direction:column;gap:8px;padding:4px}.side-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:11px 13px;min-height:48px;border-radius:var(--r-sm);border:1px solid var(--line);background:linear-gradient(180deg,#3c27448c,#2b1b2f8c);color:var(--txt-2);font-family:var(--font-ui);font-size:.92rem;font-weight:500;cursor:pointer;box-shadow:var(--sh-btn);transition:border-color .15s ease,color .15s ease,background .15s ease}.side-item svg{width:16px;height:16px;color:var(--txt-3);flex:none}.side-item:hover{color:var(--txt);border-color:var(--line-hi)}.side-item.is-active{color:var(--txt);border-color:#f0913f99;background:linear-gradient(180deg,#f0913f33,#8a4a962e);box-shadow:var(--sh-btn),0 0 14px #f0913f2e}.side-item .sub{display:block;font-size:.74rem;color:var(--txt-3);font-weight:400}.tabs-mdc{display:inline-flex;gap:6px;padding:5px;border-radius:999px;background:#00000052;border:1px solid var(--line)}.tabs-mdc button{border:0;background:transparent;color:var(--txt-3);font-family:var(--font-ui);font-weight:600;font-size:.88rem;min-height:42px;padding:8px 20px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background .16s ease,color .16s ease}.tabs-mdc button svg{width:16px;height:16px}.tabs-mdc button[aria-selected=true]{color:#2c1408;background:linear-gradient(180deg,var(--amber),var(--copper));box-shadow:var(--sh-btn)}[hidden]{display:none!important}.split-2{display:grid;grid-template-columns:minmax(280px,340px) 1fr;gap:16px;align-items:start}.split-editor{display:grid;grid-template-columns:260px 280px 1fr;gap:16px;align-items:start}.split-3{display:grid;grid-template-columns:minmax(260px,320px) 1fr minmax(280px,350px);gap:16px;align-items:start}@media(max-width:1180px){.split-2,.split-editor,.split-3{grid-template-columns:1fr}.side-list{max-height:320px}}.jeu-stage{display:grid;grid-template-rows:60fr 40fr;gap:14px;min-height:calc(100vh - var(--header-h) - 24px)}.jeu-top{display:grid;grid-template-columns:1fr minmax(300px,380px);gap:16px;min-height:0}.jeu-bottom{display:flex;flex-direction:column;gap:12px;min-height:0}.jeu-bottom .tile-grid{overflow:auto}@media(max-width:992px){.jeu-stage{grid-template-rows:auto auto;min-height:0}.jeu-top{grid-template-columns:1fr}}.now-playing{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--r-md);background:linear-gradient(180deg,#f0913f24,#2b1b2f99);border:1px solid rgba(240,145,63,.4);box-shadow:var(--halo)}.now-playing .np-eq{display:inline-flex;align-items:flex-end;gap:3px;height:22px}.now-playing .np-eq i{width:4px;border-radius:2px;background:linear-gradient(180deg,var(--amber),var(--copper));animation:eq .9s ease-in-out infinite}.now-playing .np-eq i:nth-child(1){height:40%;animation-delay:0ms}.now-playing .np-eq i:nth-child(2){height:90%;animation-delay:.15s}.now-playing .np-eq i:nth-child(3){height:60%;animation-delay:.3s}.now-playing .np-eq i:nth-child(4){height:100%;animation-delay:.45s}@keyframes eq{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.seq-list{display:flex;flex-direction:column;gap:8px}.seq-item{display:flex;align-items:center;gap:12px;padding:11px 13px;min-height:52px;border-radius:var(--r-sm);background:linear-gradient(180deg,#3c274499,#2b1b2f99);border:1px solid var(--line);color:var(--txt-2)}.seq-item .idx{width:26px;height:26px;flex:none;display:grid;place-items:center;border-radius:50%;background:#0006;border:1px solid var(--line);font-size:.75rem;color:var(--txt-3);font-variant-numeric:tabular-nums}.seq-item .grip{color:var(--txt-3);cursor:grab;display:grid;place-items:center}.seq-item .grip svg{width:15px;height:15px}.seq-item .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.seq-item.is-current{border-color:#f0913fa6;background:linear-gradient(180deg,#f0913f2e,#8a4a9629);box-shadow:var(--halo);color:var(--txt)}.seq-item.is-current .idx{color:var(--amber);border-color:var(--line-hi)}.seq-item .acts{display:flex;gap:6px}.seq-item .acts .btn-icon{width:36px;min-width:36px;height:36px}.seq-item .acts .btn-icon svg{width:15px;height:15px}.seq-item.is-clickable{cursor:pointer}.seq-item.is-clickable:hover{border-color:var(--line-hi);color:var(--txt)}.seq-item.is-clickable:focus-visible{outline:2px solid var(--copper-hi);outline-offset:2px}.seq-item.is-muted{opacity:.55}.seq-item.is-muted .name{text-decoration:line-through}.seq-item.is-missing{opacity:.7;border-color:#ffe1a140}.seq-item.is-missing .name{color:var(--txt-3)}.seq-item.is-missing .missing-flag{flex:none}.timeline-wrap{border-radius:var(--r-md);border:1px solid var(--line);background:linear-gradient(180deg,#00000059,#00000038);box-shadow:inset 0 2px 10px #00000080;overflow:hidden;-webkit-user-select:none;user-select:none}.timeline-ruler{display:flex;justify-content:space-between;padding:7px 12px;font-size:.7rem;color:var(--txt-3);border-bottom:1px solid var(--line);background:#0000004d;font-variant-numeric:tabular-nums}.timeline-body{position:relative;padding:10px 12px 14px}.tl-lanes{display:flex;flex-direction:column;gap:16px}.tl-lane-group{display:flex;flex-direction:column;gap:8px}.tl-lane{position:relative;height:52px;border-radius:10px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 60px),#ffffff06;border:1px dashed rgba(255,194,143,.14);touch-action:none}.tl-lane-label{align-self:flex-start;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--txt-3);background:var(--bg-2);padding:1px 7px;border-radius:999px;border:1px solid var(--line)}.tl-block{position:absolute;top:6px;bottom:6px;left:var(--l, 0%);width:var(--w, 10%);border-radius:10px;padding:6px 9px;font-size:.76rem;font-weight:600;color:#fff;display:flex;align-items:center;gap:7px;overflow:hidden;white-space:nowrap;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border:1px solid rgba(255,255,255,.22);box-shadow:var(--sh-btn),0 6px 14px #0006;transition:filter .15s ease,box-shadow .15s ease}.tl-block:hover{filter:brightness(1.12)}.tl-block.is-dragging{cursor:grabbing;z-index:3;overflow:visible;filter:brightness(1.15);box-shadow:var(--sh-btn),0 0 0 2px #ffe2b4bf,0 10px 24px #0000008c;transition:none}.tl-drag-tip{position:absolute;left:0;bottom:calc(100% + 6px);padding:2px 7px;border-radius:999px;background:#140c18f0;border:1px solid var(--line-hi);color:var(--txt);font-size:.68rem;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none}.tl-block svg{width:13px;height:13px;flex:none}.tl-block--sound{background:linear-gradient(180deg,#a761b3,#6f3579)}.tl-block--preset{background:linear-gradient(180deg,var(--copper-hi),#a8561f)}.tl-block--image{background:linear-gradient(180deg,var(--rose),#b24a35)}.tl-block--video{background:linear-gradient(180deg,var(--amber),#b98526);color:#2c1408}.tl-block.is-active{box-shadow:var(--sh-btn),0 0 0 2px #ffffff59,0 0 18px #ffdca073}.tl-block.is-muted{opacity:.45;filter:grayscale(.75)}.tl-block.is-muted:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:repeating-linear-gradient(135deg,rgba(0,0,0,.28) 0 6px,transparent 6px 12px);pointer-events:none}.tl-block.is-missing{opacity:.55;filter:grayscale(.8);border-style:dashed}.tl-block .loop-flag{opacity:.9}.tl-block .missing-flag{flex:none;color:#ffe1a1}.tl-block .missing-flag svg{width:13px;height:13px}.tl-playhead{position:absolute;top:0;bottom:0;left:var(--x, 20%);width:2px;background:linear-gradient(180deg,var(--amber),var(--copper-hi));box-shadow:0 0 12px #f5c66ae6;pointer-events:none;z-index:3}.tl-playhead:before{content:"";position:absolute;top:-1px;left:50%;transform:translate(-50%);border-left:7px solid transparent;border-right:7px solid transparent;border-top:9px solid var(--amber)}.tl-time-readout{display:inline-flex;gap:8px;align-items:baseline;font-variant-numeric:tabular-nums;padding:6px 14px;border-radius:999px;background:#0006;border:1px solid var(--line)}.tl-time-readout b{color:var(--amber);font-size:1.05rem}.tl-time-readout span{color:var(--txt-3);font-size:.8rem}.ambiance-stage{display:grid;place-items:center;padding:10px}.ambiance-circle{position:relative;width:min(56vh,560px);aspect-ratio:1;touch-action:none;cursor:crosshair}.ambiance-circle svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.ambiance-circle:focus-visible{outline:2px solid var(--amber);outline-offset:8px;border-radius:50%}.ambiance-stage.is-playing .arc-center{border-color:#f5c66a8c;box-shadow:inset 0 0 40px #0009,0 0 46px #f0913f73}.ambiance-stage.is-playing .amb-cursor{animation:ambPulse 1.6s ease-in-out infinite}@keyframes ambPulse{0%,to{box-shadow:0 0 22px #f5c66ad9,0 6px 16px #00000080}50%{box-shadow:0 0 34px #f5c66a,0 6px 16px #00000080}}@media(prefers-reduced-motion:reduce){.ambiance-stage.is-playing .amb-cursor{animation:none}}.arc{fill:#ffffff09;stroke:#ffc28f38;stroke-width:1.5;transition:fill .12s linear,stroke .12s linear}.arc.is-hot{fill:#f0913f4d;stroke:#f5c66ad9}.arc.is-missing{fill:#00000040;stroke:#ffe1a159;stroke-dasharray:4 4}.arc-center{position:absolute;top:24%;right:24%;bottom:24%;left:24%;border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 35% 30%,#8a4a9666,#140d16e6 70%);border:1px solid var(--line);box-shadow:inset 0 0 40px #0009,0 0 40px #8a4a9640;padding:12px;pointer-events:none}.arc-center .dom{font-family:var(--font-title);font-size:1rem;color:var(--amber);text-shadow:var(--glow-text)}.arc-center .lvl{font-size:.74rem;color:var(--txt-3);text-transform:uppercase;letter-spacing:.14em}.arc-label{position:absolute;transform:translate(-50%,-50%);font-size:.8rem;font-weight:600;color:var(--txt-2);background:#140d16d9;border:1px solid var(--line);border-radius:999px;padding:5px 12px;pointer-events:none;white-space:nowrap;transition:color .12s ease,border-color .12s ease,box-shadow .12s ease}.arc-label.is-hot{color:var(--amber);border-color:var(--line-hi);box-shadow:0 0 14px #f0913f66}.arc-label.is-missing{color:#ffe1a1;border-style:dashed}.amb-cursor{position:absolute;width:30px;height:30px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 34% 30%,#fff6e6,var(--amber) 55%,var(--copper));border:2px solid rgba(255,255,255,.75);box-shadow:0 0 22px #f5c66ad9,0 6px 16px #00000080;pointer-events:none;z-index:4}.meter-stack{display:flex;flex-direction:column;gap:10px}.meter{display:grid;grid-template-columns:96px 1fr 44px;gap:10px;align-items:center;font-size:.82rem;color:var(--txt-2)}.meter .bar{height:9px;border-radius:999px;background:#00000080;overflow:hidden;box-shadow:inset 0 1px 3px #0009}.meter .bar i{display:block;height:100%;width:var(--v, 30%);background:linear-gradient(90deg,var(--plum),var(--copper-hi),var(--amber));border-radius:999px;transition:width .12s linear}.meter .num{text-align:right;color:var(--amber);font-variant-numeric:tabular-nums;font-size:.78rem}.meter.is-missing{opacity:.65}.meter.is-missing span:first-child{color:var(--txt-3);text-decoration:line-through}.meter.is-missing .num{color:#ffe1a1}.player-dock{position:fixed;right:16px;bottom:16px;z-index:1035;display:flex;align-items:center;gap:10px;padding:7px 9px 7px 14px;background:linear-gradient(165deg,#33213af5,#2b1b2ff5);border:1px solid var(--line-hi);border-radius:999px;box-shadow:var(--sh-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.78rem;color:var(--txt-2)}.player-dock .btn-mdc{min-height:44px;padding:6px 14px;font-size:.76rem;border-radius:999px}.player-dock__dot{width:8px;height:8px;border-radius:50%;background:var(--danger);box-shadow:0 0 10px #e2555ab3;flex:none}.player-dock__dot.is-on{background:var(--ok);box-shadow:0 0 10px var(--ok)}.player-dock__label{white-space:nowrap}@media(max-width:575.98px){.player-dock{left:12px;right:12px;bottom:12px;justify-content:flex-end}.player-dock__label{margin-right:auto}}body.player-screen{background:#000;overflow:hidden}.player-frame{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--player-bg, #000)}.player-stage{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden;background:var(--player-bg, #000)}.player-visual{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:var(--player-bg, #000);opacity:0;transition:opacity .65s ease}.player-stage.is-visible .player-visual{opacity:1}.player-idle{max-width:680px;padding:32px;text-align:center;color:#f8eee38c;border-radius:var(--r-xl);background:radial-gradient(420px 260px at 32% 24%,rgba(245,198,106,.18),transparent 64%),radial-gradient(380px 280px at 74% 72%,rgba(138,74,150,.25),transparent 64%),linear-gradient(150deg,#241728,#100a12);box-shadow:0 40px 120px #000c,0 0 0 1px #ffc28f1f}.player-idle mdc-icon{font-size:2.6rem;color:var(--amber);opacity:.75}.player-idle .font-title{margin-top:14px;font-size:clamp(1.2rem,2.2vw,1.8rem);color:var(--txt)}.player-idle p{margin:6px 0 10px}.player-idle .tiny{font-size:.72rem;opacity:.6}.player-badge{position:fixed;left:16px;bottom:16px;display:inline-flex;gap:8px;align-items:center;font-size:.76rem;color:#f8eee38c;background:#00000073;border:1px solid rgba(255,194,143,.14);border-radius:999px;padding:6px 13px;pointer-events:none;opacity:1;transition:opacity .4s ease}.player-badge .dot{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 10px var(--ok)}body.is-media .player-badge{opacity:0}.player-hint{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;border:0;background:#0009;color:var(--txt);font-family:var(--font-ui);font-size:1rem;cursor:pointer}.player-hint[hidden]{display:none}.modal-content{background:linear-gradient(165deg,var(--panel-2),var(--panel));border:1px solid var(--line-hi);border-radius:var(--r-lg);color:var(--txt);box-shadow:var(--sh-2)}.modal-header,.modal-footer{border-color:var(--line)}.modal-title{font-family:var(--font-title);font-size:1.05rem}.btn-close{filter:invert(.8) sepia(.4) saturate(3) hue-rotate(340deg)}.toast-mdc{position:fixed;right:18px;bottom:18px;z-index:1080;display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:var(--r-md);background:linear-gradient(180deg,var(--panel-3),var(--panel));border:1px solid var(--line-hi);color:var(--txt);box-shadow:var(--sh-2);font-size:.9rem;animation:toastIn .22s ease}.toast-mdc svg{width:17px;height:17px;color:var(--copper-hi)}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.hero{padding:64px 0 28px;text-align:center}.hero .sigil{width:86px;height:86px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;color:#2a1206;background:radial-gradient(circle at 32% 28%,var(--amber),var(--copper) 65%,#a8561f);box-shadow:var(--sh-btn),0 0 46px #f0913f80}.hero .sigil svg{width:40px;height:40px}.hero h1{font-size:clamp(1.9rem,4vw,2.9rem);margin:0;text-shadow:0 0 34px rgba(245,198,106,.3)}.hero p{color:var(--txt-2);max-width:720px;margin:12px auto 0}.hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;padding-bottom:60px}.hub-card{text-align:left;display:flex;flex-direction:column;gap:8px;padding:22px}.hub-card .hub-ico{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 32% 28%,#f5c66ae6,#d97a35e6);color:#2c1408;box-shadow:var(--sh-btn)}.hub-card .hub-ico svg{width:22px;height:22px}.hub-card h3{margin:6px 0 0;font-size:1.1rem}.hub-card p{margin:0;color:var(--txt-3);font-size:.9rem;flex:1}.hub-card .go{margin-top:12px}.swatches{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;padding-bottom:40px}.swatch{width:118px;padding:12px 10px 10px;border-radius:var(--r-sm);background:var(--sw);border:1px solid rgba(255,255,255,.16);box-shadow:var(--sh-1);font-size:.7rem;text-align:center;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6)}.swatch.dark{color:var(--txt-2);text-shadow:none}@media(max-width:768px){.app-header{padding:10px 12px;gap:10px}.brand-sub{display:none}.header-tools{width:100%;margin-left:0;justify-content:space-between}.btn-stop-all .label{display:none}.btn-stop-all{padding:9px 13px}.mainnav{order:3;width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.mininav{order:3;width:100%;overflow-x:auto}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.range-row{grid-template-columns:84px 1fr 56px;gap:8px}.ambiance-circle{width:min(84vw,460px)}.knob,.btn-icon{min-width:48px;min-height:48px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-thumb{background:#f0913f59;border-radius:999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-track{background:#0000004d}#app-view{display:block}#app-view>*{display:block}.bank-src{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.bank-src .rel-path{margin-left:auto}.bank-empty{padding:34px 16px;text-align:center;color:var(--txt-3);font-size:.95rem;border:1px dashed var(--line-hi);border-radius:var(--r-md);background:#0000002e}.bank-tree{display:flex;flex-direction:column;gap:20px}.bank-group{display:flex;flex-direction:column;gap:12px}.bank-folder{display:flex;align-items:center;gap:10px;align-self:flex-start;max-width:100%;padding:8px 14px 8px 10px;border:1px solid var(--line);border-radius:var(--r-sm);background:#ffc28f0d;color:var(--txt);font-family:var(--font-ui);font-size:.95rem;font-weight:600;cursor:pointer;transition:border-color .14s ease,background .14s ease}.bank-folder:hover{border-color:var(--line-hi);background:#ffc28f1a}.bank-folder svg{width:16px;height:16px;flex:none;color:var(--copper-hi)}.bank-folder>svg:first-child{color:var(--txt-3);transition:transform .14s ease}.bank-folder-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bank-folder-count{font-size:.72rem;font-weight:400;color:var(--txt-3);background:#00000047;border-radius:999px;padding:1px 9px}.bank-group-body{display:flex;flex-direction:column;gap:16px;margin-left:12px;padding-left:16px;border-left:1px dashed rgba(255,194,143,.22)}.bank-group.is-collapsed .bank-group-body{display:none}.bank-group.is-collapsed .bank-folder>svg:first-child{transform:rotate(-90deg)}.tile-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;background:#000}
