:root{--bg:#2d2d2d;--bg-darker:#202020;--panel:#1e1e1e;--surface-hover:#363636;--ink-bright:#f0efec;--ink-dim:#cccccb;--line:#c5c5c5;--accent:#fc3;--brand:#1c76e1;--brand-2:#8fb6e8;--text:#f3f3f3;--muted:#9ba3ad;--ink-light:#1f2933}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg-darker);color:var(--text);-webkit-font-smoothing:antialiased;font-family:ui-sans-serif,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;overflow:hidden}img,video,svg{max-width:100%;display:block}.stage-viewport{background:var(--bg-darker);touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;position:fixed;inset:0;overflow:hidden}.deck-hint{left:50%;bottom:max(20px, env(safe-area-inset-bottom,0px) + 12px);color:var(--ink-dim);text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;z-index:50;opacity:1;background:#141414d1;border:1px solid #ffffff1f;border-radius:999px;max-width:calc(100vw - 32px);padding:10px 16px;font-size:14px;line-height:1.3;transition:opacity .5s;position:fixed;transform:translate(-50%)}.deck-hint.is-hidden{opacity:0}.deck-hint b{color:var(--ink-bright);font-weight:600}.deck-hint kbd{min-width:1.6em;color:var(--ink-bright);font:inherit;text-align:center;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:5px;padding:1px 6px;font-size:12px;display:inline-block}.deck-fs-btn{top:max(10px, env(safe-area-inset-top,0px));right:max(10px, env(safe-area-inset-right,0px));width:40px;height:40px;color:var(--ink-bright);cursor:pointer;z-index:50;opacity:.7;background:#14141499;border:1px solid #ffffff2e;border-radius:50%;font-size:20px;line-height:1;position:fixed}.deck-fs-btn:active{opacity:1}.deck-rotate{text-align:center;color:var(--ink-bright);z-index:40;background:#202020eb;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:32px;font-size:17px;line-height:1.4;display:flex;position:fixed;inset:0}.deck-rotate-icon{color:var(--accent);animation:2.4s ease-in-out infinite deck-rotate-hint}@keyframes deck-rotate-hint{0%,35%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}.deck-btn{border:1px solid var(--accent);color:var(--accent);cursor:pointer;background:0 0;border-radius:999px;padding:10px 20px;font-size:15px;font-weight:600}.stage{background:var(--bg);transform-origin:0 0;width:1920px;height:1080px;position:absolute;top:50%;left:50%;overflow:hidden}.slide-layer{position:absolute;inset:0;overflow:hidden}.slide-layer>.slide-root{position:absolute;inset:0}.transition-overlay-canvas{pointer-events:none;z-index:50;width:100%;height:100%;position:absolute;inset:0}.deck-error{color:var(--muted);white-space:pre-wrap;text-align:center;place-items:center;padding:80px;font-size:28px;display:grid;position:absolute;inset:0}.admin-loading{height:100%;color:var(--muted);place-items:center;display:grid}.admin{background:var(--bg-darker);flex-direction:column;height:100%;display:flex;overflow:hidden}.admin-header{background:var(--panel);border-bottom:1px solid #000;align-items:center;gap:16px;padding:14px 20px;display:flex}.admin-header h1{color:var(--text);font-size:16px;font-weight:600}.admin-header .hint{color:var(--muted);font-size:13px}.admin-header a{color:var(--brand-2);margin-left:auto;font-size:14px;text-decoration:none}.admin-body{flex:1;min-height:0;display:flex}.admin-slides{flex-wrap:wrap;flex:1;align-content:flex-start;gap:16px;padding:20px;display:flex;overflow-y:auto}.slide-card{background:var(--bg);cursor:grab;-webkit-user-select:none;user-select:none;border:1px solid #1a1a1a;border-radius:8px;outline:2px solid #0000;width:264px;transition:outline-color .15s,opacity .15s;overflow:hidden}.slide-card.selected{outline-color:var(--brand)}.slide-card.drag-over{outline-color:var(--accent)}.slide-card.dragging{opacity:.4}.thumb{background:var(--bg-darker);pointer-events:none;width:264px;height:148px;position:relative;overflow:hidden}.thumb .thumb-stage{transform-origin:0 0;background:var(--bg);width:1920px;height:1080px;position:absolute;transform:scale(.1375)}.slide-card .caption{align-items:baseline;gap:8px;padding:8px 10px;font-size:13px;display:flex}.slide-card .caption .num{color:var(--accent);font-variant-numeric:tabular-nums}.slide-card .caption .title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.slide-card .caption .kind{color:var(--muted);margin-left:auto;font-size:11px}.slide-card .caption .edit{color:var(--brand-2);border:1px solid var(--surface-hover);border-radius:4px;padding:1px 6px;font-size:11px;text-decoration:none}.slide-card .caption .edit:hover{border-color:var(--brand)}.admin-side{background:var(--panel);border-left:1px solid #000;width:340px;padding:20px;overflow-y:auto}.admin-side h2{color:var(--text);margin-bottom:4px;font-size:14px}.admin-side .path{color:var(--muted);word-break:break-all;margin-bottom:16px;font-family:ui-monospace,monospace;font-size:11px}.asset-row{border:1px dashed var(--surface-hover);border-radius:8px;margin-bottom:12px;padding:12px;transition:border-color .15s,background .15s}.asset-row.drag-over{border-color:var(--accent);background:#333}.asset-row .asset-head{justify-content:space-between;margin-bottom:6px;font-size:13px;display:flex}.asset-row .asset-head .key{color:var(--brand-2);font-family:ui-monospace,monospace}.asset-row .asset-head .type{color:var(--muted);font-size:11px}.asset-row .asset-path{color:var(--ink-dim);word-break:break-all;font-family:ui-monospace,monospace;font-size:11px}.asset-row .asset-preview{background:var(--bg-darker);border-radius:4px;place-items:center;max-height:90px;margin-top:8px;display:grid;overflow:hidden}.asset-row .asset-preview img,.asset-row .asset-preview video{object-fit:contain;max-height:90px}.asset-row .drop-hint{color:var(--muted);margin-top:8px;font-size:11px}.admin-side .empty{color:var(--muted);font-size:13px}.admin-toast{background:var(--surface-hover);color:var(--text);border-left:3px solid var(--accent);z-index:100;border-radius:6px;padding:10px 16px;font-size:13px;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.admin-modal-backdrop{z-index:50;background:#0009;place-items:center;display:grid;position:fixed;inset:0}.admin-modal{background:var(--panel);border:1px solid #000;border-radius:10px;flex-direction:column;width:min(1160px,100vw - 48px);max-height:calc(100vh - 48px);display:flex;overflow:hidden;box-shadow:0 24px 80px #0009}.admin-modal header{border-bottom:1px solid #000;align-items:center;gap:12px;padding:14px 20px;display:flex}.admin-modal header h2{color:var(--text);font-size:15px;font-weight:600}.admin-modal header .hint{color:var(--muted);flex:1;font-size:12px}.tpl-grid{grid-template-columns:repeat(auto-fill,264px);justify-content:center;gap:16px;min-height:0;padding:20px;display:grid;overflow-y:auto}.tpl-card{appearance:none;font:inherit;text-align:left;width:264px;color:var(--text);background:var(--bg);cursor:pointer;border:1px solid #1a1a1a;border-radius:8px;outline:2px solid #0000;padding:0;transition:outline-color .15s;overflow:hidden}.tpl-card:hover{outline-color:var(--surface-hover)}.tpl-card.selected{outline-color:var(--accent)}.tpl-card .caption{gap:2px;padding:8px 10px;font-size:13px;display:grid}.tpl-card .caption .desc{color:var(--muted);font-size:11px;line-height:1.35}.admin-form{border-top:1px solid #000;padding:14px 20px 0}.admin-form .ed-row{grid-template-columns:84px 1fr}.admin-form .ed-input{padding:6px 8px;font-size:13px}.admin-form .suffix{color:var(--muted);font-family:ui-monospace,monospace;font-size:11px}.admin-form-note{color:var(--muted);margin:2px 0 8px 92px;font-size:12px}.admin-form-note b{color:var(--text);font-weight:500}.admin-form-error{color:#ff8a80;margin:0 0 8px 92px;font-size:12px}.admin-modal .actions{justify-content:flex-end;gap:8px;padding:10px 20px 16px;display:flex}