@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,Noto Sans KR,sans-serif;color:#f3f1fb;background:#090a12;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-optical-sizing:auto;font-weight:400;--bg:#090a12;--panel:#11121c;--panel2:#151622;--line:#262634;--muted:#878798;--soft:#b6b5c5;--purple:#a884ff;--cyan:#68ded1;--radius:16px}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;min-width:320px}body{overflow:hidden;background:radial-gradient(ellipse at 45% -30%,#232037 0,transparent 52%),var(--bg)}button,input,textarea,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--purple);outline-offset:2px}.studio-shell{height:100dvh;display:grid;grid-template-rows:66px minmax(0,1fr) 32px;gap:12px;padding:12px 14px 8px;max-width:2200px;margin:auto}.topbar,.panel,.statusbar{border:1px solid var(--line);background:linear-gradient(145deg,#141520,#10111a 65%);box-shadow:0 12px 40px #0002}.topbar{height:66px;border-radius:15px;display:flex;align-items:center;padding:0 18px;gap:26px}.brand{display:flex;align-items:center;gap:10px;min-width:206px}.brand-mark{width:36px;height:36px;border-radius:11px;background:linear-gradient(145deg,#ba8eff,#7558cb);display:grid;place-items:center;color:#fff;box-shadow:0 6px 24px #9b6aff44}.brand strong,.brand span{display:block}.brand strong{font-size:14px;letter-spacing:.06em}.brand span{font-size:10px;color:#9e9bab;margin-top:2px;letter-spacing:.06em}.project-name{font-size:12px;color:#d6d3e2;display:flex;align-items:center;gap:9px;margin:auto}.live-dot{width:7px;height:7px;display:inline-block;border-radius:99px;background:var(--cyan);box-shadow:0 0 9px #68ded188}.saved-pill{font-size:9px;color:#91dacf;background:#15302d;border:1px solid #23504a;border-radius:99px;padding:4px 8px}.top-actions{display:flex;align-items:center;gap:7px}.icon-button,.timeline-tools button{position:relative;width:34px;height:34px;border:1px solid #343442;border-radius:10px;background:#171823;color:#aaa9ba;display:grid;place-items:center;cursor:pointer}.icon-button:hover,.timeline-tools button:hover{color:#fff;border-color:#655688}.icon-button:disabled,.timeline-tools button:disabled{opacity:.35;cursor:default}.icon-button input,.file-button input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.export-top,.primary-action{border:0;background:linear-gradient(100deg,#aa83fb,#8665ea);color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 15px;height:36px;font-size:11px;font-weight:700;box-shadow:0 5px 20px #9568ed33;cursor:pointer}.export-top:hover,.primary-action:hover{filter:brightness(1.1)}.export-top:disabled,.primary-action:disabled{opacity:.58;cursor:progress}.workspace{min-height:0;display:grid;grid-template-columns:minmax(245px,22fr) minmax(420px,53fr) minmax(300px,25fr);gap:12px}.panel{border-radius:var(--radius);min-height:0}.left-panel,.right-panel{padding:17px;overflow:auto;scrollbar-width:thin;scrollbar-color:#383544 transparent}.panel-title,.preview-heading,.timeline-heading{display:flex;justify-content:space-between;align-items:center}.panel-title small,.preview-heading small,.timeline-heading small{font:500 9px DM Mono,monospace;color:#8f80ba;letter-spacing:.15em}.panel-title h2,.preview-heading h2,.timeline-heading h2{font-size:15px;margin:5px 0 0;font-weight:700;letter-spacing:-.03em}.count-tag{font:11px DM Mono,monospace;color:#9996aa;border:1px solid #353442;border-radius:7px;padding:5px 8px}.template-filters{display:flex;gap:5px;margin:19px 0 12px;overflow:auto;padding-bottom:4px}.filter{border:1px solid transparent;background:transparent;color:#858495;font-size:10px;padding:6px 9px;border-radius:7px;white-space:nowrap;cursor:pointer}.filter:hover{color:#ddd}.filter.active{color:#d7c7ff;background:#29223a;border-color:#4b3b68}.template-list{display:grid;gap:9px}.template-card{border:1px solid #292936;background:#151620;border-radius:12px;padding:7px;text-align:left;cursor:pointer;transition:.18s ease}.template-card:hover{border-color:#685490;transform:translateY(-1px)}.template-card.selected{border-color:#9d7cec;box-shadow:0 0 0 1px #9875e955,0 0 24px #8d66df1a}.template-art{height:clamp(74px,10vh,106px);border-radius:8px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 100%,color-mix(in srgb,var(--accent) 30%,transparent),transparent 53%),linear-gradient(130deg,var(--tint),#11121a);display:flex;align-items:center;justify-content:center}.template-art:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#fff04 4px);opacity:.25}.art-kicker{position:absolute;top:10px;left:11px;font:8px DM Mono,monospace;color:color-mix(in srgb,var(--accent) 78%,white);letter-spacing:.18em}.art-title{position:relative;color:#fff;font-weight:800;font-size:clamp(13px,1.15vw,19px);text-align:center;text-shadow:0 2px 24px var(--accent);max-width:90%;letter-spacing:-.05em}.motion-pop{transform:rotate(-3deg) scale(1.04)}.motion-news{font-family:DM Mono,monospace;border-bottom:2px solid var(--accent);padding-bottom:5px}.motion-title{letter-spacing:.15em}.motion-comedy{color:#fff5a4;transform:rotate(2deg);text-shadow:3px 3px var(--accent)}.art-sweep{position:absolute;left:-10%;right:-10%;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.7;transform:rotate(-10deg);top:72%}.template-meta{display:flex;align-items:center;justify-content:space-between;padding:9px 4px 3px}.template-meta strong,.template-meta span{display:block}.template-meta strong{font-size:11px;font-weight:700}.template-meta div span{font-size:9px;color:#898899;margin-top:3px}.template-arrow{font-size:13px;color:#777386}.panel-foot{display:flex;gap:7px;align-items:center;margin-top:15px;padding:10px 7px;border-top:1px solid #262632;color:#777587;font-size:9px}.panel-foot svg{color:#a58bda}.center-column{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) 205px;gap:12px}.preview-panel{min-height:0;display:flex;flex-direction:column;padding:16px 18px 12px}.preview-heading{flex:0 0 auto}.preview-badges{display:flex;align-items:center;gap:8px}.preview-badges span{font:9px DM Mono,monospace;color:#8bd8d0;border:1px solid #254642;background:#13201f;padding:6px 8px;border-radius:7px}.preview-badges span i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--cyan);margin-right:6px}.preview-badges select{height:26px;background:#181923;color:#b8b6c7;border:1px solid #353542;border-radius:7px;padding:0 6px;font-size:9px}.player-stage{min-height:0;flex:1;display:flex;align-items:center;justify-content:center;padding:12px 0}.player-frame{position:relative;height:100%;max-width:100%;width:auto;aspect-ratio:16/9;max-height:100%;background-color:#11121a;background-image:linear-gradient(45deg,#ffffff0c 25%,transparent 25%),linear-gradient(-45deg,#ffffff0c 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ffffff0c 75%),linear-gradient(-45deg,transparent 75%,#ffffff0c 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;border:1px solid #393645;border-radius:9px;overflow:hidden;box-shadow:0 12px 35px #0007}.player-frame>div:first-child{width:100%!important;height:100%!important}.player-frame canvas,.player-frame video{object-fit:contain}.audio-empty{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:5px;background:#0d0f18b5;border:1px solid #ffffff15;color:#b2b0c2;font-size:9px;padding:6px 8px;border-radius:7px;pointer-events:none}.transport{height:36px;display:flex;align-items:center;gap:11px;border-top:1px solid #24242f;padding-top:10px;flex:0 0 auto}.play-button{width:27px;height:27px;background:#29223a;border:1px solid #574573;border-radius:8px;color:#d5c5fa;display:grid;place-items:center;cursor:pointer}.time-readout{font:11px DM Mono,monospace;color:#dedbe9}.time-readout em{font-style:normal;color:#666475;margin:0 3px}.transport-spacer{flex:1}.render-quality{font:9px DM Mono,monospace;color:#8d8b9d;background:#191a24;border:1px solid #2d2d39;padding:5px 7px;border-radius:6px}.timeline-panel{position:relative;overflow:hidden;padding:14px 17px}.timeline-heading h2{font-size:13px;margin:5px 0 0;font-weight:700;letter-spacing:-.03em}.timeline-tools{display:flex;align-items:center;gap:5px}.timeline-tools button{width:27px;height:27px}.timeline-zoom{font:9px DM Mono,monospace;color:#aaa7b5;margin-left:7px}.timeline-ruler{margin-left:88px;margin-top:12px;height:25px;cursor:pointer}.ruler-labels{display:flex;justify-content:space-between;color:#828190;font:8px DM Mono,monospace;padding-bottom:5px}.ruler-line{height:1px;background:repeating-linear-gradient(90deg,#464452 0 1px,transparent 1px 22px)}.track{height:37px;display:flex;align-items:stretch;gap:8px;margin-top:4px}.track-name{width:80px;flex:0 0 80px;display:flex;align-items:center;gap:6px;color:#9997a9;font-size:9px}.track-name svg{color:#a997d4}.track-content,.cue-track{height:100%;position:relative;flex:1;min-width:0;border-radius:6px;overflow:hidden;background:#1a1b26;border:1px solid #2b2b37}.audio-track{color:#918ea0;text-align:left;padding:0 8px;font-size:8px;cursor:pointer}.audio-track.loaded{color:#bfe6df;background:linear-gradient(90deg,#172f2b,#1b222a)}.audio-track>span{position:absolute;left:8px;top:2px;z-index:2}.wave-bars{position:absolute;inset:0;display:flex;align-items:center;gap:2px;padding:9px 6px 3px;opacity:.56}.wave-bars i{flex:1;min-width:1px;background:#54baad;border-radius:2px}.cue-track{background:#191a25}.cue-block,.scene-block{position:absolute;top:4px;bottom:4px;border:1px solid #5c4682;border-radius:4px;background:linear-gradient(100deg,#35274d,#493468);color:#e4daf5;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:left;padding:0 6px;font-size:8px;cursor:pointer}.cue-block.estimated{border-style:dashed;border-color:#8e7952;background:#373021;color:#e4cf9b}.scene-block{background:linear-gradient(100deg,#263c49,#2e5961);border-color:#3b7172;color:#d5f1ea}.playhead{position:absolute;top:47px;bottom:10px;width:1px;background:#db7aff;pointer-events:none;box-shadow:0 0 8px #df8cff;z-index:2}.right-panel{display:flex;flex-direction:column;gap:9px}.right-panel .panel-title{margin-bottom:4px}.status-dot{width:8px;height:8px;border-radius:50%;background:#57d4be;box-shadow:0 0 10px #55ddbf77}.field-label{font-size:10px;color:#aaa8b9;display:block}.text-input,.script-input{width:100%;border:1px solid #30303e;background:#0d0e17;color:#eceaf5;border-radius:8px;padding:9px 10px;font-size:10px;outline:none}.text-input:focus,.script-input:focus{border-color:#8066bd}.script-input{height:clamp(78px,13vh,124px);resize:vertical;line-height:1.7;min-height:70px}.section-heading{display:flex;align-items:center;justify-content:space-between}.file-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:5px;background:#201a2c;color:#cdbaff;border:1px solid #44365f;border-radius:7px;padding:6px 8px;font-size:9px;cursor:pointer;white-space:nowrap}.file-button:hover{background:#2b223a}.file-button.small{height:26px}.file-button.mini{min-width:39px;height:23px;padding:4px 8px}.asset-row{min-height:44px;display:flex;align-items:center;gap:9px;padding:7px 9px;border:1px solid #2b2c39;background:#171823;border-radius:9px}.asset-icon{width:27px;height:27px;border-radius:7px;display:grid;place-items:center;color:#7ed2c6;background:#1b3431}.asset-copy{min-width:0;flex:1}.asset-copy strong,.asset-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-copy strong{font-size:9px;font-weight:600}.asset-copy span{font-size:8px;color:#878595;margin-top:3px}.remove-asset{background:none;border:0;color:#888;cursor:pointer;font-size:17px}.audio-controls{width:100%;height:28px;filter:invert(.85) hue-rotate(220deg) saturate(.45);opacity:.83}.file-actions{display:flex;gap:4px}.srt-heading{margin-top:0}.sync-card{border:1px solid #2b3336;background:linear-gradient(110deg,#141e20,#171822);border-radius:9px;padding:9px}.sync-card.has-error{border-color:#754643;background:#241819}.sync-top{display:flex;align-items:center;gap:8px}.sync-icon{width:25px;height:25px;border-radius:6px;background:#1f3331;color:#85d5c9;display:grid;place-items:center}.sync-top strong,.sync-top span{display:block}.sync-top strong{font-size:9px}.sync-top span{font-size:8px;color:#9593a1;margin-top:2px}.sync-card p{font-size:8px;color:#9896a4;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:7px 0 0}.inspector-title{display:flex;justify-content:space-between;align-items:center;color:#aaa8b8;font-size:9px;padding-top:4px}.editable-count{color:#9186b2;font-size:8px}.selected-template{display:flex;align-items:center;gap:8px;padding:7px;border:1px solid #2b2b38;background:#171822;border-radius:8px}.selected-swatch{width:8px;height:30px;border-radius:9px;box-shadow:0 0 12px currentColor}.selected-template strong,.selected-template span{display:block}.selected-template strong{font-size:9px}.selected-template span{font-size:8px;color:#868493;margin-top:2px}.inspector-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.inspector-grid label{display:grid;gap:5px;font-size:8px;color:#9997a6}.inspector-grid input{width:100%;background:#0d0e17;color:#e5e2ef;border:1px solid #2e2e3b;border-radius:7px;padding:6px 7px;font:10px DM Mono,monospace}.export-note{display:flex;gap:7px;padding:9px;border:1px solid #353045;background:#191722;border-radius:8px;color:#aaa5ba;font-size:8px;line-height:1.5}.note-icon{width:14px;height:14px;flex:0 0 14px;border-radius:50%;display:grid;place-items:center;background:#4a3d63;color:#e6d8ff;font:700 9px serif}.message-line{min-height:18px;color:#9693a3;font-size:8px;line-height:1.4}.right-bottom{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:7px;padding-top:7px}.secondary-action{height:35px;border:1px solid #393745;background:#1a1b25;color:#c8c5d1;border-radius:9px;font-size:9px;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}.primary-action{height:35px;font-size:9px;padding:0 8px}.statusbar{border-radius:9px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;color:#898797;font:8px DM Mono,monospace}.statusbar>span{display:flex;align-items:center;gap:10px}.statusbar button{display:flex;align-items:center;gap:5px;border:0;background:none;color:#a9a6b4;cursor:pointer;font:inherit}.statusbar b{font-weight:400;color:#777586;border-left:1px solid #34333d;padding-left:9px}@media(max-width:1200px){.workspace{grid-template-columns:minmax(210px,22fr) minmax(360px,52fr) minmax(270px,26fr);gap:8px}.studio-shell{padding:8px;gap:8px}.left-panel,.right-panel{padding:12px}.template-filters{gap:1px}.filter{padding:5px 7px}.center-column{grid-template-rows:minmax(0,1fr) 180px}.preview-panel{padding:12px}.right-panel{gap:7px}}@media(max-width:900px){body{overflow:auto}.studio-shell{height:auto;min-height:100dvh;grid-template-rows:58px auto 32px}.topbar{height:58px;padding:0 10px;gap:8px}.brand{min-width:135px}.project-name{font-size:10px}.saved-pill{display:none}.workspace{grid-template-columns:1fr;grid-template-rows:auto minmax(460px,70vh) auto}.left-panel{max-height:320px}.template-list{grid-template-columns:repeat(2,minmax(0,1fr))}.template-art{height:95px}.center-column{grid-row:2;grid-template-rows:minmax(0,1fr) 180px}.right-panel{max-height:none}.script-input{height:130px}.statusbar{height:auto;min-height:32px}.statusbar>span:last-child b{display:none}}@media(max-width:520px){.brand{min-width:0}.brand span,.project-name{display:none}.top-actions{margin-left:auto}.workspace{grid-template-rows:auto 420px auto}.center-column{grid-template-rows:minmax(0,1fr) 170px}.preview-badges span{display:none}.preview-heading h2{font-size:13px}.preview-badges select{max-width:135px;font-size:8px}.render-quality:nth-of-type(2){display:none}.right-bottom{grid-template-columns:1fr}.statusbar{font-size:7px}.statusbar>span:first-child{max-width:55%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.panel-title h2{font-size:14px}}.copy-prompt-action{width:100%;min-height:34px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #584578;background:#211a2d;color:#d7c5ff;border-radius:8px;font-size:9px;font-weight:600;cursor:pointer}.copy-prompt-action:hover{background:#2b223a;border-color:#8066bd}.ai-prompt-help{margin:-4px 0 0;color:#848292;font-size:8px;line-height:1.5}.text-style-settings{border:1px solid #302e3d;background:#151620;border-radius:9px;padding:9px}.text-style-settings>summary{cursor:pointer;list-style:none;color:#d8d3e5;font-size:10px;font-weight:700}.text-style-settings>summary::-webkit-details-marker{display:none}.text-style-settings>summary:after{content:"＋";float:right;color:#a991d7}.text-style-settings[open]>summary:after{content:"−"}.style-group{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;padding-top:9px;border-top:1px solid #2a2935}.style-group>strong{grid-column:1/-1;color:#9995aa;font-size:8px;letter-spacing:.06em}.style-group>label{display:grid;gap:5px;color:#aaa8b9;font-size:8px}.style-group>label:nth-of-type(3){grid-column:1/-1}.style-group select{width:100%;height:26px;border:1px solid #343341;background:#0d0e17;color:#e6e3ef;border-radius:6px;padding:0 6px;font-size:9px}.style-group input[type=range]{width:100%;accent-color:#a884ff}.style-group input[type=color]{width:100%;height:26px;padding:2px 4px;border:1px solid #343341;background:#0d0e17;border-radius:6px;cursor:pointer}.template-classic-caption .art-title{font-weight:600;text-shadow:0 2px 5px #000}.template-outline-caption .art-title{-webkit-text-stroke:1px #111;paint-order:stroke fill;text-shadow:0 2px 8px #000}.template-glow-caption .art-title{text-shadow:0 0 9px var(--accent),0 0 22px var(--accent)}.template-karaoke-word .art-title{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:3px;text-underline-offset:7px}.center-column{grid-template-rows:minmax(0,1fr) 184px}.timeline-panel{padding:10px 12px;display:flex;flex-direction:column;min-height:0}.timeline-heading{flex:0 0 auto}.timeline-heading h2{display:flex;align-items:center;gap:9px}.timeline-hint{font-size:8px;font-weight:400;letter-spacing:0;color:#777586}.timeline-tools{gap:3px}.timeline-tools button{width:23px;height:23px;min-width:23px;padding:0;display:grid;place-items:center}.timeline-tools button:disabled{opacity:.38;cursor:default}.timeline-zoom{min-width:35px;text-align:center;margin:0 2px;font-size:8px}.timeline-scroll{flex:1;min-height:0;margin-top:5px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#51465f transparent}.timeline-scroll::-webkit-scrollbar{height:5px}.timeline-scroll::-webkit-scrollbar-thumb{background:#51465f;border-radius:5px}.timeline-canvas{position:relative;height:100%;min-height:112px}.timeline-ruler{position:relative;margin:0 0 2px 88px;height:20px;cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none}.ruler-labels{position:relative;display:block;height:14px;overflow:visible;padding:0}.ruler-labels span{position:absolute;top:0;transform:translate(-50%);white-space:nowrap;color:#838092;font:8px DM Mono,monospace}.ruler-labels span:first-child{transform:none}.ruler-labels span:last-child{transform:translate(-100%)}.ruler-line{height:1px;background:repeating-linear-gradient(90deg,#464452 0 1px,transparent 1px 20px)}.track{height:26px;min-height:26px;gap:8px;margin-top:3px}.track-name{position:sticky;left:0;z-index:4;width:80px;flex:0 0 80px;background:#11121c;font-size:8px}.track-name svg{width:12px;height:12px}.track-content,.cue-track{height:100%;border-radius:5px}.audio-track{font-size:8px}.wave-bars{padding:6px 5px 2px}.cue-track{overflow:hidden}.cue-block,.scene-block{top:3px;bottom:3px;padding:0 7px;font-size:8px;line-height:1;touch-action:none;-webkit-user-select:none;user-select:none}.cue-block{display:flex;align-items:center;justify-content:center;cursor:grab;box-sizing:border-box;min-width:8px;overflow:visible}.cue-block:active{cursor:grabbing;z-index:4}.cue-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;flex:1;text-align:center}.cue-handle{position:absolute;top:-1px;bottom:-1px;width:7px;background:#d8b8ff;border:1px solid #34244b;border-radius:3px;cursor:ew-resize;z-index:3;opacity:.82}.cue-handle:hover{opacity:1;background:#fff}.cue-handle-start{left:-2px}.cue-handle-end{right:-2px}.cue-block.manual{border-color:#55aaa0;background:linear-gradient(100deg,#19413f,#28625d);color:#dcfff5}.playhead{top:25px;bottom:2px;width:1px;background:#f1caff;box-shadow:0 0 3px #df8cff;z-index:5}.timeline-ruler:focus-visible,.cue-block:focus-visible{outline:2px solid #e1b9ff;outline-offset:1px}@media(max-height:780px){.center-column{grid-template-rows:minmax(0,1fr) 168px}.timeline-panel{padding-top:8px;padding-bottom:8px}.timeline-canvas{min-height:105px}.track{height:23px;min-height:23px}}.draft-badge{display:inline-flex;align-items:center;margin-left:5px;padding:3px 6px;border-radius:5px;background:#342a1d;color:#e6c37e;font-size:7px;font-weight:600;vertical-align:1px}.apply-script-action{width:100%;min-height:32px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #7056a2;background:linear-gradient(100deg,#49336c,#35264e);color:#f0e8ff;border-radius:8px;font-size:9px;font-weight:700;cursor:pointer}.apply-script-action:hover:not(:disabled){filter:brightness(1.16)}.apply-script-action:disabled{opacity:.45;cursor:default}.cue-block.project-title-cue{z-index:3;border-color:#d8bb85;background:linear-gradient(100deg,#594228,#785b35);color:#fff0cf}