:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--font-sans:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, "D2Coding", monospace;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--s-16:64px;--fs-12:12px;--lh-12:16px;--fs-13:13px;--lh-13:20px;--fs-14:14px;--lh-14:22px;--fs-15:15px;--lh-15:24px;--fs-17:17px;--lh-17:24px;--fs-20:20px;--lh-20:28px;--fs-28:28px;--lh-28:36px;--fw-regular:400;--fw-medium:500;--fw-strong:600;--r-4:4px;--r-6:6px;--r-8:8px;--r-12:12px;--r-16:16px;--bar-h:56px;--chat-w:400px;--chat-w-tablet:360px;--preview-min:560px;--strip-h:64px;--control-h:36px;--control-h-lg:44px;--ease:cubic-bezier(.22, 1, .36, 1);--d-fast:.14s;--d-menu:.2s;--d-enter:.32s;--bg:#f1f1ef;--surface:#f8f8f7;--card:#fff;--raised:#ebebe8;--hover:#1a1a190d;--press:#1a1a1914;--line:#1a1a1917;--line-strong:#1a1a192e;--scrim:#11111052;--text:#1a1a19;--text-2:#4c4c49;--text-3:#686864;--text-disabled:#9a9a95;--accent:#2c56b8;--accent-text:#2c56b8;--on-accent:#fff;--accent-soft:#2c56b81a;--focus:#2c56b8;--primary-bg:var(--accent);--primary-fg:var(--on-accent);--primary-hover:#244a9f;--inverse-bg:#1f1f1e;--inverse-fg:#f3f3f1;--st-plan:#2c56b8;--st-plan-soft:#2c56b81a;--st-render:#8a4b00;--st-render-soft:#8a4b001a;--st-fail:#b02a18;--st-fail-soft:#b02a1814;--st-fail-hover:#962312;--on-danger:#fff;--st-ok:#15653a;--st-ok-soft:#15653a1a;--track:var(--raised);--shadow-1:0 1px 2px #0000000d;--shadow-pop:0 8px 24px #00000014, 0 1px 2px #0000000f;--shadow-sheet:0 -8px 24px #00000014;--vid-bg:#0f172a;--vid-fg:#f8fafc;--vid-accent:#38bdf8;--vid-muted:#94a3b8;--stage-frame:#0b0b0c;--playhead:var(--accent)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#111112;--surface:#161617;--card:#1c1c1e;--raised:#252527;--hover:#ececea0d;--press:#ececea14;--line:#ececea17;--line-strong:#ececea2e;--scrim:#0000008f;--text:#ececea;--text-2:#b0b0ab;--text-3:#8f8f8a;--text-disabled:#5f5f5b;--accent:#8eabf0;--accent-text:#9db6f2;--on-accent:#10131a;--accent-soft:#8eabf024;--focus:#8eabf0;--primary-bg:#ececea;--primary-fg:#161617;--primary-hover:#fff;--inverse-bg:#ececea;--inverse-fg:#161617;--st-plan:#8eabf0;--st-plan-soft:#8eabf024;--st-render:#e2a24c;--st-render-soft:#e2a24c24;--st-fail:#f07a66;--st-fail-soft:#f07a661f;--st-fail-hover:#f39282;--on-danger:#1f0d0a;--st-ok:#5cc58b;--st-ok-soft:#5cc58b1f;--shadow-1:none;--shadow-pop:0 8px 24px #0000007a;--shadow-sheet:0 -8px 24px #0000007a;--stage-frame:#000}}*,:before,:after{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-14);line-height:var(--lh-14);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;word-break:keep-all;overflow-wrap:anywhere;margin:0}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--accent-text)}.ver-btn,.ver-chip,.example,.pcard,.tb-mtitle,.menu a,.btn,.icon-btn,.brand,.tb-home{text-decoration:none}h1,h2,h3,p{margin:0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:where(a,button,input,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--r-6)}.icon{flex:none;width:16px;height:16px;display:block}.num{font-variant-numeric:tabular-nums}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.btn{justify-content:center;align-items:center;gap:var(--s-2);height:var(--control-h);padding:0 var(--s-4);border-radius:var(--r-8);font-size:var(--fs-14);font-weight:var(--fw-medium);white-space:nowrap;transition:background-color var(--d-fast) var(--ease), border-color var(--d-fast) var(--ease), color var(--d-fast) var(--ease), transform var(--d-fast) var(--ease);border:1px solid #0000;text-decoration:none;display:inline-flex;position:relative}.btn:active:not(:disabled){transform:scale(.98)}.btn-lg{height:var(--control-h-lg);padding:0 var(--s-5);font-size:var(--fs-15)}.btn-sm{height:28px;padding:0 var(--s-3);font-size:var(--fs-13);border-radius:var(--r-6);gap:6px}.btn-sm .icon{width:14px;height:14px}.btn-block{width:100%}.btn-primary{background:var(--primary-bg);color:var(--primary-fg)}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:var(--card);color:var(--text);border-color:var(--line-strong)}.btn-secondary:hover{background:var(--raised)}.btn-ghost{color:var(--text-2);background:0 0}.btn-ghost:hover{background:var(--hover);color:var(--text)}.btn-danger-solid{background:var(--st-fail);color:var(--on-danger)}.btn-danger-solid:hover{background:var(--st-fail-hover)}.btn:disabled,.btn[aria-disabled=true]{background:var(--raised);color:var(--text-disabled);cursor:not-allowed;border-color:#0000}.icon-btn{width:var(--control-h);height:var(--control-h);border-radius:var(--r-8);color:var(--text-2);transition:background-color var(--d-fast) var(--ease), color var(--d-fast) var(--ease);background:0 0;border:0;flex:none;place-items:center;display:inline-grid;position:relative}.icon-btn:hover{background:var(--hover);color:var(--text)}.icon-btn:disabled{color:var(--text-disabled);cursor:not-allowed;background:0 0}.icon-btn-send{background:var(--primary-bg);width:32px;height:32px;color:var(--primary-fg)}.icon-btn-send:hover{background:var(--primary-hover);color:var(--primary-fg)}.icon-btn-send:disabled{background:var(--raised);color:var(--text-disabled)}.has-tip{display:inline-flex;position:relative}.tip{z-index:25;padding:var(--s-1) var(--s-2);border-radius:var(--r-6);background:var(--inverse-bg);color:var(--inverse-fg);font-size:var(--fs-12);line-height:var(--lh-12);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--d-fast) var(--ease);position:absolute;top:calc(100% + 6px);right:0}.has-tip:hover .tip,.has-tip:focus-within .tip,.tip[data-show]{opacity:1}.dot{background:var(--text-3);border-radius:50%;flex:none;width:8px;height:8px}.dot[data-status=planning]{background:var(--st-plan)}.dot[data-status=rendering]{background:var(--st-render)}.dot[data-status=ready]{background:var(--st-ok)}.dot[data-status=plan_failed],.dot[data-status=render_failed]{background:var(--st-fail)}.badge{height:22px;padding:0 var(--s-2);border-radius:var(--r-6);font-size:var(--fs-12);line-height:var(--lh-12);font-weight:var(--fw-medium);background:var(--raised);color:var(--text-2);white-space:nowrap;flex:none;align-items:center;gap:6px;display:inline-flex}.badge .dot{width:6px;height:6px}.badge .icon{width:12px;height:12px}.badge[data-status=planning]{background:var(--st-plan-soft);color:var(--st-plan)}.badge[data-status=rendering],.badge[data-status=uploading]{background:var(--st-render-soft);color:var(--st-render)}.badge[data-status=ready],.badge[data-status=uploaded]{background:var(--st-ok-soft);color:var(--st-ok)}.badge[data-status=plan_failed],.badge[data-status=render_failed],.badge[data-status=upload_failed]{background:var(--st-fail-soft);color:var(--st-fail)}.ph-mini{background:currentColor;border-radius:1px;width:2px;height:10px;animation:1s step-end infinite ph-blink;display:inline-block}@keyframes ph-blink{50%{opacity:.25}}.brand{align-items:center;gap:var(--s-2);color:var(--text);font-size:var(--fs-15);font-weight:var(--fw-strong);white-space:nowrap;text-decoration:none;display:inline-flex}.brand-mark{flex:none;width:20px;height:20px}.avatar{background:var(--raised);border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:inline-grid;overflow:hidden}.avatar img{width:100%;height:100%;display:block}.avatar-btn{background:0 0;border:0;border-radius:50%;padding:0;display:inline-grid;position:relative}.topbar{align-items:center;gap:var(--s-2);height:var(--bar-h);padding:0 var(--s-3) 0 var(--s-4);background:var(--surface);border-bottom:1px solid var(--line);min-width:0;display:flex}.tb-home{border-radius:var(--r-8);flex:none;place-items:center;width:32px;height:32px;display:inline-grid}.tb-home:hover{background:var(--hover)}.tb-sep{background:var(--line-strong);width:1px;height:20px;margin:0 var(--s-1);flex:none}.tb-title{align-items:center;gap:var(--s-2);flex:1;min-width:0;display:flex}.tb-title h1{font-size:var(--fs-15);line-height:var(--lh-15);font-weight:var(--fw-medium);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tb-title h1 button{all:unset;cursor:text;border-radius:var(--r-6);padding:2px var(--s-1);margin-left:calc(var(--s-1) * -1)}.tb-title h1 button:hover{background:var(--hover)}.tb-title h1 button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.ver-btn{align-items:center;gap:var(--s-1);height:28px;padding:0 var(--s-2);border:1px solid var(--line-strong);border-radius:var(--r-6);background:var(--card);font-family:var(--font-mono);font-size:var(--fs-12);color:var(--text-2);flex:none;display:inline-flex}.ver-btn .icon{width:14px;height:14px;color:var(--text-3)}.ver-btn:hover{background:var(--raised)}.tb-actions{align-items:center;gap:var(--s-2);flex:none;display:flex}.tb-m{display:none}.studio{grid-template-columns:minmax(var(--preview-min), 1fr) var(--chat-w);grid-template-rows:var(--bar-h) minmax(0, 1fr);height:100dvh;display:grid}.studio>.topbar{grid-column:1/-1}.preview-pane{min-width:0;min-height:0;padding:var(--s-6);flex-direction:column;display:flex;overflow-y:auto}.stage-col{width:min(100%, calc((100dvh - 360px - var(--extra,0px)) * 16 / 9));gap:var(--s-3);flex-direction:column;min-width:min(100%,320px);margin:auto;display:flex}.ver-banner{align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-2) var(--s-2) var(--s-3);border-radius:var(--r-8);background:var(--accent-soft);color:var(--text);font-size:var(--fs-13);line-height:var(--lh-13);flex-wrap:wrap;display:flex}.ver-banner .icon{color:var(--accent-text)}.ver-banner .txt{align-items:center;gap:var(--s-2);flex:200px;min-width:0;display:flex}.ver-banner b{font-weight:var(--fw-medium)}.ver-banner .acts{gap:var(--s-2);flex-wrap:wrap;display:flex}.player{border-radius:var(--r-8);background:var(--stage-frame);position:relative;overflow:hidden}.stage{aspect-ratio:16/9;background:var(--vid-bg);width:100%;color:var(--vid-fg);font-family:var(--font-sans);position:relative;overflow:hidden;container-type:inline-size}.sc{display:flex;position:absolute;inset:0}.sc-title{text-align:center;justify-content:center;align-items:center;padding:0 8.33cqw}.sc-title div{text-wrap:balance;font-size:5cqw;font-weight:800;line-height:1.25}.sc-title.short div{font-size:6.25cqw}.sc-bullet{flex-direction:column;justify-content:center;padding-left:12.5cqw}.sc-bullet div{margin:1.25cqw 0;font-size:3.75cqw}.sc-bullet div:before{content:"● ";color:var(--vid-accent)}.sc-bullet div.dim{opacity:.25}.sc-quote{flex-direction:column;justify-content:center;gap:2.08cqw;padding:0 12.5cqw}.sc-quote .q{color:var(--vid-accent);height:5cqw;font-size:10.4cqw;line-height:.6}.sc-quote .t{font-size:3.96cqw;line-height:1.35}.sc-quote .by{color:var(--vid-muted);font-size:2.29cqw}.sc-chart{flex-direction:column;gap:2.5cqw;padding:6.25cqw 10.4cqw}.sc-chart .h{font-size:3.33cqw;font-weight:700}.sc-chart .bars{border-bottom:.21cqw solid var(--vid-muted);flex:1;align-items:flex-end;gap:2.08cqw;display:flex}.sc-chart .bar{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:.83cqw;height:100%;display:flex}.sc-chart .bar span{font-size:2.08cqw}.sc-chart .bar i{background:var(--vid-accent);border-radius:.42cqw .42cqw 0 0;width:100%;display:block}.sc-chart .labels{gap:2.08cqw;display:flex}.sc-chart .labels span{text-align:center;color:var(--vid-muted);flex:1;font-size:1.88cqw}.stage-empty{place-content:center;justify-items:center;gap:var(--s-3);padding:var(--s-6);text-align:center;color:var(--vid-muted);display:grid}.stage-empty .icon{width:24px;height:24px}.stage-empty b{color:var(--vid-fg);font-weight:var(--fw-medium);font-size:var(--fs-15);line-height:var(--lh-15)}.stage-empty span{font-size:var(--fs-13);line-height:var(--lh-13)}.stage-guide{border-radius:var(--r-4);pointer-events:none;border:1px dashed #94a3b859;position:absolute;inset:6.25cqw}.controls{align-items:center;gap:var(--s-2);min-width:0;display:flex}.play-btn{border-radius:var(--r-8);background:var(--card);border:1px solid var(--line-strong);width:32px;height:32px;color:var(--text)}.play-btn .icon{width:14px;height:14px}.tc{font-family:var(--font-mono);font-size:var(--fs-12);line-height:var(--lh-12);color:var(--text-2);white-space:nowrap;font-variant-numeric:tabular-nums}.tc .tot{color:var(--text-3)}.controls .grow{flex:1;min-width:0}.changed-note{font-size:var(--fs-12);line-height:var(--lh-12);color:var(--text-3);white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.changed-note i{background:var(--accent);border-radius:1px;width:10px;height:2px}.src-chip{height:24px;padding:0 var(--s-2);border-radius:var(--r-6);border:1px solid var(--line-strong);font-size:var(--fs-12);line-height:var(--lh-12);color:var(--text-2);background:var(--card);white-space:nowrap;flex:none;align-items:center;gap:6px;display:inline-flex}.src-chip b{font-weight:var(--fw-medium);color:var(--text)}.src-chip .icon{width:12px;height:12px;color:var(--text-3)}.src-chip[data-src=mp4] .icon{color:var(--st-ok)}.timeline{gap:var(--s-1);display:grid;position:relative}.scrub{cursor:pointer;align-items:center;height:16px;display:flex;position:relative}.scrub-track{background:var(--track);border-radius:2px;width:100%;height:4px;position:relative;overflow:hidden}.scrub-track b{background:var(--text-3);position:absolute;top:0;bottom:0;left:0}.playhead{background:var(--playhead);pointer-events:none;z-index:2;border-radius:1px;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.playhead:before{content:"";background:var(--playhead);border-radius:2px;width:10px;height:10px;position:absolute;top:2px;left:-4px}.strip{height:var(--strip-h);gap:2px;margin:0;padding:0;list-style:none;display:flex}.scene{min-width:0;display:flex}.scene button{width:100%;min-width:0;padding:var(--s-2);border:1px solid var(--line);border-radius:var(--r-6);background:var(--card);text-align:left;transition:background-color var(--d-fast) var(--ease), border-color var(--d-fast) var(--ease);align-content:start;gap:2px;display:grid;position:relative;overflow:hidden}.scene button:hover{background:var(--raised)}.scene[aria-current=true] button{background:var(--raised);border-color:var(--line-strong)}.scene[data-picked] button{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.scene .top{align-items:center;gap:var(--s-1);min-width:0;font-size:var(--fs-12);line-height:var(--lh-12);color:var(--text-3);display:flex}.scene .top .icon{width:12px;height:12px}.scene .n{font-family:var(--font-mono);color:var(--text-2)}.scene .sec{font-family:var(--font-mono);white-space:nowrap;margin-left:auto}.scene .t{font-size:var(--fs-13);line-height:var(--lh-13);color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.scene[data-changed] button:after{content:"";background:var(--accent);height:2px;position:absolute;top:-1px;left:-1px;right:-1px}.strip[data-empty] .scene button{background:0 0;border-style:dashed}.render-line{gap:var(--s-2) var(--s-3);min-height:48px;padding:var(--s-2) var(--s-2) var(--s-2) var(--s-3);border:1px solid var(--line);border-radius:var(--r-8);background:var(--card);font-size:var(--fs-13);line-height:var(--lh-13);color:var(--text-2);grid-template-columns:16px minmax(0,1fr) auto;align-items:center;display:grid}.render-line>.icon{color:var(--text-3)}.render-line .rl-text{min-width:0}.render-line b{font-weight:var(--fw-medium);color:var(--text)}.render-line .meta{color:var(--text-3);font-variant-numeric:tabular-nums}.render-line .reason{font-family:var(--font-mono);font-size:var(--fs-12);line-height:var(--lh-12);color:var(--text-3);margin-top:2px;display:block}.render-line .acts{gap:var(--s-2);align-items:center;display:flex}.render-line[data-state=ready]>.icon{color:var(--st-ok)}.render-line[data-state=rendering]>.icon{color:var(--st-render)}.render-line[data-state=failed]{background:var(--st-fail-soft);border-color:#0000}.render-line[data-state=failed]>.icon,.render-line[data-state=failed] b{color:var(--st-fail)}.render-line[data-state=missing],.render-line[data-state=canceled],.render-line[data-state=queued]{background:var(--surface)}.progress{background:var(--track);border-radius:2px;grid-column:2/-1;height:4px;margin-top:-2px;overflow:hidden}.progress span{background:var(--st-render);border-radius:2px;height:100%;display:block}.yt-line{width:fit-content;font-size:var(--fs-12);line-height:var(--lh-12);color:var(--text-3);white-space:nowrap;align-items:center;gap:6px;max-width:100%;margin-top:2px;display:flex}.yt-line a{font-family:var(--font-mono);text-overflow:ellipsis;overflow:hidden}.yt-line .icon{width:12px;height:12px}.yt-up{color:var(--st-render);font-weight:var(--fw-medium);text-decoration:none}.yt-up:hover{text-decoration:underline}.render-line .meta.num{white-space:nowrap}.chat{background:var(--surface);border-left:1px solid var(--line);flex-direction:column;min-width:0;min-height:0;display:flex}.thread{min-height:0;padding:var(--s-4);gap:var(--s-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.day{font-size:var(--fs-12);line-height:var(--lh-12);color:var(--text-3);align-self:center}.msg p+p{margin-top:var(--s-2)}.msg-user{background:var(--raised);max-width:86%;color:var(--text);padding:var(--s-2) var(--s-3);border-radius:var(--r-12) var(--r-12) var(--r-4) var(--r-12);align-self:flex-end}.msg-time{margin-top:calc(var(--s-3) * -1);font-size:var(--fs-12);line-height:var(--lh-12);color:var(--text-3);align-self:flex-end}.msg-ai{align-self:stretch}.msg-who{font-size:var(--fs-12);line-height:var(--lh-12);color:var(--text-3);align-items:center;gap:6px;margin-bottom:6px;display:flex}.msg-who .icon{width:14px;height:14px;color:var(--accent-text)}.assume{margin-top:var(--s-2);padding-left:var(--s-3);border-left:2px solid var(--line-strong);color:var(--text-2);font-size:var(--fs-13);line-height:var(--lh-13)}.assume b{font-weight:var(--fw-medium);color:var(--text-3);margin-right:var(--s-1)}.msg-foot{align-items:center;gap:var(--s-2);margin-top:var(--s-2);flex-wrap:wrap;display:flex}.ver-chip{height:28px;padding:0 var(--s-2);border:1px solid var(--line-strong);border-radius:var(--r-6);background:var(--card);font-size:var(--fs-12);line-height:var(--lh-12);color:var(--text-2);white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.ver-chip b{font-family:var(--font-mono);font-weight:var(--fw-medium);color:var(--text)}.ver-chip:hover{background:var(--raised)}.ver-chip[aria-current=true]{border-color:var(--accent)}.changed{font-size:var(--fs-12);line-height:var(--lh-12);color:var(--text-3)}.unchecked{margin-top:var(--s-2);font-size:var(--fs-12);line-height:var(--lh-12);color:var(--text-3);display:block}.plan-card{gap:var(--s-3);padding:var(--s-3);border:1px solid var(--line);border-radius:var(--r-12);background:var(--card);display:grid}.pc-head{align-items:center;gap:var(--s-2);min-width:0;display:flex}.pc-head .pc-now{min-width:0;font-size:var(--fs-13);line-height:var(--lh-13);color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.pc-steps{gap:var(--s-1);font-size:var(--fs-13);line-height:var(--lh-13);margin:0;padding:0;list-style:none;display:grid}.pc-steps li{gap:var(--s-2);color:var(--text-2);grid-template-columns:16px minmax(0,1fr);display:grid}.pc-steps li .icon{width:14px;height:14px;color:var(--text-3);margin-top:3px}.pc-steps li[data-state=fail] .icon{color:var(--st-fail)}.pc-steps li[data-state=now]{color:var(--text)}.pc-steps li[data-state=now] .icon{color:var(--st-plan)}.pc-steps small{font-family:var(--font-mono);font-size:var(--fs-12);line-height:var(--lh-12);color:var(--text-3);margin-top:2px;display:block}.notice{gap:var(--s-2);padding:var(--s-3);border-radius:var(--r-8);font-size:var(--fs-13);line-height:var(--lh-13);background:var(--raised);color:var(--text-2);grid-template-columns:16px minmax(0,1fr);align-items:start;display:grid}.notice>.icon{margin-top:2px}.notice b{color:var(--text);font-weight:var(--fw-medium);display:block}.notice[data-tone=fail]{background:var(--st-fail-soft)}.notice[data-tone=fail]>.icon,.notice[data-tone=fail] b{color:var(--st-fail)}.notice-act{margin-top:var(--s-3);gap:var(--s-2);flex-wrap:wrap;display:flex}.notice-reason{margin-top:var(--s-1);font-family:var(--font-mono);font-size:var(--fs-12);line-height:var(--lh-12);color:var(--text-3);display:block}.notice[data-tone=fail] .notice-reason{color:var(--text-2)}.chat-foot{padding:0 var(--s-4) var(--s-4);gap:var(--s-2);display:grid}.foot-note{font-size:var(--fs-12);line-height:var(--lh-12);color:var(--text-3);align-items:center;gap:6px;display:flex}.foot-note .icon{width:12px;height:12px}.composer{gap:var(--s-1);padding:var(--s-2) var(--s-2) var(--s-2) var(--s-3);background:var(--card);border:1px solid var(--line-strong);border-radius:var(--r-12);transition:border-color var(--d-fast) var(--ease);display:grid}.composer:focus-within,.composer[data-focus=true]{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.composer textarea{resize:none;width:100%;min-height:44px;max-height:160px;padding:var(--s-1) 0 0;font-size:var(--fs-14);line-height:var(--lh-14);background:0 0;border:0;outline:0}.composer textarea::placeholder{color:var(--text-3)}.composer-row{align-items:center;gap:var(--s-2);display:flex}.composer-row .icon-btn-send{margin-left:auto}.composer[data-state=blocked]{background:var(--raised);border-color:var(--line)}.composer[data-state=blocked] textarea::placeholder{color:var(--text-3)}.hint{font-size:var(--fs-12);line-height:var(--lh-12);color:var(--text-3);align-items:center;gap:var(--s-1);white-space:nowrap;display:inline-flex}.hint .icon{width:12px;height:12px}.kbd{min-width:20px;height:20px;padding:0 var(--s-1);border:1px solid var(--line-strong);border-radius:var(--r-4);font-family:var(--font-mono);font-size:var(--fs-12);color:var(--text-2);background:var(--card);border-bottom-width:2px;place-items:center;display:inline-grid}.menu{z-index:30;top:52px;right:var(--s-3);min-width:220px;padding:var(--s-1);background:var(--card);border:1px solid var(--line);border-radius:var(--r-12);box-shadow:var(--shadow-pop);display:none;position:fixed}.menu:target,.menu[data-open]{animation:rise var(--d-menu) var(--ease);display:block}.menu a,.menu button{width:100%;height:36px;padding:0 var(--s-3);border-radius:var(--r-8);color:var(--text);font-size:var(--fs-14);text-align:left;background:0 0;border:0;align-items:center;gap:10px;text-decoration:none;display:flex}.menu a:hover,.menu button:hover{background:var(--hover)}.menu .icon{color:var(--text-3)}.menu hr{border:0;border-top:1px solid var(--line);margin:var(--s-1) 0}.menu .danger,.menu .danger .icon{color:var(--st-fail)}.menu [aria-disabled=true]{color:var(--text-disabled);pointer-events:none}.menu [aria-disabled=true] small{font-size:var(--fs-12);line-height:var(--lh-12);color:var(--text-3);display:block}.menu-head{padding:var(--s-2) var(--s-3) var(--s-1);font-size:var(--fs-12);line-height:var(--lh-12);color:var(--text-3)}.menu-who{align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);display:flex}.menu-who b{font-weight:var(--fw-medium);display:block}.menu-who small{font-size:var(--fs-12);line-height:var(--lh-12);color:var(--text-3);display:block}.menu-yt{padding:var(--s-2) var(--s-3);font-size:var(--fs-13);line-height:var(--lh-13);color:var(--text-2)}.menu-yt span{font-family:var(--font-mono);font-size:var(--fs-12);color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.menu-m{display:none}.ver-pop{width:320px;left:280px;right:auto}.ver-row{gap:var(--s-2);grid-template-columns:32px minmax(0,1fr) auto;align-items:center;min-height:44px;height:auto!important;padding:var(--s-1) var(--s-3)!important;display:grid!important}.ver-row .n{font-family:var(--font-mono);font-size:var(--fs-12);color:var(--text-3)}.ver-row .d{min-width:0;font-size:var(--fs-13);line-height:var(--lh-13)}.ver-row .d small{font-size:var(--fs-12);line-height:var(--lh-12);color:var(--text-3);display:block}.ver-row .tag{font-size:var(--fs-12);color:var(--text-3);white-space:nowrap}.ver-row[aria-current=true]{background:var(--raised)}.ver-row[aria-current=true] .n{color:var(--text)}.scrim-all{z-index:35;background:var(--scrim);position:fixed;inset:0}.dialog{z-index:40;width:min(480px, calc(100vw - var(--s-8)));max-height:calc(100dvh - var(--s-8));background:var(--card);border:1px solid var(--line);border-radius:var(--r-16);box-shadow:var(--shadow-pop);padding:var(--s-6);gap:var(--s-4);display:grid;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.dialog-sm{width:min(400px, calc(100vw - var(--s-8)))}.dialog-head{justify-content:space-between;align-items:flex-start;gap:var(--s-3);display:flex}.dialog h2{font-size:var(--fs-17);line-height:var(--lh-17);font-weight:var(--fw-medium)}.dialog-head .icon-btn{width:28px;height:28px;margin:-2px calc(var(--s-2) * -1) 0 0}.dialog p{color:var(--text-2)}.dialog .sub{font-size:var(--fs-13);line-height:var(--lh-13);color:var(--text-3);margin-top:var(--s-1)}.dialog-actions{justify-content:flex-end;gap:var(--s-2);bottom:calc(-1 * var(--s-6));z-index:1;background:var(--card);margin:calc(-1 * var(--s-3)) calc(-1 * var(--s-6)) calc(-1 * var(--s-6));padding:var(--s-3) var(--s-6) var(--s-6);flex-wrap:wrap;display:flex;position:sticky}.dialog ul.what{padding-left:var(--s-5);color:var(--text-2);margin:0}.dialog>#denied:not(:target){display:none}.field{gap:6px;display:grid}.field-label{justify-content:space-between;align-items:baseline;gap:var(--s-2);font-size:var(--fs-13);line-height:var(--lh-13);font-weight:var(--fw-medium);display:flex}.field-label .count{font-family:var(--font-mono);font-weight:var(--fw-regular);font-size:var(--fs-12);color:var(--text-3)}.input,.textarea{width:100%;height:var(--control-h);padding:0 var(--s-3);border:1px solid var(--line-strong);border-radius:var(--r-8);background:var(--card);font-size:var(--fs-14)}.textarea{height:88px;padding:var(--s-2) var(--s-3);resize:vertical;line-height:var(--lh-14)}.input:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:0}.field-help{font-size:var(--fs-12);line-height:var(--lh-12);color:var(--text-3)}fieldset.field{border:0;margin:0;padding:0}fieldset.field legend{font-size:var(--fs-13);line-height:var(--lh-13);font-weight:var(--fw-medium);margin-bottom:6px;padding:0}.radios{border:1px solid var(--line-strong);border-radius:var(--r-8);gap:2px;padding:2px;display:grid}.radio{gap:var(--s-2);padding:var(--s-2) var(--s-3);border-radius:var(--r-6);cursor:pointer;grid-template-columns:16px minmax(0,1fr);align-items:start;display:grid}.radio:hover{background:var(--hover)}.radio input{width:16px;height:16px;accent-color:var(--accent);margin:3px 0 0}.radio b{font-weight:var(--fw-medium);font-size:var(--fs-14);display:block}.radio span span{font-size:var(--fs-12);line-height:var(--lh-12);color:var(--text-3);margin-top:2px;display:block}.radio:has(input:checked){background:var(--raised)}.radios-inline{grid-template-columns:1fr 1fr}.file-line{align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);border-radius:var(--r-8);background:var(--surface);font-size:var(--fs-13);line-height:var(--lh-13);color:var(--text-2);min-width:0;display:flex}.file-line .thumb{border-radius:var(--r-4);flex:none;width:64px;overflow:hidden}.file-line b{font-weight:var(--fw-medium);color:var(--text)}.file-line .meta{color:var(--text-3);font-size:var(--fs-12);line-height:var(--lh-12);font-variant-numeric:tabular-nums;display:block}.acct-line{font-size:var(--fs-12);line-height:var(--lh-12);color:var(--text-3);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.acct-line b{font-family:var(--font-mono);font-weight:var(--fw-regular);color:var(--text-2)}.up-progress{gap:var(--s-2);display:grid}.up-progress .row{justify-content:space-between;gap:var(--s-2);font-size:var(--fs-13);line-height:var(--lh-13);color:var(--text-2);font-variant-numeric:tabular-nums;display:flex}.up-progress .bar{background:var(--track);border-radius:3px;height:6px;overflow:hidden}.up-progress .bar span{background:var(--st-render);height:100%;display:block}.done-head{align-items:center;gap:var(--s-2);display:flex}.done-head .ok{background:var(--st-ok-soft);width:28px;height:28px;color:var(--st-ok);border-radius:50%;flex:none;place-items:center;display:inline-grid}.link-field{gap:var(--s-2);grid-template-columns:minmax(0,1fr) auto;display:grid}.link-url{min-width:0;height:var(--control-h);padding:0 var(--s-3);border:1px solid var(--line-strong);border-radius:var(--r-8);background:var(--surface);font-family:var(--font-mono);font-size:var(--fs-13);color:var(--text);white-space:nowrap;text-overflow:ellipsis;align-items:center;text-decoration:none;display:flex;overflow:hidden}.toast{z-index:45;left:50%;bottom:var(--s-6);align-items:center;gap:var(--s-2);max-width:calc(100vw - var(--s-8));min-height:40px;padding:var(--s-2) var(--s-4);border-radius:var(--r-8);background:var(--inverse-bg);color:var(--inverse-fg);font-size:var(--fs-14);box-shadow:var(--shadow-pop);animation:toast-in var(--d-menu) var(--ease);display:inline-flex;position:fixed;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}@keyframes rise{0%{opacity:0;transform:translateY(-4px)}}.home{flex-direction:column;min-height:100dvh;display:flex}.home>.topbar{z-index:10;justify-content:space-between;position:sticky;top:0}.home-main{width:min(1040px,100%);padding:var(--s-12) var(--s-6) var(--s-16);gap:var(--s-12);margin:0 auto;display:grid}.hero{gap:var(--s-4);width:min(680px,100%);margin:0 auto;display:grid}.hero h1{font-size:var(--fs-28);line-height:var(--lh-28);font-weight:var(--fw-medium);text-align:center}.hero .composer textarea{min-height:72px;font-size:var(--fs-15);line-height:var(--lh-15)}.examples{justify-content:center;gap:var(--s-2);flex-wrap:wrap;display:flex}.example{align-items:center;gap:var(--s-2);min-height:36px;padding:var(--s-2) var(--s-3);border:1px solid var(--line);border-radius:var(--r-8);background:var(--card);color:var(--text-2);font-size:var(--fs-13);line-height:var(--lh-13);text-align:left;display:inline-flex;position:relative}.example:hover{background:var(--raised);color:var(--text)}.example .icon{color:var(--text-3)}.sec-head{justify-content:space-between;align-items:baseline;gap:var(--s-3);margin-bottom:var(--s-4);display:flex}.sec-head h2{font-size:var(--fs-15);line-height:var(--lh-15);font-weight:var(--fw-medium)}.sec-head span{font-size:var(--fs-13);color:var(--text-3)}.cards{gap:var(--s-4);grid-template-columns:repeat(auto-fill,minmax(232px,1fr));margin:0;padding:0;list-style:none;display:grid}.pcard{border:1px solid var(--line);border-radius:var(--r-12);background:var(--card);color:inherit;transition:border-color var(--d-fast) var(--ease);grid-template-rows:auto 1fr;text-decoration:none;display:grid;position:relative;overflow:hidden}.pcard:hover{border-color:var(--line-strong)}.pcard .thumb{border-bottom:1px solid var(--line)}.pcard .body{padding:var(--s-3);gap:var(--s-1);align-content:start;min-width:0;display:grid}.pcard .t{font-weight:var(--fw-medium);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.pcard .meta{column-gap:var(--s-2);font-size:var(--fs-12);line-height:var(--lh-12);color:var(--text-3);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pcard .st{color:var(--text-2);align-items:center;gap:6px;display:inline-flex}.pcard .st[data-status=plan_failed],.pcard .st[data-status=render_failed]{color:var(--st-fail)}.pcard .yt{align-items:center;gap:4px;display:inline-flex}.pcard .yt .icon{width:12px;height:12px}.thumb .stage{border-radius:0}.empty-list{padding:var(--s-8) var(--s-6);border:1px dashed var(--line-strong);border-radius:var(--r-12);text-align:center;color:var(--text-2);gap:var(--s-1);justify-items:center;display:grid}.empty-list .icon{width:20px;height:20px;color:var(--text-3);margin-bottom:var(--s-2)}.empty-list b{font-weight:var(--fw-medium);color:var(--text)}.empty-list span{font-size:var(--fs-13);line-height:var(--lh-13);color:var(--text-3)}.login{background:var(--surface);grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);min-height:100dvh;display:grid}.login-side{padding:var(--s-6) var(--s-12);flex-direction:column;display:flex}.login-side .brand{height:32px}.login-body{max-width:400px;padding-bottom:var(--s-12);flex:1;align-content:center;display:grid}.login-body h1{font-size:var(--fs-28);line-height:var(--lh-28);font-weight:var(--fw-medium)}.login-body>p{margin-top:var(--s-3);color:var(--text-2);font-size:var(--fs-15);line-height:var(--lh-15)}.login-body>.btn{margin-top:var(--s-8);justify-self:start}.login-body .fine{margin-top:var(--s-4);font-size:var(--fs-13);line-height:var(--lh-13);color:var(--text-3)}.login-body .who{margin-top:var(--s-6);align-items:center;gap:var(--s-3);padding:var(--s-3);border:1px solid var(--line);border-radius:var(--r-12);background:var(--card);display:flex}.login-body .who b{font-weight:var(--fw-medium);display:block}.login-body .who small{font-size:var(--fs-13);line-height:var(--lh-13);color:var(--text-3);display:block}.login-body .who .avatar{width:36px;height:36px}.login-body .actions{margin-top:var(--s-6);gap:var(--s-2);flex-wrap:wrap;display:flex}.login-foot{font-size:var(--fs-12);color:var(--text-3)}.state-denied{display:none}#denied:target{display:grid}#denied:target~.state-default{display:none}.login-desk{background:var(--bg);border-left:1px solid var(--line);padding:var(--s-12);place-items:center;display:grid}.desk-monitor{gap:var(--s-3);width:min(100%,640px);padding:var(--s-4);border:1px solid var(--line);border-radius:var(--r-12);background:var(--card);box-shadow:var(--shadow-pop);display:grid}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.ph-mini{opacity:1}}@media (width<=1023px){.studio{grid-template-columns:minmax(0, 1fr) var(--chat-w-tablet)}.preview-pane{padding:var(--s-4)}.stage-col{width:100%;margin:0}.btn .lbl-wide{display:none}.btn-dl{width:var(--control-h);padding:0}.ver-pop{left:200px}.login{grid-template-columns:1fr}.login-desk,.changed-note .lbl-wide{display:none}}@media (width<=767px){body{font-size:15px;line-height:24px}.studio{flex-direction:column;display:flex}.topbar{padding:0 var(--s-1);gap:var(--s-1)}.tb-d{display:none!important}.tb-m{display:inline-grid}.icon-btn.tb-m{width:44px;height:44px}.tb-title{gap:0}.tb-mtitle{all:unset;min-width:0;height:44px;padding:0 var(--s-1);border-radius:var(--r-8);cursor:pointer;flex:1;align-content:center;display:grid}.tb-mtitle:focus-visible{outline:2px solid var(--focus)}.tb-mtitle b{font-size:var(--fs-15);line-height:20px;font-weight:var(--fw-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tb-mtitle span{font-size:var(--fs-12);line-height:var(--lh-12);color:var(--text-3);white-space:nowrap;align-items:center;gap:6px;display:flex}.tb-mtitle span .icon{width:12px;height:12px}.tb-mtitle .dot{width:6px;height:6px}.preview-pane{padding:0 0 var(--s-2);border-bottom:1px solid var(--line);background:var(--surface);flex:none;gap:0;overflow:visible}.stage-col{gap:var(--s-2);width:100%;min-width:0}.player{border-radius:0}.controls,.timeline,.render-line,.ver-banner{margin:0 var(--s-3)}.ver-banner{margin-top:var(--s-2)}.play-btn{width:36px;height:36px}.changed-note{display:none}.timeline .playhead{height:16px;bottom:auto}.strip{scrollbar-width:none;height:52px;overflow-x:auto}.strip::-webkit-scrollbar{display:none}.scene{width:104px;flex:none!important}.scene button{padding:6px var(--s-2)}.render-line{min-height:44px;padding:6px var(--s-2) 6px var(--s-3)}.render-line .meta-wide,.studio[data-kb=open] .timeline,.studio[data-kb=open] .render-line,.studio[data-kb=open] .ver-banner{display:none}.chat{border-left:0;flex:1}.thread{padding:var(--s-3);gap:var(--s-3)}.msg-ai,.msg-user{font-size:15px;line-height:24px}.chat-foot{padding:0 var(--s-3) calc(var(--s-3) + env(safe-area-inset-bottom))}.composer{align-items:end;column-gap:var(--s-2);grid-template-columns:minmax(0,1fr) auto}.composer textarea{height:32px;min-height:32px;font-size:16px;line-height:24px}.composer-row .hint{display:none}.hero .composer{grid-template-columns:1fr}.hero .composer textarea{height:auto;min-height:72px}.tc .tot,.hint-keys{display:none}.menu{width:auto;min-width:0;box-shadow:0 0 0 100vmax var(--scrim);border-radius:var(--r-16) var(--r-16) 0 0;padding:var(--s-2) var(--s-2) calc(var(--s-2) + env(safe-area-inset-bottom));inset:auto 0 0}.menu a,.menu button{height:auto;min-height:48px;font-size:15px}.menu-m{display:flex}.menu-sheet-title{padding:var(--s-2) var(--s-3);font-size:var(--fs-13);color:var(--text-3)}.ver-pop{left:0}.dialog,.dialog-sm{border-radius:var(--r-16) var(--r-16) 0 0;width:auto;max-height:92dvh;padding:var(--s-5) var(--s-4) calc(var(--s-4) + env(safe-area-inset-bottom));inset:auto 0 0;transform:none}.dialog-actions{bottom:calc(-1 * (var(--s-4) + env(safe-area-inset-bottom)));margin:0 calc(-1 * var(--s-4));padding:var(--s-3) var(--s-4) var(--s-4);background:var(--card);border-top:1px solid var(--line);flex-direction:column-reverse;position:sticky}.dialog-actions .btn{width:100%;height:44px}.radios-inline{grid-template-columns:1fr}.toast{top:var(--s-3);bottom:auto}.home-main{padding:var(--s-6) var(--s-4) var(--s-12);gap:var(--s-8)}.hero h1{font-size:22px;line-height:30px}.examples{justify-content:stretch;display:grid}.example{min-height:44px}.cards{gap:var(--s-2);grid-template-columns:1fr}.pcard{grid-template-rows:none;grid-template-columns:112px minmax(0,1fr)}.pcard .thumb{border-bottom:0;border-right:1px solid var(--line);background:var(--vid-bg);align-self:stretch;align-items:center;display:grid}.pcard .body{padding:var(--s-2) var(--s-3)}.login-side{padding:var(--s-5) var(--s-5)}.login-body h1{font-size:24px;line-height:32px}.login-body>.btn{justify-self:stretch}}@media (pointer:coarse){.btn-sm:before,.icon-btn:before,.ver-btn:before,.ver-chip:before,.avatar-btn:before,.play-btn:before,.tb-home:before,.scene button:before{content:"";width:max(100%,44px);height:max(100%,44px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ver-btn,.ver-chip,.tb-home,.play-btn{position:relative}.scene button{min-height:44px}.scrub:before{content:"";height:44px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.btn:not(.btn-sm){height:44px}.btn-dl{width:44px}.example,.menu a,.menu button{min-height:44px}.tb-title h1 button{position:relative}.tb-title h1 button:before{content:"";height:44px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.radio{align-items:center;min-height:44px}.radio input{margin-top:0}.link-field .btn,.link-url{height:44px}.ver-banner .btn-sm{height:32px}.hint-keys{display:none}}@font-face{font-family:Pretendard Variable;src:url(/assets/PretendardVariable-CJuje-Rk.woff2)format("woff2");font-weight:45 920;font-display:swap}.boot{background:var(--bg);min-height:100dvh}.msg-sys{align-self:center;align-items:center;gap:var(--s-2);font-size:var(--fs-12);line-height:var(--lh-12);color:var(--text-3);text-align:center;flex-wrap:wrap;justify-content:center;display:flex}.stage-video{background:var(--vid-bg);width:100%;height:100%;display:block;position:absolute;inset:0}button.example{font:inherit;font-size:var(--fs-13);line-height:var(--lh-13);cursor:pointer}button.example:disabled{cursor:progress}.menu button[aria-disabled=true]{color:var(--text-disabled)}.menu button[aria-disabled=true] small{font-size:var(--fs-12);line-height:var(--lh-12);color:var(--text-3);display:block}.menu button:disabled{color:var(--text-disabled);cursor:not-allowed}.tb-title .input{min-width:200px}
