:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#08090c;--surface:#101319;--surface-2:#171b23;--border:#262c37;--text:#e8ecf3;--text-dim:#8a94a6;--accent:#4d8dff;--good:#43d17a;--warn:#f2b544;--bad:#f2555a;font-family:ui-sans-serif,system-ui,Segoe UI,Microsoft YaHei,sans-serif;font-size:14px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);overflow:hidden}button,select,input{font:inherit;color:inherit}.app{grid-template-rows:auto minmax(0,1fr) auto;height:100%;display:grid}.toolbar{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:14px;padding:10px 14px;display:flex}.toolbar__brand{letter-spacing:.02em;align-items:center;gap:8px;font-weight:650;display:flex}.toolbar__logo{color:var(--accent);font-size:18px}.toolbar__spacer{flex:1}.toolbar__meta{color:var(--text-dim);font-variant-numeric:tabular-nums}.btn{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:7px;padding:6px 12px;transition:background .15s,border-color .15s}.btn:hover:not(:disabled){background:#1e2430;border-color:#38414f}.btn:disabled{opacity:.4;cursor:default}.btn--primary{background:var(--accent);border-color:var(--accent);color:#04080f;font-weight:600}.btn--primary:hover:not(:disabled){background:#6ba0ff;border-color:#6ba0ff}.field{color:var(--text-dim);align-items:center;gap:6px;display:flex}.field select{background:var(--surface-2);border:1px solid var(--border);cursor:pointer;border-radius:7px;padding:5px 8px}.check{color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;display:flex}.app__main{min-height:0;display:flex}.wall{background:radial-gradient(120% 120% at 50% 0%, #0d1118 0%, var(--bg) 70%);flex:1;min-height:0;position:relative;overflow:hidden}.wall--filehover{box-shadow:inset 0 0 0 2px var(--accent)}.wall__empty{color:var(--text-dim);pointer-events:none;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.wall__empty h2{color:var(--text);margin:0;font-size:20px;font-weight:600}.wall__empty p{margin:0}.wall__notice{color:var(--warn);pointer-events:none;z-index:8;background:#f2b54424;border:1px solid #f2b54466;border-radius:999px;padding:6px 12px;font-size:12px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.tile{transform-origin:0 0;cursor:grab;z-index:1;touch-action:none;background:#000;border-radius:7px;position:absolute;overflow:hidden}.tile--dragging{opacity:.35}.tile--drop{outline:2px solid var(--accent);outline-offset:-2px}.tile--focused{box-shadow:0 0 0 2px var(--accent) inset}.tile__inset{background:#05070a;border-radius:5px;position:absolute;overflow:hidden}.tile__video{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.tile__veil{-webkit-backdrop-filter:grayscale(.6)brightness(.55);backdrop-filter:grayscale(.6)brightness(.55);color:var(--text-dim);pointer-events:none;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px;font-size:12px;display:flex;position:absolute;inset:0}.tile__veil--paused span{border:1px solid var(--border);background:#08090cb3;border-radius:999px;padding:3px 10px}.tile__veil--error{color:var(--bad)}.tile__head{opacity:0;z-index:3;background:linear-gradient(#000000b8,#0000);align-items:center;gap:8px;padding:6px 8px;transition:opacity .15s;display:flex;position:absolute;top:0;left:0;right:0}.tile:hover .tile__head{opacity:1}.tile__name{text-overflow:ellipsis;white-space:nowrap;color:#dfe6f2;pointer-events:none;flex:1;min-width:0;font-size:12px;overflow:hidden}.tile__actions{gap:4px;display:flex}.chip{cursor:pointer;color:#cbd4e2;background:#00000073;border:1px solid #ffffff2e;border-radius:6px;place-items:center;width:20px;height:20px;font-size:11px;line-height:1;display:grid}.chip:hover{background:#ffffff29}.chip--on{color:var(--warn);border-color:#f2b54499}.chip--audio{color:var(--accent)}.chip--audio-off{color:var(--text-dim)}.tile__volume{align-items:center;display:flex}.tile__slider{appearance:none;cursor:pointer;background:0 0;width:66px;height:14px;margin-left:6px}.tile__slider::-webkit-slider-runnable-track{background:#ffffff47;border-radius:3px;height:3px}.tile__slider::-webkit-slider-thumb{appearance:none;background:#fff;border:none;border-radius:50%;width:10px;height:10px;margin-top:-3.5px}.tile__slider::-moz-range-track{background:#ffffff47;border-radius:3px;height:3px}.tile__slider::-moz-range-thumb{background:#fff;border:none;border-radius:50%;width:10px;height:10px}.tile__progress{z-index:4;cursor:pointer;touch-action:none;align-items:flex-end;height:16px;padding:0 6px 7px;display:flex;position:absolute;bottom:0;left:0;right:0}.tile__track{background:#ffffff38;border-radius:3px;flex:1;height:3px;transition:height .12s;position:relative}.tile__progress:hover .tile__track,.tile__progress--active .tile__track{height:6px}.tile__fill{background:var(--accent);border-radius:3px;width:0;position:absolute;top:0;bottom:0;left:0}.tile__knob{opacity:0;pointer-events:none;background:#fff;border-radius:50%;width:11px;height:11px;transition:opacity .12s;position:absolute;top:50%;left:0;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0009}.tile__progress:hover .tile__knob,.tile__progress--active .tile__knob{opacity:1}.tile__time{font-variant-numeric:tabular-nums;color:#cbd4e2;opacity:0;pointer-events:none;white-space:nowrap;background:#0000009e;border:1px solid #ffffff1a;border-radius:5px;padding:1px 6px;font-size:10px;transition:opacity .12s;position:absolute;bottom:17px;left:6px}.tile__progress:hover .tile__time,.tile__progress--active .tile__time{opacity:1}.tile__fps{font-variant-numeric:tabular-nums;color:var(--text-dim);pointer-events:none;z-index:3;background:#0000009e;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:5px;padding:2px 7px;font-size:11px;display:flex;position:absolute;bottom:23px;right:6px}.tile__fps b{font-size:12px;font-weight:650}.tile__fps i{opacity:.7;font-style:normal}.tile__fit{color:var(--warn);opacity:1}.tile__fps--good b{color:var(--good)}.tile__fps--warn b{color:var(--warn)}.tile__fps--bad b{color:var(--bad)}.splitter{z-index:6;touch-action:none;background:0 0;position:absolute}.splitter__bar{background:#ffffff0f;margin:auto;transition:background .15s;position:absolute;inset:0}.splitter--v .splitter__bar{width:2px;height:100%}.splitter--h .splitter__bar{width:100%;height:2px}.splitter:hover .splitter__bar,.splitter--locked .splitter__bar{background:var(--accent)}.dragcard{border:1px solid var(--accent);background:#171b23f0;border-radius:8px;max-width:240px;padding:8px 12px;font-size:12px;box-shadow:0 12px 30px #00000080}.dragcard__name{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.hud{background:var(--surface);border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:18px;padding:8px 14px;font-size:12px;display:flex}.hud__item{align-items:baseline;gap:6px;display:flex}.hud__label{color:var(--text-dim)}.hud__value{font-variant-numeric:tabular-nums}.hud__value--good{color:var(--good)}.hud__value--warn{color:var(--warn)}.hud__value--bad{color:var(--bad)}.hud__hint{color:#5d6679;font-size:11px}.hud__note{color:#5d6679;max-width:560px;margin-left:auto}