@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}.title-entry-row{display:flex;align-items:center;gap:6px}.title-entry-row .text-input{flex:1;min-width:0}.title-entry-row .file-button:disabled{opacity:.45;cursor:default}.title-entry-help{margin:-4px 0 0}.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-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}.art-caption-pair{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:3px;width:88%;max-width:100%;overflow:hidden}.template-art .art-title{position:relative;z-index:1;width:100%;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(13px,1.05vw,18px);line-height:1.22}.art-next-line{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d3d0dc;font-size:clamp(8px,.64vw,11px);line-height:1.2;opacity:.75}.template-art .art-title span{font-weight:900}.template-hook .art-caption-pair,.template-news-event .art-caption-pair{text-align:left;align-items:flex-start}.template-hook .art-title{padding-left:8px;border-left:3px solid var(--accent);text-align:left;transform:skewY(-3deg)}.template-hook .art-next-line{padding-left:11px}.template-kinetic-subtitle .art-title{letter-spacing:-.02em;text-shadow:0 0 12px var(--accent)}.template-word-emphasis .art-title span{display:inline-block;transform:scale(1.12);text-shadow:0 0 16px var(--accent)}.template-news-event .art-title{padding-bottom:4px;border-bottom:2px solid var(--accent);font-family:DM Mono,Noto Sans KR,sans-serif;letter-spacing:.02em}.template-emotional-story .art-title{font-weight:600;letter-spacing:.015em;text-shadow:0 3px 18px var(--accent)}.template-movie-title .art-title{letter-spacing:.12em;font-weight:500;text-shadow:0 5px 24px var(--accent)}.template-lyric-highlight .art-caption-pair{padding:5px 9px;border-bottom:2px solid var(--accent);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 18%,transparent),transparent)}.template-comedy .art-title{color:#fff5a4;transform:rotate(-2deg) scale(1.04);text-shadow:3px 3px 0 var(--accent),0 5px 18px #000}.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 span{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:3px;text-underline-offset:4px}.mcp-settings-button.connected{color:#8be1d5;border-color:#376962;background:#152321}.sync-mcp-action{width:100%;min-height:34px;display:flex;align-items:center;justify-content:center;gap:7px;margin:2px 0 5px;border:1px solid #2b625e;border-radius:8px;background:linear-gradient(100deg,#173532,#1b292e);color:#b7f3e7;font-size:9px;font-weight:700;cursor:pointer}.sync-mcp-action:hover:not(:disabled){filter:brightness(1.15)}.sync-mcp-action:disabled{opacity:.55;cursor:progress}.mcp-dialog-backdrop{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:20px;background:#080812c9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mcp-dialog{width:min(540px,100%);max-height:min(90dvh,760px);overflow:auto;padding:22px;border:1px solid #383247;border-radius:18px;background:linear-gradient(145deg,#191a27,#11121a);box-shadow:0 24px 90px #0009}.mcp-dialog>header{display:flex;align-items:center;justify-content:space-between}.mcp-dialog>header small{font:9px DM Mono,monospace;letter-spacing:.14em;color:#bd9aff}.mcp-dialog h2{margin:5px 0 0;font-size:19px}.mcp-dialog>p{margin:15px 0 18px;color:#aaa8b8;font-size:11px;line-height:1.7}.mcp-dialog code{font:10px DM Mono,monospace;color:#dfc6ff}.mcp-dialog>label{display:grid;gap:7px;margin:12px 0;color:#c7c4d1;font-size:10px}.mcp-dialog>label input{height:38px;padding:0 11px;border:1px solid #373542;border-radius:8px;background:#0d0e16;color:#eeeaf8;font:11px DM Mono,monospace}.mcp-dialog-note{display:grid;gap:8px;margin:16px 0;padding:12px;border:1px solid #2e3440;border-radius:10px;background:#151922;color:#a4a2b2;font-size:9px;line-height:1.6}.mcp-dialog-note strong{display:flex;align-items:center;gap:6px;color:#a5e7dc;font-size:10px}.mcp-dialog-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:9px;margin-top:17px}.mcp-dialog-actions .secondary-action,.mcp-dialog-actions .export-top{height:38px}.mcp-dialog-actions button:disabled{opacity:.55;cursor:progress}.cue-block.mcp-timed{border-color:#42877f;background:linear-gradient(100deg,#1c393b,#244d4d);color:#d4fff2}.cue-block.mcp-low-confidence{border-color:#b18e56;background:linear-gradient(100deg,#483822,#5a4323);color:#ffe8b4}.mcp-oauth-action{width:100%;height:40px;display:flex;align-items:center;justify-content:center;gap:8px;margin:14px 0 8px;border:0;border-radius:9px;background:linear-gradient(100deg,#aa83fb,#8665ea);color:#fff;font-size:11px;font-weight:700;cursor:pointer}.mcp-oauth-action:hover:not(:disabled){filter:brightness(1.1)}.mcp-oauth-action:disabled{opacity:.55;cursor:progress}.mcp-advanced-auth{margin:9px 0;padding:10px 12px;border:1px solid #343240;border-radius:9px;background:#13141d}.mcp-advanced-auth summary{color:#aaa8b8;font-size:10px;cursor:pointer}.mcp-advanced-auth label{display:grid;gap:7px;margin:12px 0;color:#c7c4d1;font-size:10px}.mcp-advanced-auth input{height:36px;padding:0 10px;border:1px solid #373542;border-radius:8px;background:#0d0e16;color:#eeeaf8;font:11px DM Mono,monospace}.mcp-advanced-auth .secondary-action{width:100%;height:34px}.mcp-account-switch{display:block;width:100%;margin:2px 0 8px;border:0;background:none;color:#c2afff;font-size:10px;cursor:pointer}.mcp-account-switch:hover:not(:disabled){color:#fff}.mcp-auth-error{margin:8px 0;padding:9px 11px;border:1px solid #7a364c;border-radius:8px;background:#2b1721;color:#ffabbc;font-size:10px;line-height:1.5}.chatgpt-connect-guide{margin:12px 0 16px;padding:14px;border:1px solid #50406c;border-radius:12px;background:linear-gradient(145deg,#201a30,#171722)}.chatgpt-guide-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.chatgpt-guide-heading small{font:9px DM Mono,monospace;letter-spacing:.14em;color:#bd9aff}.chatgpt-guide-heading h3{margin:5px 0 0;font-size:13px}.chatgpt-open-link,.chatgpt-help-link{display:inline-flex;align-items:center;gap:5px;color:#cbb6ff;text-decoration:none;font-size:10px;font-weight:700;white-space:nowrap}.chatgpt-open-link{padding:7px 9px;border:1px solid #574476;border-radius:8px;background:#302443}.chatgpt-open-link:hover,.chatgpt-help-link:hover{color:#fff}.chatgpt-connect-guide ol{display:grid;gap:7px;margin:13px 0;padding-left:20px;color:#b7b4c4;font-size:10px;line-height:1.55}.chatgpt-connect-guide li{padding-left:2px}.chatgpt-connect-guide li b{color:#eee8ff}.chatgpt-endpoint-row{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid #343141;border-radius:8px;background:#0e0e17}.chatgpt-endpoint-row code{min-width:0;flex:1;overflow-wrap:anywhere;color:#e1d2ff;font:9px DM Mono,monospace;line-height:1.45}.chatgpt-endpoint-row button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:29px;padding:0 8px;border:1px solid #50416a;border-radius:7px;background:#282135;color:#e8dcff;font-size:9px;white-space:nowrap;cursor:pointer}.chatgpt-endpoint-row button:hover{background:#3a2d50}.chatgpt-guide-note{margin:10px 0 7px;color:#a9a6b6;font-size:9px;line-height:1.55}.chatgpt-help-link{font-size:9px}