:root{--canvas:#fff;--surface:#fff;--surface-2:#f2f4f6;--border:#e5e8eb;--border-input:#d6dbe1;--ink:#191f28;--sub:#4e5968;--mute:#8b95a1;--accent:#1b64da;--accent-hover:#1755b9;--accent-bright:#3182f6;--accent-weak:#e8f3ff;--danger:#a81a25;--danger-line:#e42939;--danger-weak:#fdecea;--rad-8:8px;--rad-10:10px;--rad-14:14px;--rad-16:16px;--rad-20:20px;--fs-h1:32px;--fs-h2:20px;--fs-body:16px;--fs-body-sm:15px;--fs-label:14px;--fs-sub:14px;--fs-micro:12px}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--canvas);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Pretendard,Roboto,Apple SD Gothic Neo,Malgun Gothic,sans-serif;font-size:var(--fs-body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}button{font:inherit}.btn{border-radius:var(--rad-10);cursor:pointer;border:1.5px solid var(--border-input);background:var(--surface);min-height:48px;color:var(--ink);justify-content:center;align-items:center;gap:6px;padding:8px 24px;font-size:15px;font-weight:600;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.btn:hover{background:var(--surface-2);border-color:var(--mute)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn.primary:disabled{background:var(--surface-2);color:var(--mute);border-color:var(--border);cursor:not-allowed}.btn.sm{border-radius:var(--rad-8);min-height:36px;padding:6px 14px;font-size:13px}.app-shell{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--border);background:var(--canvas);flex:none;align-items:center;gap:8px;padding:14px 24px;display:flex}.topbar .sp{flex:1}.topbar .fname{font-size:var(--fs-sub);color:var(--sub);text-overflow:ellipsis;white-space:nowrap;max-width:320px;overflow:hidden}.help-menu{position:relative}.help-trigger{color:var(--sub);border:1.5px solid var(--border-input);cursor:pointer;background:0 0;border-radius:99px;padding:6px 14px;font-size:13px;font-weight:600;transition:border-color .12s,color .12s}.help-trigger:hover{border-color:var(--accent);color:var(--accent)}.help-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.help-trigger[aria-expanded=true]{border-color:var(--accent);color:var(--accent);background:var(--accent-weak)}.help-bubble{z-index:45;background:var(--surface);border:1.5px solid var(--accent);border-radius:var(--rad-14);width:280px;font-size:var(--fs-sub);color:var(--sub);padding:16px;line-height:1.6;position:absolute;top:calc(100% + 8px);left:0}.help-h{color:var(--ink);margin:0 0 8px;font-size:13px;font-weight:800}.help-steps{margin:0;padding-left:18px}.help-steps li{margin:0 0 4px}.help-steps li:last-child{margin-bottom:0}.help-divider{background:var(--border);height:1px;margin:14px 0}.help-role{margin:0 0 2px;font-size:13px}.help-contact{color:var(--ink);margin:0;font-weight:600}.help-contact a{color:var(--accent);font-weight:700}.landing{flex:1;justify-content:center;align-items:center;padding:24px 24px 14vh;display:flex}.landing-inner{text-align:center;width:100%;max-width:520px}.landing-inner h1{font-size:var(--fs-h1);letter-spacing:-.02em;margin:0 0 8px;font-weight:700}.landing-inner p.lead{font-size:var(--fs-body);color:var(--sub);margin:0 0 32px;line-height:1.6}.drop{border:1.5px dashed var(--border-input);border-radius:var(--rad-16);text-align:center;background:var(--surface-2);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:180px;padding:40px 24px;transition:border-color .12s,background .12s;display:flex}.drop:hover,.drop.drag{border-color:var(--accent);background:var(--accent-weak)}.drop:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.drop .big{font-size:17px;font-weight:700}.drop .sm{font-size:var(--fs-sub);color:var(--sub)}.drop input{display:none}.landing .err{color:var(--danger);font-size:var(--fs-sub);margin-top:16px;font-weight:600}.landing .loading{color:var(--sub);font-size:var(--fs-sub);margin-top:16px}.workspace{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;min-height:0;padding:24px;display:flex;overflow:hidden}.frame{border:1px solid var(--border);border-radius:var(--rad-16);background:var(--surface);flex:auto;width:100%;max-width:1200px;min-height:280px;max-height:640px;display:flex;overflow:hidden}.frame-divider{background:var(--border);flex:none;width:1px}.stage-wrap{flex:7 7 0;min-width:0;min-height:0;display:flex;overflow:hidden}.stage-inner{flex-direction:column;flex:1;align-items:center;gap:10px;min-width:0;min-height:0;padding:20px;display:flex;overflow:hidden}.stage-nav{font-size:var(--fs-sub);color:var(--sub);flex:none;align-items:center;gap:6px;display:flex}.stage-jump{text-align:center;border:1.5px solid var(--border-input);border-radius:var(--rad-8);width:44px;font:inherit;font-size:var(--fs-sub);color:var(--ink);font-variant-numeric:tabular-nums;padding:4px 2px}.stage-jump::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stage-jump::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stage-jump:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.slide-viewport{flex:1;width:100%;min-height:0;position:relative;overflow:hidden}.nav-arrow{z-index:5;border:1px solid var(--border);width:36px;height:36px;color:var(--ink);cursor:pointer;background:#ffffffeb;border-radius:50%;justify-content:center;align-items:center;font-size:20px;line-height:1;transition:background .12s,border-color .12s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 1px 4px #0f172a1a}.nav-arrow:hover{background:var(--surface-2);border-color:var(--border-input)}.nav-arrow:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.nav-arrow:disabled{opacity:.3;cursor:not-allowed}.nav-arrow.prev{left:4px}.nav-arrow.next{right:4px}.slide-frame{border:1px solid var(--border);border-radius:var(--rad-8);visibility:hidden;background:#fff;position:absolute;overflow:hidden;box-shadow:0 1px 2px #0f172a0f}.slide-frame.measured{visibility:visible}.slide-frame.enter-next{animation:.18s both slide-enter-next}.slide-frame.enter-prev{animation:.18s both slide-enter-prev}@keyframes slide-enter-next{0%{opacity:.4;transform:translate(14px)}to{opacity:1;transform:translate(0)}}@keyframes slide-enter-prev{0%{opacity:.4;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.slide-frame.enter-next,.slide-frame.enter-prev{animation:none}}.slide-stage{transform-origin:0 0;position:absolute;top:0;left:0}.slide-mount{position:absolute;inset:0}.slide-mount,.slide-mount *{pointer-events:none}.overlay-item{cursor:pointer;background:#1b64da0a;border:1.5px dashed #1b64da8c;border-radius:4px;padding:0;transition:border-color .1s,background .1s;position:absolute}.overlay-item:hover{border-color:var(--accent);background:#1b64da1a}.overlay-item:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.overlay-item.selected{border:2px solid var(--accent);background:#1b64da24;border-style:solid}.overlay-badge{background:var(--accent);color:#fff;font-variant-numeric:tabular-nums;border-radius:99px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:12px;font-weight:800;display:flex;position:absolute;top:-9px;left:-9px;box-shadow:0 0 0 2px #fff}.doc-panel{flex-direction:column;flex:3 3 0;min-width:0;min-height:0;display:flex}.filmstrip{flex:none;gap:8px;width:100%;max-width:1200px;padding:4px 2px;display:flex;overflow-x:auto}.film-thumb{border:1.5px solid var(--border);border-radius:var(--rad-8);background:var(--surface);cursor:pointer;flex-direction:column;flex:none;align-items:center;gap:2px;padding:4px;display:flex}.film-thumb:hover{border-color:var(--border-input)}.film-thumb.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.film-canvas{pointer-events:none;border-radius:4px;overflow:hidden}.film-num{color:var(--sub);font-size:11px;font-weight:600}@media (width<=760px){.frame{flex-direction:column;height:auto;max-height:80vh;overflow-y:auto}.frame-divider{width:auto;height:1px}.stage-wrap{flex:none;height:min(52vh,420px)}.doc-panel{flex:auto;min-height:260px}}.doc-panel-head{border-bottom:1px solid var(--border);flex:none;align-items:baseline;gap:8px;padding:16px 20px 12px;display:flex}.doc-panel-head h2{font-size:var(--fs-h2);margin:0;font-weight:700}.doc-panel-head .count{font-size:var(--fs-sub);color:var(--sub);font-variant-numeric:tabular-nums}.doc-list{flex-direction:column;flex:1;gap:20px;padding:12px 20px;scroll-padding:12px;display:flex;overflow-y:auto}.doc-empty{color:var(--mute);font-size:var(--fs-sub);text-align:center;padding:32px 8px;line-height:1.6}.doc-block{border:1px solid var(--border);border-radius:var(--rad-10);font-size:var(--fs-body-sm);white-space:pre-line;padding:10px 32px 12px 14px;line-height:1.5;position:relative}.doc-block-head{align-items:center;gap:6px;margin-bottom:6px;display:flex}.doc-block .doc-tag{background:var(--accent-weak);min-width:18px;height:18px;color:var(--accent);font-variant-numeric:tabular-nums;border-radius:99px;justify-content:center;align-items:center;padding:0 4px;font-size:11px;font-weight:800;display:inline-flex}.doc-block .doc-slide{color:var(--mute);font-variant-numeric:tabular-nums;font-size:11px;font-weight:600}.doc-block .doc-remove{width:20px;height:20px;color:var(--mute);cursor:pointer;background:0 0;border:none;border-radius:50%;font-size:14px;line-height:1;position:absolute;top:8px;right:8px}.doc-block .doc-remove:hover{background:var(--danger-weak);color:var(--danger)}.doc-panel-foot{border-top:1px solid var(--border);flex:none;padding:16px 20px}.doc-panel-foot .btn{width:100%}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}