@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";
:root{--pin-blue-50:#eff6ff;--pin-blue-100:#dbeafe;--pin-blue-200:#bfdbfe;--pin-blue-300:#93c5fd;--pin-blue-500:#3478f6;--pin-blue-600:#2867e8;--pin-blue-700:#2054c8;--pin-blue-800:#1e46a2;--pin-neutral-0:#fff;--pin-neutral-50:#f8fafc;--pin-neutral-100:#f1f5f9;--pin-neutral-200:#e5eaf0;--pin-neutral-300:#d1d8e0;--pin-neutral-400:#a9b2be;--pin-neutral-500:#7c8796;--pin-neutral-600:#5e6978;--pin-neutral-700:#3d4754;--pin-neutral-800:#252d38;--pin-neutral-900:#171d26;--pin-neutral-950:#101827;--color-brand:var(--pin-blue-600);--color-brand-hover:var(--pin-blue-700);--color-brand-subtle:var(--pin-blue-50);--color-text-primary:var(--pin-neutral-900);--color-text-secondary:var(--pin-neutral-600);--color-text-tertiary:var(--pin-neutral-500);--color-bg-page:var(--pin-neutral-50);--color-bg-surface:var(--pin-neutral-0);--color-border:var(--pin-neutral-200);--color-border-strong:var(--pin-neutral-300);--color-success:#0e9f6e;--color-success-bg:#ecfdf5;--color-warning:#d97706;--color-warning-bg:#fff7ed;--color-error:#e5484d;--color-error-hover:#c93a3f;--color-error-bg:#fff1f2;--color-pending:#7c3aed;--color-pending-bg:#f5f3ff;--viz-cat-facility:#3478f6;--viz-cat-safety:#e5484d;--viz-cat-clean:#0e9f6e;--viz-cat-convenience:#8b5cf6;--viz-cat-mobility:#f59e0b;--viz-heat-low:var(--pin-blue-100);--viz-heat-mid:var(--pin-blue-300);--viz-heat-high:var(--pin-blue-500);--viz-heat-critical:var(--pin-blue-700);--shadow-xs:0 1px 2px #1018270f;--shadow-sm:0 2px 8px #10182714;--shadow-md:0 6px 16px #1018271a;--shadow-lg:0 12px 32px #10182724;--focus:0 0 0 3px #3478f624}*{box-sizing:border-box}html,body{-moz-text-size-adjust:100%;text-size-adjust:100%;min-height:100%;color:var(--color-text-primary);background:var(--color-bg-page);margin:0;font-family:Pretendard Variable,Pretendard,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}h1,h2{word-break:keep-all;overflow-wrap:break-word}button:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{box-shadow:var(--focus);outline:0}button:disabled{cursor:not-allowed;opacity:.48}::selection{background:var(--pin-blue-100)}.pin-logo{color:var(--color-text-primary);letter-spacing:-.02em;align-items:center;gap:10px;font-size:18px;font-weight:700;text-decoration:none;display:flex}.pin-logo b{color:var(--color-brand);font-weight:700}.pin-logo-mark{background:var(--color-brand);border-radius:9px 9px 9px 3px;place-items:center;width:28px;height:28px;display:grid;position:relative;transform:rotate(45deg)}.pin-logo-mark span{border:3px solid var(--color-bg-surface);border-radius:50%;width:8px;height:8px;transform:rotate(-45deg)}.btn{border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 16px;font-size:14px;font-weight:600;transition:background-color .14s,border-color .14s,color .14s;display:inline-flex}.btn svg{width:17px;height:17px}.btn.primary{background:var(--color-brand);color:var(--color-bg-surface)}.btn.primary:hover{background:var(--color-brand-hover)}.btn.destructive{background:var(--color-error);color:var(--color-bg-surface)}.btn.destructive:hover{background:var(--color-error-hover)}.btn.secondary{background:var(--color-bg-surface);border:1px solid var(--color-border-strong);color:var(--color-text-primary)}.btn.secondary:hover{background:var(--pin-neutral-50);border-color:var(--pin-neutral-400)}.btn.tertiary{color:var(--pin-blue-700);background:0 0}.btn.tertiary:hover{background:var(--color-brand-subtle)}.btn.large{height:48px;padding:0 20px;font-size:16px}.btn.full{width:100%}.icon-btn{border:1px solid var(--color-border);background:var(--color-bg-surface);width:40px;height:40px;color:var(--color-text-secondary);border-radius:10px;place-items:center;display:grid}.icon-btn:hover{background:var(--pin-neutral-100);color:var(--color-text-primary)}.icon-btn svg{width:19px}.spinner{border:2px solid #ffffff5c;border-top-color:var(--color-bg-surface);border-radius:50%;width:17px;height:17px;animation:.7s linear infinite spin}.spinner.dark{border-color:var(--color-border-strong);border-top-color:var(--color-brand);width:26px;height:26px}@keyframes spin{to{transform:rotate(360deg)}}.landing-shell{background:radial-gradient(circle at 50% 20%,var(--pin-blue-50),transparent 38%),var(--color-bg-surface);min-height:100vh}.landing-nav{justify-content:space-between;align-items:center;max-width:1120px;height:72px;margin:auto;padding:0 24px;display:flex}.demo-pill{background:var(--color-brand-subtle);height:26px;color:var(--pin-blue-700);border-radius:999px;align-items:center;padding:0 10px;font-size:12px;font-weight:600;display:flex}.hero{text-align:center;max-width:920px;margin:auto;padding:68px 24px 80px}.eyebrow{color:var(--color-brand);letter-spacing:.12em;font-size:12px;font-weight:700}.hero h1{letter-spacing:-.04em;margin:20px 0 18px;font-size:48px;line-height:1.18}.hero h1 em{color:var(--color-brand);font-style:normal}.hero>p{color:var(--color-text-secondary);margin:0;font-size:17px;line-height:28px}.upload-card{background:var(--color-bg-surface);border:1.5px dashed var(--pin-blue-300);border-radius:20px;max-width:640px;margin:44px auto 56px;padding:40px;transition:background .14s,border .14s}.upload-card.dragging{background:var(--color-brand-subtle);border-color:var(--color-brand)}.upload-icon{background:var(--color-brand-subtle);width:56px;height:56px;color:var(--color-brand);border-radius:16px;place-items:center;margin:auto;display:grid}.upload-icon svg{width:25px}.upload-card h2{margin:18px 0 6px;font-size:18px}.upload-card p{color:var(--color-text-tertiary);margin:0 0 24px;font-size:13px}.recent-section{text-align:left;max-width:760px;margin:auto}.section-heading span{font-size:16px;font-weight:600}.section-heading p{color:var(--color-text-tertiary);margin:3px 0 14px;font-size:13px}.recent-grid{gap:10px;display:grid}.recent-card{background:var(--color-bg-surface);border:1px solid var(--color-border);text-align:left;width:100%;color:var(--color-text-primary);border-radius:14px;grid-template-columns:44px 1fr 24px;align-items:center;gap:14px;padding:14px;display:grid}.recent-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-xs)}.recent-card>svg{width:18px;color:var(--color-text-tertiary)}.file-tile{background:var(--color-brand-subtle);width:44px;height:44px;color:var(--color-brand);border-radius:10px;place-items:center;display:grid}.file-tile svg{width:20px}.recent-card b{font-size:14px;display:block}.recent-card small{color:var(--color-text-tertiary);margin-top:3px;font-size:12px;display:block}.landing-footer{text-align:center;color:var(--color-text-tertiary);border-top:1px solid var(--color-border);padding:24px;font-size:12px}.nav-account{color:var(--color-text-secondary);align-items:center;gap:12px;font-size:13px;display:flex}.login-card{background:var(--color-bg-surface);border:1px solid var(--color-border);text-align:center;max-width:420px;box-shadow:var(--shadow-sm);border-radius:20px;margin:60px auto;padding:44px 32px}.login-card h1{letter-spacing:-.02em;margin:0 0 10px;font-size:24px}.login-card>p{color:var(--color-text-secondary);margin:0 0 26px;font-size:14px;line-height:22px}.google-btn{background:var(--color-bg-surface);border:1px solid var(--color-border-strong);color:var(--color-text-primary)}.google-btn:hover{background:var(--pin-neutral-50)}.google-btn:disabled{opacity:.6}.google-btn svg{width:18px;height:18px}.login-note{color:var(--color-text-tertiary);margin-top:18px;font-size:12px;line-height:18px}.login-error{color:var(--color-error);margin-top:14px;font-size:13px}.loading-screen .login-error{margin:0 0 16px}.logout-btn{color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.logout-btn:hover{color:var(--color-text-primary)}.logout-btn svg{width:18px}.app-shell{grid-template-columns:248px 1fr;min-height:100dvh;display:grid}.sidebar{background:var(--color-bg-surface);border-right:1px solid var(--color-border);z-index:20;flex-direction:column;width:248px;padding:0 16px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-logo{align-items:center;height:64px;padding:0 8px;display:flex}.sidebar nav{gap:4px;padding-top:16px;display:grid}.nav-item{height:40px;color:var(--color-text-secondary);text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:0 12px;font-size:14px;display:flex}.nav-item svg{width:18px}.nav-item:hover{background:var(--pin-neutral-100);color:var(--color-text-primary)}.nav-item.active{background:var(--color-brand-subtle);color:var(--pin-blue-700);font-weight:600}.sidebar-bottom{border-top:1px solid var(--color-border);grid-template-columns:36px 1fr 18px;align-items:center;gap:10px;margin-top:auto;padding:16px 8px;display:grid}.avatar{background:var(--pin-neutral-900);width:36px;height:36px;color:var(--color-bg-surface);border-radius:10px;place-items:center;font-size:12px;font-weight:600;display:grid}.sidebar-bottom b,.sidebar-bottom small{display:block}.sidebar-bottom b{font-size:13px}.sidebar-bottom small{color:var(--color-text-tertiary);margin-top:2px;font-size:11px}.sidebar-bottom>svg{width:18px;color:var(--color-text-tertiary)}.admin-main{grid-column:2;min-width:0}.topbar{z-index:15;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border);background:#ffffffeb;justify-content:space-between;align-items:center;height:64px;padding:0 32px;display:flex;position:sticky;top:0}.session-identity,.top-actions{align-items:center;gap:12px;display:flex}.session-identity b,.session-identity small{display:block}.session-identity b{font-size:14px}.session-identity small{color:var(--color-text-tertiary);margin-top:1px;font-size:11px}.live-badge{background:var(--color-brand-subtle);height:24px;color:var(--pin-blue-700);border-radius:999px;align-items:center;gap:6px;padding:0 9px;font-size:12px;font-weight:600;display:flex}.live-badge i{background:var(--color-brand);border-radius:50%;width:6px;height:6px}.live-badge.ended{background:var(--pin-neutral-100);color:var(--color-text-secondary)}.live-badge.ended i{background:var(--pin-neutral-500)}.workspace-tabs{background:var(--color-bg-surface);border-bottom:1px solid var(--color-border);gap:24px;height:56px;padding:0 32px;display:flex}.workspace-tabs button{color:var(--color-text-secondary);background:0 0;border:0;align-items:center;gap:8px;font-size:14px;display:flex;position:relative}.workspace-tabs button svg{width:17px}.workspace-tabs button span{background:var(--pin-neutral-100);border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;display:grid}.workspace-tabs button.active{color:var(--pin-blue-700);font-weight:600}.workspace-tabs button.active:after{content:"";background:var(--color-brand);border-radius:2px;height:2px;position:absolute;bottom:0;left:0;right:0}.workspace-tabs button.active span{background:var(--color-brand-subtle);color:var(--pin-blue-700)}.player-workspace{grid-template-columns:minmax(560px,1fr) 380px;height:calc(100dvh - 120px);display:grid}.player-stage{background:var(--pin-neutral-950);flex-direction:column;min-width:0;padding:16px 24px 14px;display:flex}.stage-toolbar{height:28px;color:var(--pin-neutral-400);justify-content:space-between;align-items:center;font-size:12px;display:flex}.stage-toolbar div{align-items:center;gap:7px;display:flex}.status-dot{background:var(--color-success);border-radius:50%;width:7px;height:7px}.stage-canvas-wrap{flex:1;place-items:center;min-height:0;padding:12px 3%;display:grid}.slide-canvas{aspect-ratio:16/9;background:var(--color-bg-surface);border-radius:4px;width:100%;position:relative;overflow:hidden;box-shadow:0 14px 40px #0000004d}.stage-canvas-wrap .slide-canvas{max-width:min(100%,1050px,177.778dvh - 533.333px)}.slide-canvas[role=button]{cursor:crosshair}.slide-canvas img{object-fit:contain;width:100%;height:100%;display:block}.slide-placeholder{background:var(--pin-neutral-100);color:var(--color-text-tertiary);font-variant-numeric:tabular-nums;place-items:center;font-size:clamp(14px,3vw,32px);font-weight:600;display:grid;position:absolute;inset:0}.question-pin,.draft-pin{z-index:5;border:2px solid var(--color-bg-surface);background:var(--color-brand);width:30px;height:30px;color:var(--color-bg-surface);border-radius:50% 50% 50% 4px;font-size:12px;font-weight:700;position:absolute;transform:translateY(-100%);box-shadow:0 2px 8px #10182740}.question-pin.selected{box-shadow:0 0 0 2px var(--color-bg-surface),0 0 0 4px var(--color-brand);z-index:8}.player-controls{justify-content:center;align-items:center;gap:20px;height:44px;display:flex}.player-controls .icon-btn{background:var(--pin-neutral-800);border-color:var(--pin-neutral-700);width:32px;height:32px;color:var(--pin-neutral-200)}.slide-dots{align-items:center;gap:7px;display:flex}.slide-dots button{background:var(--pin-neutral-600);border:0;border-radius:50%;width:6px;height:6px;padding:0}.slide-dots button.active{background:var(--pin-blue-400);border-radius:999px;width:18px}.filmstrip{overscroll-behavior-x:contain;scroll-behavior:smooth;scrollbar-width:thin;justify-content:safe center;gap:8px;height:76px;display:flex;overflow-x:auto}.filmstrip>button{background:0 0;border:2px solid #0000;border-radius:7px;flex:0 0 108px;width:108px;padding:0;position:relative;overflow:hidden}.filmstrip>button.active{border-color:var(--pin-blue-400)}.filmstrip .slide-canvas{box-shadow:none;border-radius:4px}.filmstrip>button>span{color:var(--color-bg-surface);background:#101827b3;border-radius:4px;padding:1px 4px;font-size:10px;position:absolute;bottom:3px;left:4px}.filmstrip>button>i{background:var(--color-brand);width:18px;height:18px;color:var(--color-bg-surface);border-radius:50%;place-items:center;font-size:10px;font-style:normal;display:grid;position:absolute;top:3px;right:4px}.live-questions{background:var(--color-bg-surface);border-left:1px solid var(--color-border);flex-direction:column;min-height:0;display:flex}.panel-heading{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;height:72px;padding:0 20px;display:flex}.panel-heading h2{margin:0;font-size:16px}.panel-heading p{color:var(--color-text-tertiary);margin:3px 0 0;font-size:12px}.pulse-dot{background:var(--color-error);width:9px;height:9px;box-shadow:0 0 0 4px var(--color-error-bg);border-radius:50%}.question-stack{flex:1;align-content:start;gap:10px;padding:14px;display:grid;overflow-y:auto}.question-card{border:1px solid var(--color-border);background:var(--color-bg-surface);text-align:left;border-radius:12px;width:100%;padding:16px}.question-card:hover{border-color:var(--color-border-strong)}.question-card.selected{border-color:var(--pin-blue-500);background:var(--color-brand-subtle)}.question-meta{justify-content:space-between;align-items:center;display:flex}.question-meta>span:last-child{color:var(--color-text-tertiary);align-items:center;gap:4px;font-size:11px;display:flex}.question-meta svg{width:12px}.question-card p{margin:10px 0 12px;font-size:14px;line-height:21px}.question-card>div:last-child{justify-content:space-between;align-items:center;display:flex}.category{background:var(--color-brand-subtle);height:23px;color:var(--pin-blue-700);border-radius:999px;align-items:center;padding:0 8px;font-size:11px;font-style:normal;font-weight:600;display:inline-flex}.category.example{background:var(--color-success-bg);color:var(--color-success)}.category.why{background:var(--color-pending-bg);color:var(--color-pending)}.category.error{background:var(--color-error-bg);color:var(--color-error)}.category.important{background:var(--color-warning-bg);color:var(--color-warning)}.pin-context{color:var(--color-text-tertiary);font-size:11px}.status-badge{border-radius:999px;align-items:center;gap:4px;height:23px;padding:0 8px;font-size:11px;font-weight:600;display:inline-flex}.status-badge svg{width:12px}.status-badge.unanswered{background:var(--color-warning-bg);color:var(--color-warning)}.status-badge.answered{background:var(--color-brand-subtle);color:var(--pin-blue-700)}.status-badge.resolved{background:var(--color-success-bg);color:var(--color-success)}.answer-box{border-top:1px solid var(--color-border);background:var(--pin-neutral-50);padding:16px}.answer-box label{margin-bottom:7px;font-size:12px;font-weight:600;display:block}.answer-box textarea{resize:none;border:1px solid var(--color-border-strong);width:100%;height:74px;color:var(--color-text-primary);border-radius:10px;padding:10px 12px}.answer-box>div{justify-content:space-between;margin-top:8px;display:flex}.no-questions{text-align:center;height:280px;color:var(--color-text-tertiary);flex-direction:column;justify-content:center;align-items:center;display:flex}.no-questions svg{width:32px;margin-bottom:12px}.no-questions b{color:var(--color-text-secondary);font-size:14px}.no-questions span{margin-top:5px;font-size:12px;line-height:18px}.questions-page{max-width:1440px;margin:auto;padding:32px 40px}.questions-header{justify-content:space-between;align-items:flex-end;margin-bottom:26px;display:flex}.questions-header h1{letter-spacing:-.02em;margin:0;font-size:28px;line-height:38px}.questions-header p{color:var(--color-text-secondary);margin:4px 0 0;font-size:14px}.kpi-inline{gap:32px;display:flex}.kpi-inline span{color:var(--color-text-tertiary);font-size:12px}.kpi-inline b{color:var(--color-text-primary);font-variant-numeric:tabular-nums;font-size:24px;line-height:30px;display:block}.filterbar{align-items:center;gap:12px;margin-bottom:16px;display:flex}.searchbox{border:1px solid var(--color-border-strong);background:var(--color-bg-surface);border-radius:10px;align-items:center;gap:8px;width:280px;height:40px;padding:0 12px;display:flex}.searchbox svg{width:17px;color:var(--color-text-tertiary)}.searchbox input{border:0;outline:0;width:100%;font-size:13px}.filter-tabs{background:var(--pin-neutral-100);border-radius:10px;height:40px;padding:3px;display:flex}.filter-tabs button{color:var(--color-text-secondary);background:0 0;border:0;border-radius:8px;padding:0 13px;font-size:13px}.filter-tabs button.active{background:var(--color-bg-surface);color:var(--color-text-primary);box-shadow:var(--shadow-xs);font-weight:600}.filterbar>.btn{margin-left:auto}.question-table{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:16px;overflow:hidden}.table-head,.table-row{grid-template-columns:90px minmax(280px,1.6fr) 120px 120px 100px 30px;align-items:center;gap:16px;display:grid}.table-head{background:var(--pin-neutral-50);height:44px;color:var(--color-text-secondary);padding:0 20px;font-size:13px;font-weight:600}.table-row{background:var(--color-bg-surface);border:0;border-top:1px solid var(--color-border);text-align:left;width:100%;min-height:64px;color:var(--color-text-primary);padding:8px 20px}.table-row:hover{background:var(--pin-neutral-50)}.slide-cell b,.slide-cell small{display:block}.slide-cell b{font-size:14px}.slide-cell small{color:var(--color-text-tertiary);font-size:11px}.question-text{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.muted{color:var(--color-text-tertiary);font-size:12px}.table-row>span:last-child svg{width:17px;color:var(--color-text-tertiary)}.modal-backdrop{z-index:100;background:#1018278c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.share-modal{background:var(--color-bg-surface);width:440px;max-width:100%;box-shadow:var(--shadow-lg);text-align:center;border-radius:20px;padding:32px;position:relative}.modal-close{width:36px;height:36px;color:var(--color-text-secondary);background:0 0;border:0;border-radius:9px;position:absolute;top:16px;right:16px}.modal-close:hover{background:var(--pin-neutral-100)}.modal-close svg{width:19px}.modal-icon{background:var(--color-brand-subtle);width:48px;height:48px;color:var(--color-brand);border-radius:14px;place-items:center;margin:auto;display:grid}.share-modal h2{margin:16px 0 6px;font-size:22px}.share-modal>p{color:var(--color-text-secondary);margin:0;font-size:13px;line-height:20px}.qr-frame{border:1px solid var(--color-border);background:var(--color-bg-surface);border-radius:16px;place-items:center;width:212px;height:212px;margin:22px auto 12px;display:grid}.session-code{justify-content:center;align-items:center;gap:10px;margin-bottom:18px;display:flex}.session-code span{color:var(--color-text-tertiary);font-size:12px}.session-code b{letter-spacing:.12em;font-size:15px}.link-copy{border:1px solid var(--color-border);background:var(--pin-neutral-50);border-radius:10px;align-items:center;gap:8px;height:44px;margin-bottom:12px;padding-left:12px;display:flex;overflow:hidden}.link-copy>svg{width:16px;color:var(--color-text-tertiary)}.link-copy span{white-space:nowrap;text-overflow:ellipsis;text-align:left;min-width:0;color:var(--color-text-secondary);flex:1;font-size:12px;overflow:hidden}.link-copy button{border:0;border-left:1px solid var(--color-border);width:42px;height:42px;color:var(--color-brand);background:0 0}.link-copy button svg{width:17px}.student-shell{background:var(--color-bg-surface);width:100%;max-width:520px;min-height:100vh;box-shadow:0 0 0 1px var(--color-border);margin:auto}.student-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;height:60px;padding:0 18px;display:flex}.student-header .pin-logo{font-size:16px}.student-header .pin-logo-mark{border-radius:8px 8px 8px 3px;width:24px;height:24px}.student-header>span{background:var(--color-error-bg);height:24px;color:var(--color-error);border-radius:999px;align-items:center;gap:5px;padding:0 9px;font-size:11px;font-weight:700;display:flex}.student-header>span i{background:var(--color-error);border-radius:50%;width:6px;height:6px}.student-session{background:var(--pin-neutral-50);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.student-session span,.student-session small{display:block}.student-session span{font-size:14px;font-weight:600}.student-session small{color:var(--color-text-tertiary);margin-top:3px;font-size:11px}.student-session button{background:var(--color-brand-subtle);color:var(--pin-blue-700);border:0;border-radius:8px;padding:7px 9px;font-size:11px;font-weight:600}.student-content{background:var(--pin-neutral-50);border-bottom:1px solid var(--color-border);padding:16px 18px}.student-slide-top{justify-content:space-between;align-items:center;height:32px;margin-bottom:8px;display:flex}.student-slide-top span{color:var(--color-text-secondary);font-size:12px;font-weight:600}.student-slide-top .icon-btn{background:0 0;width:32px;height:32px}.student-canvas{position:relative}.student-canvas .slide-canvas{box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.draft-pin{pointer-events:none;width:34px;height:34px;font-size:15px}.student-hint{align-items:center;gap:10px;margin-top:12px;display:flex}.student-hint>span{border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:grid}.student-hint>span.active{background:var(--color-brand);color:var(--color-bg-surface)}.student-hint>span.done{background:var(--color-success-bg);color:var(--color-success)}.student-hint>span svg{width:15px}.student-hint p{flex:1;margin:0}.student-hint b,.student-hint small{display:block}.student-hint b{font-size:13px}.student-hint small{color:var(--color-text-tertiary);margin-top:2px;font-size:11px}.student-hint>button{color:var(--color-text-tertiary);background:0 0;border:0;align-items:center;gap:3px;font-size:11px;display:flex}.student-hint>button svg{width:13px}.question-composer{padding:22px 18px 26px}.composer-heading{align-items:center;gap:10px;margin-bottom:15px;display:flex}.composer-heading>span{background:var(--color-brand);width:28px;height:28px;color:var(--color-bg-surface);border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid}.composer-heading b,.composer-heading small{display:block}.composer-heading b{font-size:14px}.composer-heading small{color:var(--color-text-tertiary);margin-top:2px;font-size:11px}.category-scroll{gap:7px;padding-bottom:10px;display:flex;overflow-x:auto}.category-scroll button{white-space:nowrap;border:1px solid var(--color-border);background:var(--color-bg-surface);height:32px;color:var(--color-text-secondary);border-radius:999px;padding:0 11px;font-size:12px}.category-scroll button.active{background:var(--color-brand-subtle);border-color:var(--pin-blue-300);color:var(--pin-blue-700);font-weight:600}.textarea-wrap{margin-bottom:12px;position:relative}.textarea-wrap textarea{resize:none;border:1px solid var(--color-border-strong);width:100%;height:108px;color:var(--color-text-primary);border-radius:12px;padding:13px 14px 26px;line-height:20px;display:block}.textarea-wrap span{color:var(--color-text-tertiary);font-size:10px;position:absolute;bottom:9px;right:12px}.submitted{text-align:center;padding:20px 0 12px}.submitted>span{background:var(--color-success-bg);width:52px;height:52px;color:var(--color-success);border-radius:50%;place-items:center;margin:auto;display:grid}.submitted>span svg{width:25px}.submitted h2{margin:14px 0 4px;font-size:18px}.submitted p{color:var(--color-text-secondary);margin:0 0 20px;font-size:13px}.student-footer{border-top:1px solid var(--color-border);height:44px;color:var(--color-text-tertiary);justify-content:center;align-items:center;gap:6px;font-size:11px;display:flex}.student-footer svg{width:14px}.loading-screen,.empty-state,.student-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.empty-state h1,.student-empty h1{font-size:22px}.student-empty p{color:var(--color-text-secondary);font-size:14px}.slide-canvas.compact .slide-placeholder{font-size:12px}.draft-tag{z-index:6;pointer-events:none;white-space:nowrap;box-shadow:var(--shadow-sm);position:absolute;transform:translate(36px,calc(-50% - 17px))}.drag-guide{color:var(--color-text-tertiary);margin:-3px 0 8px 38px;font-size:11px}.student-slide-shell{background:var(--pin-neutral-950);max-width:none;height:100dvh;min-height:100dvh;box-shadow:none;flex-direction:column;display:flex;overflow:hidden}.student-slide-shell .student-header{z-index:30;background:var(--color-bg-surface);flex:0 0 60px;position:relative;box-shadow:0 1px #ffffff14}.student-stage{background:radial-gradient(circle at 50% 40%,#3478f621,transparent 42%),var(--pin-neutral-950);flex:1;place-items:center;min-height:0;padding:64px 7vw 82px;display:grid;position:relative;overflow:hidden}.student-stage:before{content:"";pointer-events:none;opacity:.12;background-image:linear-gradient(#ffffff21 1px,#0000 1px),linear-gradient(90deg,#ffffff21 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 72%);mask-image:radial-gradient(circle,#000,#0000 72%)}.student-stage .student-canvas{z-index:1;aspect-ratio:16/9;width:min(86vw,1440px);position:relative}.student-stage .slide-canvas{aspect-ratio:auto;border:1px solid #ffffff29;border-radius:10px;width:100%;height:100%;box-shadow:0 28px 80px #0000007a}.student-stage .slide-canvas[role=button]{cursor:crosshair}.student-stage .draft-pin{pointer-events:auto;touch-action:none;cursor:grab;width:38px;height:38px;font-size:16px;box-shadow:0 0 0 5px #3478f638,0 8px 24px #00000047}.student-stage .draft-pin:active{cursor:grabbing}.student-stage .draft-tag{z-index:7;align-items:center;height:27px;padding:0 10px;transform:translate(42px,calc(-50% - 19px));box-shadow:0 8px 22px #00000038}.student-slide-nav{z-index:4;pointer-events:none;position:absolute;inset:0}.student-slide-nav .icon-btn{width:46px;height:46px;color:var(--color-bg-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;background:#171d26b8;border-color:#ffffff26;position:absolute;top:50%;transform:translateY(-50%)}.student-slide-nav .icon-btn:hover{background:#252d38eb}.student-slide-nav .icon-btn:first-child{left:22px}.student-slide-nav .icon-btn:last-child{right:22px}.student-slide-nav .icon-btn svg{width:22px}.student-slide-nav>span{min-width:76px;height:32px;color:var(--pin-neutral-100);font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#171d26bd;border:1px solid #ffffff24;border-radius:999px;place-items:center;padding:0 14px;font-size:12px;font-weight:600;display:grid;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.student-sync-button{z-index:5;height:34px;color:var(--pin-neutral-100);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#171d26bd;border:1px solid #ffffff29;border-radius:999px;padding:0 13px;font-size:12px;font-weight:600;position:absolute;top:18px;right:20px}.student-stage-hint{z-index:3;color:var(--pin-neutral-300);white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#171d26a8;border-radius:999px;margin:0;padding:8px 13px;font-size:12px;position:absolute;top:20px;left:50%;transform:translate(-50%)}.student-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#080c12b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.student-question-modal{background:var(--color-bg-surface);border:1px solid #ffffffb8;border-radius:24px;width:min(520px,100%);padding:30px;position:relative;box-shadow:0 28px 90px #0000006b}.student-question-modal .modal-close{top:18px;right:18px}.student-modal-heading{align-items:flex-start;gap:13px;margin-bottom:22px;padding-right:40px;display:flex}.student-modal-heading>span{background:var(--color-brand);width:40px;height:40px;color:var(--color-bg-surface);border-radius:50% 50% 50% 5px;flex:0 0 40px;place-items:center;font-size:17px;font-weight:700;display:grid}.student-modal-heading h2{letter-spacing:-.02em;margin:0;font-size:20px;line-height:28px}.student-modal-heading p{color:var(--color-text-tertiary);margin:4px 0 0;font-size:12px;line-height:18px}.student-question-modal .category-scroll{padding-bottom:14px}.student-question-modal .textarea-wrap{margin-bottom:14px}.student-composer-actions{gap:12px;display:grid}.student-question-modal .textarea-wrap textarea{height:132px}.student-question-modal .submitted{padding:22px 0 8px}.student-question-modal .submitted h2{font-size:21px}.upload-error{border:1px solid var(--color-error);background:var(--color-error-bg);max-width:460px;color:var(--color-error);border-radius:10px;margin:-8px auto 18px;padding:10px 12px;font-size:13px;line-height:20px}a.nav-item{color:inherit;text-decoration:none}.admin-page{grid-template-columns:minmax(0,1fr);align-content:start;gap:32px;max-width:1440px;margin:auto;padding:32px 40px;display:grid}.page-head{justify-content:space-between;align-items:flex-end;gap:24px;min-width:0;display:flex}.page-head h1{letter-spacing:-.02em;margin:0;font-size:28px;line-height:38px}.page-head p{color:var(--color-text-secondary);margin:4px 0 0;font-size:14px}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.kpi-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:16px;padding:20px 24px}.kpi-label{color:var(--color-text-secondary);font-size:13px;font-weight:600;display:block}.kpi-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:10px 0 4px;font-size:32px;line-height:42px;display:block}.kpi-value.warning{color:var(--color-warning)}.kpi-value.success{color:var(--color-success)}.kpi-card small{color:var(--color-text-tertiary);font-size:12px}.section-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.panel{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:16px;padding:24px}.panel-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.panel-head h2{margin:0;font-size:18px;line-height:28px}.panel-head p{color:var(--color-text-tertiary);margin:3px 0 0;font-size:13px}.panel-link{color:var(--pin-blue-700);align-items:center;gap:5px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.panel-link:hover{text-decoration:underline}.panel-link svg{width:15px}.panel-note{color:var(--color-text-tertiary);align-items:center;gap:6px;font-size:12px;display:flex}.panel-note svg{width:14px}.panel-empty{text-align:center;color:var(--color-text-tertiary);flex-direction:column;align-items:center;padding:44px 0;display:flex}.panel-empty svg{width:28px;margin-bottom:12px}.panel-empty b{color:var(--color-text-secondary);font-size:14px}.panel-empty span{margin-top:5px;font-size:12px;line-height:18px}.panel-empty .btn{margin-top:18px}.session-list,.feed-list,.heat-list,.cat-list,.improve-list{grid-template-columns:minmax(0,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.session-list>li,.feed-list>li,.heat-list>li,.improve-list>li{min-width:0}.session-row{border:1px solid var(--color-border);color:var(--color-text-primary);border-radius:12px;grid-template-columns:minmax(0,1fr) 76px 68px 68px 18px;align-items:center;gap:16px;padding:14px 16px;text-decoration:none;display:grid}.session-row:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-xs)}.session-row-main{min-width:0}.session-row-main b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;display:block;overflow:hidden}.session-row-main small{color:var(--color-text-tertiary);margin-top:3px;font-size:12px;display:block}.session-row-stat{color:var(--color-text-tertiary);text-align:right;font-size:12px}.session-row-stat b{color:var(--color-text-primary);font-variant-numeric:tabular-nums;font-size:16px;display:block}.session-row-stat.alert b{color:var(--color-warning)}.session-row>svg{width:17px;color:var(--color-text-tertiary)}.feed-item{border:1px solid var(--color-border);color:var(--color-text-primary);border-radius:12px;padding:14px 16px;text-decoration:none;display:block}.feed-item:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-xs)}.feed-top,.feed-bottom{justify-content:space-between;align-items:center;display:flex}.feed-time{color:var(--color-text-tertiary);align-items:center;gap:4px;font-size:11px;display:flex}.feed-time svg{width:12px}.feed-item p{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:10px 0 12px;font-size:14px;line-height:21px;display:-webkit-box;overflow:hidden}.feed-bottom small{color:var(--color-text-tertiary);font-size:11px}.heat-row{color:var(--color-text-primary);border-radius:12px;grid-template-columns:44px minmax(0,1.1fr) minmax(120px,1fr) 96px;align-items:center;gap:16px;padding:12px 16px;text-decoration:none;display:grid}.heat-row:hover{background:var(--pin-neutral-50)}.heat-slide{background:var(--pin-neutral-100);height:26px;color:var(--color-text-secondary);font-variant-numeric:tabular-nums;border-radius:6px;place-items:center;font-size:12px;font-weight:600;display:grid}.heat-title{min-width:0}.heat-title b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;display:block;overflow:hidden}.heat-title small{color:var(--color-text-tertiary);margin-top:2px;font-size:11px;display:block}.heat-track{background:var(--pin-neutral-100);border-radius:999px;height:10px;overflow:hidden}.heat-fill{background:var(--viz-heat-low);border-radius:999px;height:100%;display:block}.heat-fill.mid{background:var(--viz-heat-mid)}.heat-fill.high{background:var(--viz-heat-high)}.heat-fill.critical{background:var(--viz-heat-critical)}.heat-count{text-align:right;font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.heat-count em{color:var(--color-warning);margin-top:2px;font-size:11px;font-style:normal;font-weight:500;display:block}.heat-legend{color:var(--color-text-tertiary);align-items:center;gap:6px;font-size:11px;display:flex}.heat-legend .heat-fill{width:14px;height:8px;margin-left:6px}.cat-list{gap:14px}.cat-head{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.cat-head b{font-variant-numeric:tabular-nums;font-size:14px}.cat-track{background:var(--pin-neutral-100);border-radius:999px;height:10px;display:block;overflow:hidden}.cat-fill{background:var(--viz-cat-facility);border-radius:999px;height:100%;display:block}.cat-fill.why{background:var(--viz-cat-convenience)}.cat-fill.example{background:var(--viz-cat-clean)}.cat-fill.error{background:var(--viz-cat-safety)}.cat-fill.important{background:var(--viz-cat-mobility)}.improve-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.improve-card{border:1px solid var(--color-border);border-radius:12px;padding:20px}.improve-slide{color:var(--color-brand);font-size:11px;font-weight:600}.improve-card b{margin:8px 0 6px;font-size:16px;line-height:24px;display:block}.improve-card p{color:var(--color-text-secondary);margin:0 0 12px;font-size:13px;line-height:20px}.material-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.material-card{background:var(--color-bg-surface);border:1px solid var(--color-border);text-align:left;color:var(--color-text-primary);border-radius:16px;padding:0;display:block;overflow:hidden}.material-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-xs)}.material-thumb{border-bottom:1px solid var(--color-border);background:var(--pin-neutral-100);display:block;position:relative}.material-thumb .slide-canvas{box-shadow:none;border-radius:0}.material-thumb .live-badge{box-shadow:var(--shadow-xs);font-style:normal;position:absolute;top:12px;left:12px}.material-body{padding:16px 20px 20px;display:block}.material-body b{white-space:nowrap;text-overflow:ellipsis;font-size:16px;line-height:24px;display:block;overflow:hidden}.material-body>small{color:var(--color-text-tertiary);align-items:center;gap:5px;margin-top:5px;font-size:12px;display:flex}.material-body>small svg{flex:none;width:13px}.material-stats{border-top:1px solid var(--color-border);gap:20px;margin-top:16px;padding-top:14px;display:flex}.material-stats span{color:var(--color-text-tertiary);font-size:11px}.material-stats b{color:var(--color-text-primary);font-variant-numeric:tabular-nums;font-size:16px;display:block}.material-stats .alert b{color:var(--color-warning)}.live-badge.draft{background:var(--pin-neutral-100);color:var(--color-text-secondary)}.live-badge.draft i{background:var(--pin-neutral-400)}.scope-tabs{scrollbar-width:none;overscroll-behavior-x:contain;max-width:520px;overflow-x:auto}.scope-tabs::-webkit-scrollbar{display:none}.scope-tabs button{white-space:nowrap}.question-table.flat{border-radius:12px}.question-table.flat .table-row{text-decoration:none}.admin-page .question-table{margin-top:0}@media (max-width:1100px){.app-shell{grid-template-columns:72px 1fr}.sidebar{width:72px;padding:0 8px}.sidebar-logo{justify-content:center;padding:0}.sidebar-logo .pin-logo>span:last-child,.nav-item{font-size:0}.nav-item{justify-content:center;padding:0}.sidebar-bottom>span:not(.avatar),.sidebar-bottom>svg{display:none}.sidebar-bottom{justify-content:center;padding:16px 0;display:flex}.player-workspace{grid-template-columns:minmax(0,1fr) 320px}.topbar,.workspace-tabs{padding:0 20px}.questions-page{padding:28px 24px}.admin-page{gap:24px;padding:28px 24px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:820px),(max-width:1100px) and (max-height:560px) and (orientation:landscape){.app-shell{display:block}.admin-main{padding-bottom:calc(58px + env(safe-area-inset-bottom));grid-column:auto}.sidebar{width:auto;height:auto;padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);border-right:0;border-top:1px solid var(--color-border);z-index:40;flex-direction:row;inset:auto 0 0}.sidebar-logo,.sidebar-bottom{display:none}.sidebar nav{flex:1;grid-template-columns:repeat(4,1fr);gap:0;padding:0}.nav-item{letter-spacing:-.02em;border-radius:0;flex-direction:column;justify-content:center;gap:3px;height:58px;padding:0;font-size:10px;font-weight:600}.nav-item svg{width:21px}.nav-item:hover,.nav-item.active{background:0 0}.nav-item.active{color:var(--pin-blue-700)}.topbar{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right));gap:10px}.topbar .icon-btn{width:44px;height:44px}.session-identity,.session-identity>span{min-width:0}.session-identity b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.top-actions{flex:none;gap:8px}.top-actions .btn{flex:none;width:44px;height:44px;padding:0;font-size:0}.workspace-tabs{z-index:14;padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));position:sticky;top:64px}.player-workspace{height:auto;display:block}.player-stage{height:auto;padding:12px max(14px,env(safe-area-inset-left)) 10px max(14px,env(safe-area-inset-right))}.stage-canvas-wrap{padding:12px 0}.stage-canvas-wrap .slide-canvas{max-width:min(100%,124.444dvh);max-height:none}.player-controls{gap:28px;height:52px}.player-controls .icon-btn{width:44px;height:44px}.slide-dots{display:none}.live-questions{border-left:0;border-top:1px solid var(--color-border);min-height:0}.question-stack{overflow:visible}.no-questions{height:auto;padding:44px 0}.searchbox{height:44px}.searchbox input{font-size:16px}.filter-tabs{height:46px}.filter-tabs button{padding:0 14px;font-size:14px}.scope-tabs button{text-overflow:ellipsis;flex:none;max-width:180px;overflow:hidden}.questions-page{padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right))}.questions-header{flex-direction:column;align-items:stretch;gap:14px}.kpi-inline{gap:20px}.kpi-inline b{font-size:20px;line-height:26px}.admin-page{padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right))}.table-head{display:none}.table-row{flex-wrap:wrap;align-items:center;gap:8px;min-height:0;padding:14px 16px;display:flex}.table-row>span:last-child{display:none}.table-row .slide-cell{order:1;align-items:center;gap:6px;font-size:0;display:flex}.table-row .slide-cell b{background:var(--pin-neutral-100);height:22px;color:var(--color-text-secondary);font-variant-numeric:tabular-nums;border-radius:6px;justify-content:center;align-items:center;padding:0 8px;font-size:12px;display:inline-flex}.table-row .slide-cell b:after{content:"p"}.table-row .slide-cell small{font-size:11px}.questions-page .slide-cell small{display:none}.table-row>span:nth-child(3){order:2}.table-row>span:nth-child(4){order:3}.table-row>span:nth-child(5){order:4;margin-left:auto}.table-row .question-text{white-space:normal;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;flex:1 0 100%;order:5;line-height:21px;display:-webkit-box}.modal-close{width:40px;height:40px}}@media (max-width:600px){.hero{padding-top:40px}.hero h1{font-size:34px}.hero>p{font-size:15px}.upload-card{padding:30px 20px}.topbar{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.topbar .session-identity small{display:none}.topbar .live-badge{justify-content:center;width:24px;padding:0;font-size:0}.workspace-tabs{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right));gap:18px}.player-stage{padding:10px max(12px,env(safe-area-inset-left)) 8px max(12px,env(safe-area-inset-right))}.stage-canvas-wrap{padding:10px 0}.filmstrip{scrollbar-width:none;align-items:flex-start;gap:6px;height:56px}.filmstrip::-webkit-scrollbar{display:none}.filmstrip>button{flex:0 0 86px;width:86px}.questions-page{padding:20px max(14px,env(safe-area-inset-left)) 32px max(14px,env(safe-area-inset-right))}.admin-page{padding:20px max(14px,env(safe-area-inset-left)) 32px max(14px,env(safe-area-inset-right));gap:22px}.panel{padding:18px 16px}.panel-head{gap:10px}.panel-head>div{min-width:0}.panel-link{white-space:nowrap;flex:none}.heat-legend{display:none}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:10px}.kpi-card{padding:14px 16px}.kpi-label{font-size:12px}.kpi-value{margin:6px 0 3px;font-size:26px;line-height:34px}.kpi-card small{font-size:11px}.page-head{flex-direction:column;align-items:stretch;gap:14px}.page-head h1{font-size:24px}.session-row{flex-wrap:wrap;align-items:center;gap:8px 10px;padding:14px;display:flex}.session-row-main{flex:100%;min-width:0}.session-row-stat{text-align:left;align-items:baseline;gap:4px;display:flex}.session-row-stat b{font-size:13px;display:inline}.session-row>svg{display:none}.heat-row{grid-template-columns:38px minmax(0,1fr) 68px;gap:10px;padding:10px 8px}.heat-track{display:none}.heat-title b{white-space:normal;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.heat-list li+li{border-top:1px solid var(--color-border);padding-top:8px}.feed-item,.improve-card{padding:14px}.improve-list{grid-template-columns:minmax(0,1fr);gap:12px}.material-grid{grid-template-columns:minmax(0,1fr)}.questions-header h1{font-size:24px}.filterbar{flex-wrap:wrap;gap:10px}.searchbox{width:100%}.filterbar .filter-tabs{flex:1;min-width:0}.filter-tabs{scrollbar-width:none;overscroll-behavior-x:contain;overflow-x:auto}.filter-tabs::-webkit-scrollbar{display:none}.filterbar>.btn{display:none}.modal-backdrop{align-items:end;padding:0}.share-modal{width:100%;max-height:calc(100dvh - 24px);padding:26px 20px max(24px,env(safe-area-inset-bottom));border-radius:24px 24px 0 0;overflow-y:auto}.qr-frame{width:196px;height:196px}.student-slide-shell .student-header{padding:0 16px}.student-stage{padding:58px 0 88px}.student-stage .student-canvas{width:100vw}.student-stage .slide-canvas{border-left:0;border-right:0;border-radius:0}.student-slide-nav .icon-btn{width:40px;height:40px;top:auto;bottom:18px}.student-slide-nav .icon-btn:first-child{left:16px}.student-slide-nav .icon-btn:last-child{right:16px}.student-slide-nav>span{bottom:22px}.student-stage-hint{text-overflow:ellipsis;max-width:calc(100vw - 32px);top:16px;overflow:hidden}.student-sync-button{top:58px;right:14px}.student-modal-backdrop{align-items:end;padding:0}.student-question-modal{width:100%;max-height:calc(100dvh - 20px);padding:26px 20px max(24px,env(safe-area-inset-bottom));border-radius:24px 24px 0 0;overflow-y:auto}.student-modal-heading{margin-bottom:18px}.student-modal-heading h2{font-size:18px;line-height:25px}.student-question-modal .category-scroll{margin-right:-20px;padding-right:20px}.student-question-modal .textarea-wrap textarea{height:122px}}@media (max-width:1100px) and (max-height:560px) and (orientation:landscape){.admin-main{padding-bottom:calc(48px + env(safe-area-inset-bottom))}.nav-item{flex-direction:row;gap:8px;height:48px;font-size:12px}.nav-item svg{width:18px}.filmstrip{display:none}.stage-canvas-wrap .slide-canvas{max-width:min(100%,97.7778dvh)}.workspace-tabs{position:static}}@media (max-height:600px) and (orientation:landscape){.student-stage{padding:30px 12vw 56px}.student-stage .student-canvas{width:72vw}.student-stage-hint{top:8px}.student-slide-nav>span{bottom:10px}.student-slide-nav .icon-btn{top:50%;bottom:auto}.student-question-modal{max-height:calc(100dvh - 16px);padding:22px;overflow-y:auto}.student-modal-heading{margin-bottom:14px}.student-question-modal .textarea-wrap textarea{height:88px}}.upload-progress{text-align:left;width:100%;max-width:380px;margin:6px auto 0}.upload-progress-head{color:var(--color-text-secondary);justify-content:space-between;align-items:center;margin-bottom:9px;font-size:13px;font-weight:600;display:flex}.upload-progress-track{background:var(--pin-neutral-100);border-radius:999px;height:8px;position:relative;overflow:hidden}.upload-progress-bar{background:var(--color-brand);border-radius:999px;height:100%;transition:width .2s}.upload-progress-track.indeterminate .upload-progress-bar{width:40%;animation:1.15s ease-in-out infinite upload-flow;position:absolute;left:-40%}@keyframes upload-flow{0%{left:-40%}to{left:100%}}.slide-preview{text-align:left;width:100%;max-width:460px;margin:18px auto 0}.slide-preview-head{color:var(--color-text-tertiary);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;font-weight:600;display:flex}.slide-preview-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}.slide-preview-grid img,.slide-preview-ph{aspect-ratio:16/9;border:1px solid var(--color-border);background:var(--pin-neutral-100);border-radius:6px;width:100%}.slide-preview-grid img{object-fit:cover;box-shadow:var(--shadow-xs);animation:.25s slide-pop}.slide-preview-ph{animation:1.3s ease-in-out infinite slide-shimmer}@keyframes slide-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes slide-shimmer{0%,to{opacity:.45}50%{opacity:.8}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}