@charset "UTF-8";
@font-face{font-family:"Pretendard Variable";src:url("/fonts/PretendardVariable.woff2") format("woff2");font-weight:100 900;font-display:swap}
/* The families a project can be written in (SIL Open Font License; the licence of each is beside its file). The Latin
   letters of each come from a file of their own. */
@font-face{font-family:"Black Han Sans";src:url("/fonts/black-han-sans-korean-400-normal.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Black Han Sans";src:url("/fonts/black-han-sans-latin-400-normal.woff2") format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Do Hyeon";src:url("/fonts/do-hyeon-korean-400-normal.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Do Hyeon";src:url("/fonts/do-hyeon-latin-400-normal.woff2") format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Jua";src:url("/fonts/jua-korean-400-normal.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Jua";src:url("/fonts/jua-latin-400-normal.woff2") format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Bagel Fat One";src:url("/fonts/bagel-fat-one-korean-400-normal.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Bagel Fat One";src:url("/fonts/bagel-fat-one-latin-400-normal.woff2") format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Gaegu";src:url("/fonts/gaegu-korean-400-normal.woff2") format("woff2");font-weight:100 599;font-display:swap}
@font-face{font-family:"Gaegu";src:url("/fonts/gaegu-latin-400-normal.woff2") format("woff2");font-weight:100 599;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Gaegu";src:url("/fonts/gaegu-korean-700-normal.woff2") format("woff2");font-weight:600 900;font-display:swap}
@font-face{font-family:"Gaegu";src:url("/fonts/gaegu-latin-700-normal.woff2") format("woff2");font-weight:600 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Nanum Pen Script";src:url("/fonts/nanum-pen-script-korean-400-normal.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Nanum Pen Script";src:url("/fonts/nanum-pen-script-latin-400-normal.woff2") format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Nanum Brush Script";src:url("/fonts/nanum-brush-script-korean-400-normal.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Nanum Brush Script";src:url("/fonts/nanum-brush-script-latin-400-normal.woff2") format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Gowun Batang";src:url("/fonts/gowun-batang-korean-400-normal.woff2") format("woff2");font-weight:100 599;font-display:swap}
@font-face{font-family:"Gowun Batang";src:url("/fonts/gowun-batang-latin-400-normal.woff2") format("woff2");font-weight:100 599;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Gowun Batang";src:url("/fonts/gowun-batang-korean-700-normal.woff2") format("woff2");font-weight:600 900;font-display:swap}
@font-face{font-family:"Gowun Batang";src:url("/fonts/gowun-batang-latin-700-normal.woff2") format("woff2");font-weight:600 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Gowun Dodum";src:url("/fonts/gowun-dodum-korean-400-normal.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Gowun Dodum";src:url("/fonts/gowun-dodum-latin-400-normal.woff2") format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--bg:#101112;--panel:#191b1d;--field:#121416;--line:#2b2e30;--text:#ededeb;--muted:#969b9f;--accent:#f5a65b;--radius:14px;color-scheme:dark;font-family:"Pretendard Variable",Pretendard,-apple-system,"Apple SD Gothic Neo",sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:13px;line-height:1.6}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:wait;opacity:.45}button,a{ -webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent)}[hidden]{display:none!important}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:7px;background:var(--field);color:var(--text);padding:10px 11px;transition:border-color .15s}input:focus,textarea:focus,select:focus{outline:none;border-color:#9a795a}textarea{resize:vertical;line-height:1.8}input[type=range]{accent-color:var(--accent);border:none;padding:0;background:none;height:20px}input[type=checkbox]{width:14px;height:14px;accent-color:var(--accent)}
.sidebar{position:fixed;inset:0 auto 0 0;width:212px;padding:29px 19px 0;border-right:1px solid var(--line);display:flex;flex-direction:column;background:#141516;z-index:10}.brand{display:flex;align-items:center;gap:11px;margin:0 6px 47px}.brand-icon{font-size:44px;color:var(--accent);line-height:1}.brand small{font-size:12px;letter-spacing:3px;display:block;line-height:1.6;color:#aaadaf}.brand strong{display:block;font-size:27px;letter-spacing:1.5px;line-height:1.1}.brand-dot{color:var(--accent)}.workspace-label{font-size:12px;letter-spacing:1.8px;color:#777e83;display:flex;justify-content:space-between;padding:0 8px;margin-bottom:13px}.workspace-label span{color:#a3a8ac}.nav-item{border:0;background:none;display:flex;align-items:center;gap:11px;border-radius:7px;padding:13px 10px;width:100%;text-align:left;font-size:12px;font-weight:500;margin-bottom:5px;color:#a5abaf;white-space:nowrap}.nav-item>span:first-child{font-size:19px;width:22px;line-height:1}.nav-item:hover{background:#212325}.nav-item.active{background:#2b251e;color:#f6b675}.nav-count{margin-left:auto;border:1px solid #46372a;border-radius:4px;font-size:12px;padding:0 4px}.sidebar-line{height:1px;background:var(--line);margin:22px 8px 19px}.sidebar-caption{font-size:12px;color:#72797e;margin:0 9px 12px}.project-link{display:flex;align-items:center;gap:9px;border:0;background:none;text-align:left;padding:8px;font-size:12px;color:#c0c4c7;max-width:100%}.project-link>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);flex-shrink:0}.subtle-button{border:0;background:none;color:#7d858b;text-align:left}.new-project{padding:12px 8px;font-size:12px}.sidebar-bottom{margin-top:auto}.radar-mark{display:flex;gap:11px;align-items:center;border:1px solid var(--line);border-radius:9px;padding:13px 12px;margin-bottom:19px}.radar-mark>span{font-size:31px;color:#929c84}.radar-mark strong{font-size:12px;display:block;color:#b6bcb0}.radar-mark small{font-size:12px;color:#737a70;display:block}.api-nav{font-size:12px;margin-bottom:13px}.api-nav i{margin-left:auto;width:5px;height:5px;border-radius:50%;background:#72797e}.api-nav i.connected{background:#b6d592}.company{border-top:1px solid var(--line);display:flex;gap:9px;align-items:center;padding:19px 0}.company-avatar{display:grid;place-items:center;background:#343638;border:1px solid #494b4d;border-radius:7px;width:30px;height:30px;font-size:14px;font-weight:600}.company strong{display:block;font-size:12px}.company small{color:#797f83;font-size:12px}.version{margin-left:auto;font-size:12px;color:#6d7478}.app-shell{margin-left:212px}.topbar{height:70px;display:flex;justify-content:space-between;align-items:center;padding:0 32px;border-bottom:1px solid var(--line)}.breadcrumb{font-size:12px;color:#8e959a}.breadcrumb span{padding:0 13px;color:#4e555a}.breadcrumb strong{color:#b8bec2;font-weight:500}.header-actions{display:flex;gap:9px;align-items:center}.save-state{font-size:12px;color:#929b90;margin-right:14px}.save-state i{display:inline-block;width:5px;height:5px;background:#a5c18b;border-radius:50%;margin-right:5px}.button{border:1px solid var(--line);border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:10px 14px;font-weight:550;font-size:12px;line-height:1.5;transition:background .15s,color .15s}.button.quiet{background:transparent;color:#bfc4c6}.button.quiet:hover,.button.secondary:hover{background:#303235}.button.primary{background:var(--accent);color:#24190f;border-color:var(--accent)}.button.primary:hover{background:#ffb777}.button.secondary{background:#232528;color:#cbd0d3}.button.full{width:100%;margin-top:11px}.button>span{font-size:14px}.header-actions .button{padding:8px 13px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin:32px 0 23px}.eyebrow{color:#bd926e;font-size:12px;letter-spacing:2px;font-weight:600}.page-heading h1{font-size:28px;letter-spacing:-1.2px;font-weight:650;margin:7px 0 6px;line-height:1.4}.page-heading p{color:var(--muted);margin:0;font-size:12px}.demo-button{font-size:12px}.flow{display:flex;align-items:center;gap:16px;margin-bottom:23px;border:1px solid var(--line);border-radius:9px;padding:13px 18px;background:#151719}.flow-step{font-size:12px;color:#92989e;white-space:nowrap}.flow-step b{display:inline-grid;place-items:center;width:23px;height:23px;border:1px solid #363b40;border-radius:50%;font-size:12px;margin-right:8px;color:#9da4a9;font-weight:500}.flow-step.active{color:#f0b47f}.flow-step.active b{border-color:#6e4c2d;background:#30261c;color:#f0b47f}.flow-line{height:1px;flex:0 1 55px;background:#33383c}.flow-end{margin-left:auto;font-size:12px;color:#747d83}main{padding:0 32px;max-width:1900px;margin:auto}.editor-layout{display:grid;grid-template-columns:285px minmax(0,1fr);gap:18px;align-items:start}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.source-panel{padding:21px 18px}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.panel-heading h2{margin:0;font-size:13px;font-weight:600}.mini-label{font-size:11px;letter-spacing:1.5px;color:#7d858b}.field-label{font-size:12px;color:#aeb5ba;display:flex;justify-content:space-between;margin:14px 0 7px}.field-label>span{font-size:12px;color:#747d83}#sourceText{height:240px;min-height:160px;font-size:12px;line-height:1.9;padding:13px;color:#cdd1d3}#sourceLink{font-size:12px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.two-fields label{font-size:12px;color:#aeb5ba}.two-fields label>input,.two-fields label>select{margin-top:7px;font-size:12px}.rules-details{margin-top:19px;border-top:1px solid var(--line);padding:13px 0 4px}.rules-details summary{font-size:12px;color:#91999f;cursor:pointer;list-style:none;display:flex;justify-content:space-between}.rules-details textarea{font-size:12px;margin-top:10px}.source-panel .button.full{padding:12px 8px}.manual-actions{display:flex;align-items:center;justify-content:center;gap:9px;margin:16px 0 20px;color:#535d63}.manual-actions button{background:none;border:none;font-size:12px;color:#929ba2;padding:0}.manual-actions button:hover{color:var(--accent)}.source-note{display:flex;align-items:flex-start;gap:7px;border-radius:7px;background:#202325;padding:10px}.source-note p{margin:0;font-size:12px;color:#858e94}.note-dot{width:4px;height:4px;background:#9dad8b;border-radius:50%;margin-top:6px;flex-shrink:0}.channel-tabs{display:flex;gap:20px;padding:0 24px;border-bottom:1px solid var(--line)}.channel-tab{background:none;border:0;border-bottom:2px solid transparent;padding:17px 0 15px;font-size:12px;color:#8c969d}.channel-tab.active{color:var(--text);border-bottom-color:var(--accent)}.channel-tab span{font-size:11px;padding:2px 5px;border-radius:4px;background:#2c3034;color:#9ca5ad;margin-left:4px}.channel-tab.active span{background:#3a2e21;color:var(--accent)}.creation-heading{display:flex;align-items:center;justify-content:space-between;padding:18px 23px}.creation-heading h2{display:inline;font-size:13px;font-weight:600;margin:0 10px 0 0}.creation-heading>div>span{font-size:12px;color:#858f97}.size-badge{font-size:11px;color:#8c979f;padding:4px 7px;border:1px solid #383e43;border-radius:5px;white-space:nowrap}.visual-workspace{display:grid;grid-template-columns:minmax(200px,1fr) 220px;padding:0 22px 20px;gap:20px}.preview-area{background:#121416;border:1px solid #282d31;border-radius:9px;padding:13px 13px 14px;min-width:0;display:flex;flex-direction:column;align-items:center}.preview-top{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:11px;color:#7d878f;letter-spacing:1px}.preview-live{font-size:10px;letter-spacing:1.4px;color:#6c766e}.canvas-wrap{position:relative;max-width:100%;width:300px;line-height:0;margin:auto;box-shadow:0 16px 50px #0006;overflow:hidden}#previewCanvas{width:100%;height:auto;display:block;position:relative;z-index:1}#clipPreview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#1c2225}.preview-controls{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:17px;font-size:12px;color:#89949d}.round-button{background:#1c2023;border:1px solid #30373b;border-radius:50%;width:26px;height:26px;font-size:12px;color:#a4afb7}.play-button{background:none;border:0;font-size:12px;padding:7px;color:#c6cfd5;white-space:nowrap}#playTime{font-size:11px;color:#737f89;font-variant-numeric:tabular-nums}.inspector{min-width:0}.inspector-heading{display:flex;justify-content:space-between;font-size:12px;font-weight:550}.inspector-heading>span{font-size:10px;letter-spacing:1.5px;color:#727d85;font-weight:400}.inspector .field-label{margin-top:12px;font-size:12px}.inspector input,.inspector select,.inspector textarea{font-size:12px;padding:8px 9px}.inspector .two-fields{margin-top:11px;gap:8px}.inspector .two-fields label{font-size:12px}.inspector .two-fields label>input,.inspector .two-fields label>select{margin-top:5px}.palette{display:flex;align-items:center;gap:10px;padding:4px 1px}.palette button{width:21px;height:21px;border-radius:50%;background:var(--swatch);border:2px solid transparent;outline:1px solid transparent;outline-offset:3px}.palette button.selected{outline-color:#94999e}.palette input[type=color]{margin-left:auto;width:24px;height:24px;padding:1px;border-radius:4px;cursor:pointer}.range-label{display:flex;justify-content:space-between;font-size:12px;color:#9ea9b1;margin:15px 0 5px}.range-label span{color:#7f8c95;font-size:11px}.inspector-divider{height:1px;background:var(--line);margin:18px 0}.check-label{display:flex;align-items:center;gap:7px;font-size:12px;color:#919ea6;margin-top:11px}.media-info{display:flex;align-items:center;gap:6px;background:#21272b;border:1px solid #343f45;padding:7px 9px;border-radius:6px;margin-top:9px;font-size:12px;color:#adbcc5}.media-info span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-info button{margin-left:auto;background:none;border:0;color:#a8b4ba;font-size:15px}.fit-warning{color:#f2a581;font-size:12px;margin:5px 0 0}.timeline-section{border-top:1px solid var(--line);padding:16px 22px 20px}.timeline-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;font-size:12px;color:#abb6be}.timeline-toolbar b{font-size:11px;color:#76848e;font-weight:400;margin-left:7px}.timeline-toolbar>div{display:flex;gap:6px;align-items:center}.timeline-toolbar button{font-size:11px;color:#9eaeb9;background:none;border:0;padding:4px 5px}.timeline-toolbar button:hover{color:var(--accent)}.toolbar-divider{height:12px;width:1px;background:#3d464d;margin:0 3px}.timeline-toolbar .add-item{border:1px solid #455059;border-radius:4px;padding:3px 6px;color:#d0d9df}.timeline{display:flex;gap:9px;overflow-x:auto;scrollbar-width:thin;padding:2px 3px 7px}.timeline-item{min-width:88px;width:88px;text-align:left;padding:0;background:none;border:none;color:#85939d;flex-shrink:0;position:relative}.timeline-item canvas{width:100%;height:66px;object-fit:cover;border:2px solid transparent;border-radius:6px;display:block;background:#1b2327}.timeline-item.active canvas{border-color:var(--accent)}.timeline-item .item-meta{display:flex;justify-content:space-between;font-size:11px;margin-top:5px}.timeline-item.active .item-meta{color:var(--accent)}.timeline-item .item-name{font-size:11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:3px}.timeline-item .clip-badge{position:absolute;top:5px;right:5px;background:#000a;border-radius:2px;color:#f0e9dd;font-size:10px;padding:0 3px}.bottom-strip{border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;gap:10px;padding:10px 14px;margin:18px 0 0;color:#7d8a92}.bottom-strip>span:first-child{font-size:17px;color:#ad9677}.bottom-strip p{font-size:12px;margin:0}.local-tag{margin-left:auto;font-size:10px;letter-spacing:1.5px;color:#6c7a82;white-space:nowrap}footer{max-width:1900px;margin:28px auto 0;padding:15px 32px 23px;display:flex;align-items:center;gap:15px;color:#545f67;font-size:11px}footer>span:first-child{letter-spacing:1.5px;font-size:11px}footer p{margin:0}footer>span:last-child{margin-left:auto}.text-workspace{padding:0 24px 24px}.text-channel-selector{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px}.text-channel-selector button{border:1px solid #343e46;border-radius:6px;background:#20272c;color:#98a8b3;font-size:12px;padding:8px 12px}.text-channel-selector button.active{background:#3a2c20;color:#efb17b;border-color:#63482e}.text-result{border:1px solid #333d45;background:#14191d;border-radius:9px;padding:17px;margin-top:13px}.text-result-header{display:flex;align-items:center;justify-content:space-between;color:#8396a3;font-size:12px;margin-bottom:12px}.text-result textarea{font-size:13px;min-height:180px;line-height:2}.text-result button{border:0;background:none;color:var(--accent);font-size:12px}.text-result .text-count{font-size:12px;color:#7e909d;margin-top:10px}.text-count.over{color:#ef9f7e}.radar-summary{padding:19px 22px;display:flex;align-items:center;gap:16px}.radar-icon{color:var(--accent);font-size:36px}.radar-summary strong{font-size:13px}.radar-summary p{margin:4px 0 0;color:#8e9ca7;font-size:12px}.status-pill{border:1px solid #454131;background:#2a291f;color:#bdb28a;border-radius:5px;font-size:12px;padding:4px 8px}.radar-summary .status-pill{margin-left:auto}.keyword-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}.keyword-card{padding:19px;display:flex;flex-direction:column;gap:12px}.keyword-card .keyword-rank{font-size:12px;color:var(--accent)}.keyword-card h2{font-size:16px;margin:0;line-height:1.5}.keyword-card p{margin:0;font-size:12px;color:#8d9da9}.keyword-card .news-title{font-size:12px;color:#b2bec7}.keyword-card button{margin-top:auto}.keyword-card a{color:#b3b9a6;font-size:12px}.keyword-card .news-links{display:flex;flex-direction:column;gap:5px}.plan-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.plan-panel,.roadmap-panel{padding:25px}.plan-row{display:flex;gap:12px;align-items:center;border-top:1px solid var(--line);padding:18px 0}.plan-row input{width:17px;height:17px}.plan-row strong{font-size:12px;font-weight:500}.plan-row small{display:block;color:#82929e;font-size:12px}.plan-row button{margin-left:auto}.roadmap-panel h2{font-size:22px;margin:19px 0 10px}.roadmap-panel p{font-size:12px;color:#96a5b0;line-height:1.9}.integration-row{display:flex;align-items:center;gap:13px;border-top:1px solid var(--line);padding:18px 0}.integration-row>span:first-child{font-size:27px;color:#b3bdc5}.integration-row strong{font-size:12px}.integration-row small{display:block;font-size:12px;color:#8295a3}.planned-label{margin-left:auto;font-size:12px;color:#7c909e}.muted{color:#83919b!important}dialog{color:var(--text);background:#1c2023;border:1px solid #424c54;border-radius:16px;width:min(520px,calc(100vw - 28px));padding:27px;box-shadow:0 24px 100px #0008;max-height:90vh;overflow-y:auto}dialog::backdrop{background:#070b10b8;backdrop-filter:blur(4px)}.dialog-header{display:flex;align-items:center;justify-content:space-between}.dialog-header h2{font-size:22px;margin:7px 0 0}.close-button{background:none;border:none;font-size:24px;color:#899ba7;padding:4px 8px}dialog>p{font-size:12px;color:#a3b1bb;line-height:1.8;margin:18px 0}.help-text{font-size:12px!important;color:#a3b1bb!important;line-height:1.8}.notice{border:1px solid #534535;border-radius:7px;background:#2c261f;padding:12px;font-size:12px;color:#c5ae95;margin-top:20px}.dialog-footnote{font-size:12px;text-align:center;color:#8fa0ac;margin-top:16px}.dialog-actions{display:flex;justify-content:space-between;margin-top:18px}.export-options{display:flex;flex-direction:column;gap:8px}.export-options button{display:flex;align-items:center;gap:15px;width:100%;background:#161c21;border:1px solid #343f48;border-radius:9px;text-align:left;padding:13px}.export-options button:hover{border-color:#806143}.export-options button>span{font-size:23px;color:#b4a188;width:25px}.export-options button strong{font-size:12px;font-weight:550}.export-options button small{display:block;font-size:12px;color:#879cab;margin-top:3px}.export-options button b{margin-left:auto;font-weight:400;color:#a1b3bf}.video-export{border-top:1px solid var(--line);margin-top:20px;padding-top:2px}.video-export .two-fields{align-items:end}.video-export .two-fields button{display:flex;width:100%;margin-top:7px}.export-progress{padding:15px 0 0}.export-progress>div{display:flex;justify-content:space-between;font-size:12px;color:#beac93}.export-progress button{background:none;border:0;font-size:12px;color:#a6bbc9}.export-progress progress{width:100%;height:6px;margin-top:9px;accent-color:var(--accent)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#ece5da;color:#2b251e;border:1px solid #f5a65b;border-radius:9px;padding:12px 20px;z-index:100;font-size:12px;box-shadow:0 8px 40px #0007;max-width:calc(100vw - 30px)}#toast.error{background:#3e2420;color:#f0b4a0;border-color:#8d5644}
@media(min-width:1600px){.editor-layout{grid-template-columns:330px minmax(0,1fr)}.visual-workspace{grid-template-columns:minmax(200px,1fr) 260px;gap:30px}.canvas-wrap{width:340px}#sourceText{height:300px}.source-panel{padding:25px}.preview-area{padding:20px}.inspector input,.inspector select,.inspector textarea{padding:10px}.inspector .field-label{margin-top:16px}}
@media(max-width:1250px){.sidebar{width:180px;padding-left:13px;padding-right:13px}.app-shell{margin-left:180px}main{padding:0 20px}.topbar{padding:0 20px}.editor-layout{grid-template-columns:240px minmax(0,1fr);gap:12px}.visual-workspace{grid-template-columns:minmax(170px,1fr) 185px;padding:0 15px 18px;gap:12px}.source-panel{padding:18px 14px}.brand strong{font-size:24px}.brand-icon{font-size:37px}.flow-end{display:none}.save-state{display:none}.creation-heading{padding:16px}.timeline-section{padding:14px 15px}.channel-tabs{padding:0 16px;gap:16px}.canvas-wrap{width:260px}.timeline-item{width:76px;min-width:76px}.preview-controls{gap:5px}.keyword-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1050px){.editor-layout{grid-template-columns:220px minmax(0,1fr)}.visual-workspace{grid-template-columns:1fr}.inspector{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}.inspector-heading,.inspector-divider,.palette,.inspector>.field-label,.inspector>.range-label,.inspector>input,.inspector>select,.inspector>textarea,.inspector>.fit-warning,.inspector>.two-fields,.timing-fields,.inspector>.button,.media-info{grid-column:1/-1}.inspector>.field-label{margin-bottom:0}.inspector>.button{margin-top:2px}.inspector-divider{margin:4px 0}.preview-area{min-height:380px}.creation-heading>div>span{display:none}.canvas-wrap{width:240px}.source-panel{position:sticky;top:15px}.topbar .breadcrumb{display:none}.header-actions{margin-left:auto}.flow{gap:10px}.flow-line{flex-basis:20px}.plan-grid{grid-template-columns:1fr}}
@media(max-width:760px){.sidebar{position:static;width:auto;padding:14px 17px;border-right:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;gap:16px}.brand{margin:0;gap:7px}.brand-icon{font-size:26px}.brand small{font-size:10px;letter-spacing:2px}.brand strong{font-size:18px}.sidebar nav{display:flex;margin-left:auto;gap:4px}.nav-item{width:auto;font-size:0;padding:7px;margin:0;gap:0}.nav-item>span:first-child{font-size:20px;width:24px}.nav-count{font-size:10px;margin:0 0 0 4px}.workspace-label,.sidebar-line,.sidebar-caption,.project-link,.new-project,.sidebar-bottom{display:none}.app-shell{margin-left:0}.topbar{height:58px;padding:0 15px}.header-actions{width:100%;justify-content:flex-end;gap:7px}.header-actions .button{font-size:12px;padding:7px 9px}main{padding:0 14px}.page-heading{margin:25px 0 19px;gap:10px;align-items:flex-start}.page-heading h1{font-size:25px}.page-heading p{font-size:12px}.eyebrow{font-size:11px}.demo-button{font-size:11px;padding:8px;white-space:nowrap}.flow{padding:11px;gap:7px}.flow-step{font-size:11px}.flow-step b{width:20px;height:20px;margin-right:3px;font-size:11px}.flow-line{flex-basis:10px}.editor-layout{grid-template-columns:1fr}.source-panel{position:static}.source-panel .panel-heading{margin-bottom:14px}#sourceText{height:170px}.source-panel .button.full{margin-top:10px}.source-panel .source-note{margin-top:8px}.manual-actions{margin:12px 0}.visual-workspace{grid-template-columns:minmax(170px,1fr) 180px;gap:12px}.inspector{display:block}.inspector-divider{margin:14px 0}.inspector>.button{margin-top:12px}.preview-area{min-height:0;align-self:start}.canvas-wrap{width:240px}.preview-controls{flex-wrap:wrap;gap:6px}.preview-live{display:none}.keyword-grid{grid-template-columns:1fr}.radar-summary{padding:15px;gap:10px}.radar-summary .status-pill{font-size:10px}.bottom-strip{align-items:flex-start}.local-tag{display:none}footer{padding:15px 14px;font-size:10px;gap:8px}footer p{display:none}.plan-panel,.roadmap-panel{padding:20px}}
@media(max-width:450px){.visual-workspace{grid-template-columns:1fr}.preview-area{min-height:380px}.inspector{padding-top:8px;border-top:1px solid var(--line)}.canvas-wrap{width:250px}.preview-controls{flex-wrap:nowrap}.channel-tabs{gap:20px}.channel-tab{font-size:12px}.timeline-toolbar{align-items:flex-start;gap:7px}.timeline-toolbar>span{white-space:nowrap}.timeline-toolbar>div{gap:1px;flex-wrap:wrap;justify-content:flex-end}.flow{justify-content:space-between}.flow-line{display:none}.plan-row button{padding:7px;font-size:12px}.text-channel-selector button{font-size:12px;padding:7px 9px}}
.production-bar{display:flex;justify-content:space-between;align-items:center;padding:19px 22px;margin-bottom:18px;background:linear-gradient(105deg,#24201a,#191b1d 65%);gap:20px}.production-bar strong{display:block;font-size:16px;margin-top:5px;letter-spacing:-.4px}.pipeline-steps{display:flex;align-items:center;gap:9px;font-size:12px;margin-top:10px;color:#879299}.pipeline-steps b{font-size:11px;color:#5e6b72;font-weight:400}.pipeline-steps span.done{color:#bfdba1}.pipeline-steps span.current{color:var(--accent)}.production-actions{text-align:right;flex-shrink:0}.production-actions small{display:block;font-size:12px;color:#7f8a91;margin-top:8px;max-width:240px}.voice-tools>small{font-size:11px;color:#7f919e;display:block;margin-top:5px}.voice-tools audio{width:100%;height:30px;margin-top:8px}.voice-tools .button{font-size:12px;padding:8px}.media-attribution{font-size:11px;margin-top:5px;color:#9fae99}.media-attribution a{color:#b5c8a2}.production-actions .button{font-size:12px}.voice-tools{grid-column:1/-1}@media(max-width:760px){.production-bar{padding:16px;gap:10px;flex-direction:column;align-items:flex-start}.production-actions{text-align:left;width:100%}.production-actions small{max-width:none}.pipeline-steps{gap:8px}.production-bar strong{font-size:15px}}
.scrubber{margin:2px 0 17px;padding:10px 12px;background:#12181c;border:1px solid #303b43;border-radius:7px}.scrubber label{display:flex;justify-content:space-between;color:#a9b8c3;font-size:12px}.scrubber label span{font-variant-numeric:tabular-nums;color:var(--accent);font-size:11px}.scrubber input{margin-top:7px;width:100%;accent-color:var(--accent)}.scrubber small{display:block;color:#7d929f;font-size:11px;margin-top:3px}

.design-bar{padding:0 22px 20px;border-bottom:1px solid var(--line)}.concept-picker{display:flex;flex-wrap:wrap;gap:9px}.concept-choice{display:flex;gap:9px;align-items:center;padding:9px 13px;border:1px solid #3b3e42;border-radius:30px;background:transparent;font-size:13px;font-weight:700}.concept-choice:hover{background:#25272b}.concept-choice.selected{outline:2px solid #f1f1ef;outline-offset:2px}.concept-swatch{width:29px;height:29px;border-radius:50%;border:1px solid #777;box-shadow:inset 0 0 0 2px #ffffff20}.swatch-editorial{background:#fff}.swatch-magazine{background:linear-gradient(150deg,#f5f1e7 55%,#262421 56%)}.swatch-information{background:radial-gradient(circle,#0c1123 45%,#1d2942 46%)}.swatch-bold{background:radial-gradient(circle at 80% 20%,#101112 48%,#345bff 49%)}.swatch-pop{background:linear-gradient(160deg,#2e54ff 50%,#ffe344 51%)}.swatch-note{background:repeating-linear-gradient(#fff9de 0 8px,#c1c9d6 9px,#fff9de 10px)}.swatch-chat{background:linear-gradient(135deg,#ecf0f3 45%,#ff5b14 46%)}.design-options{display:flex;align-items:center;gap:14px;margin-top:15px;color:#a4a9ad;font-size:12px}.design-options small{margin-left:auto}.gallery-toggle{margin-left:auto;border:1px solid #3f4448;background:#282b2e;border-radius:6px;padding:5px 10px;font-size:12px}.card-gallery{padding:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;background:#141516;align-content:start}.gallery-card{padding:0;border:0;background:none;text-align:left;min-width:0}.gallery-card canvas{display:block;width:100%;height:auto;border-radius:7px;box-shadow:0 3px 15px #0004;outline:1px solid #3b3e41}.gallery-card.selected canvas{outline:2px solid var(--accent);outline-offset:3px}.gallery-card span{display:block;font-size:12px;color:#899097;margin-top:8px}.visual-workspace.gallery-mode .preview-area{display:none}.visual-workspace:not(.gallery-mode) .card-gallery{display:none}.creation-heading{gap:10px}.inspector .design-fields{margin:12px 0}.page-heading{margin-top:23px}.flow{margin-bottom:16px}.creation-panel .creation-heading{padding-top:20px}
@media(min-width:1650px){.card-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.card-gallery{padding:15px;gap:15px}.concept-choice{padding:7px 9px;font-size:12px}.design-bar{padding:0 15px 15px}.design-options small{display:none}}

.visual-workspace.gallery-mode{grid-template-columns:minmax(0,1fr)}.visual-workspace.gallery-mode .inspector{display:none}.card-gallery{gap:22px}.gallery-card:focus-visible{outline-offset:8px}

.icon-picker-toggle{width:100%;border:1px solid var(--line);border-radius:7px;background:#25272a;padding:8px 10px;margin-top:10px;font-size:12px;text-align:left}.icon-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding-top:10px}.icon-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60px;background:#202326;border:1px solid #363b40;border-radius:7px;color:#c5cbd0;padding:7px 2px}.icon-choice.selected{border-color:var(--accent);background:#392c20;color:var(--accent)}.icon-choice svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.icon-choice small{font-size:12px;margin-top:4px}.icon-choice>span{font-size:20px;line-height:24px}

.swatch-clinic{background:linear-gradient(145deg,#eaf5f1 60%,#2a9c78 61%)}.swatch-menu{background:linear-gradient(145deg,#fff1de 60%,#9d4931 61%)}.swatch-quote{background:linear-gradient(145deg,#ede9e4 60%,#28272a 61%)}.swatch-neon{background:radial-gradient(circle,#ca73ff,#130c23)}.swatch-paper{background:linear-gradient(145deg,#f8f5ed 60%,#244536 61%)}.swatch-minimal{background:linear-gradient(90deg,#f8f8f7 75%,#c4cad0 76%)}.video-edit-panel{grid-column:1/-1;border:1px solid #3b4147;border-radius:9px;padding:11px;margin:12px 0;background:#14181b}.video-edit-panel summary{cursor:pointer;font-size:12px;font-weight:700}.video-edit-panel summary span{display:block;font-size:11px;letter-spacing:1px;color:#7f8e99}.video-edit-panel>label{display:block;font-size:12px;margin-top:14px}.video-edit-panel .two-fields{margin-top:12px}.video-edit-panel output{color:var(--accent);font-size:12px}.video-edit-panel small{font-size:12px;color:#8b969f;display:block;margin-top:12px}.flip-fields{display:flex;font-size:12px;gap:10px;margin:12px 0}.text-rewrite{display:flex;align-items:center;gap:15px;margin-bottom:15px}.text-rewrite small{font-size:12px;color:#8b979f}

.focus-workspace>.page-heading,.focus-workspace>.flow,.focus-workspace>.production-bar,.focus-workspace .source-panel{display:none}.focus-workspace>.editor-layout{grid-template-columns:1fr;margin-top:22px}.focus-workspace .card-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.focus-workspace .visual-workspace:not(.gallery-mode){grid-template-columns:minmax(0,1fr) 300px}.focus-workspace .canvas-wrap{width:400px}@media(max-width:760px){.focus-workspace .card-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.focus-workspace .visual-workspace:not(.gallery-mode){grid-template-columns:1fr}.focus-workspace .canvas-wrap{width:300px}}

.text-layers{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:visible}.layer-handle{position:absolute;pointer-events:auto;border:1px dashed transparent;background:transparent;padding:0;cursor:grab;touch-action:none;min-width:15px;min-height:15px}.layer-handle:hover,.layer-handle.selected{border-color:#7facff;box-shadow:0 0 0 1px #07152a50}.layer-handle:active{cursor:grabbing}.position-tools{border:1px solid var(--line);padding:12px;border-radius:8px;margin-top:12px;grid-column:1/-1}.position-tools strong{font-size:12px}.position-tools small{display:block;font-size:12px;color:#8a949d;margin-top:4px}.position-tools .two-fields{margin-top:9px}.canvas-wrap{overflow:hidden}

.naver-settings{border:1px solid var(--line);padding:18px;border-radius:10px;margin-top:16px}.naver-settings p{font-size:12px;color:#a1aeb9}.naver-settings a{color:#80d2ae}.naver-settings .button{margin-top:12px}
.industry-guide{border:1px solid #3a4c45;background:linear-gradient(135deg,#182b26,#191e21);padding:14px;border-radius:10px;margin:12px 0}.industry-guide strong{font-size:13px;color:#b5e8d1}.industry-guide p{font-size:12px;line-height:1.8;margin:9px 0;color:#e2e8e5}.industry-guide small{color:#a0b0aa;font-size:12px;line-height:1.7}.channel-tone-panel{border:1px solid var(--line);border-radius:9px;margin-top:15px;padding:12px}.channel-tone-panel summary{cursor:pointer;font-weight:700;font-size:12px}.channel-tone-panel label{display:grid;grid-template-columns:95px 1fr;align-items:center;gap:8px;font-size:12px;margin:9px 0}.channel-tone-panel select{font-size:12px}.channel-tone-panel small{display:block;font-size:12px;line-height:1.6;color:#899bA6}.inspector-nav{display:flex;gap:5px;margin:-4px 0 18px;padding-bottom:12px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#191c1f;z-index:5}.inspector-nav button{flex:1;border:1px solid #363e45;background:#20262b;border-radius:7px;padding:9px 4px;font-size:12px}.inspector-nav button.active{color:#101514;background:#c1e3ce;border-color:#c1e3ce}.inspector>section{min-width:0;grid-column:1/-1}.icon-library{grid-column:1/-1;border:1px solid var(--line);padding:10px;border-radius:8px;margin-top:8px}.icon-library label{font-size:12px}.icon-library small{display:block;color:#93a49d;font-size:12px;margin-top:8px}.icon-picker{max-height:360px;overflow:auto}.shorts-tools{padding:18px 22px;background:#14191d;border-bottom:1px solid var(--line)}.shorts-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.shorts-modes button{padding:14px;border:1px solid #39434c;border-radius:10px;text-align:left;background:#1b2228;font-weight:750;font-size:14px}.shorts-modes button.active{border-color:#c0e9d2;background:#263b32;color:#dbf6e7}.shorts-modes span{display:block;font-size:12px;font-weight:450;margin-top:5px;color:#8fa3b0}#motionTextTools{margin-top:17px}#motionTextTools>small{font-size:12px;color:#93a4b1;margin-left:12px}.three-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}.three-fields label{font-size:12px}.trim-range{border:1px solid #3b474e;border-radius:8px;padding:10px;margin:12px 0}.trim-range small{display:block;color:#94aaae;font-size:12px;margin-top:9px}.auto-video-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.auto-video-input,.auto-video-options{padding:24px}.video-drop{width:100%;padding:48px 15px;border:1px dashed #708c81;border-radius:14px;background:linear-gradient(135deg,#21362c,#16222e);color:#d0f0e0;font-size:20px;font-weight:750}.video-drop span{display:block;font-size:12px;margin-top:14px;color:#8caca0;font-weight:450}.auto-video-input video{width:100%;max-height:330px;border-radius:10px;margin:14px 0;background:#0d1012}.logo-settings{border-top:1px solid var(--line);padding-top:22px;margin-top:22px}.logo-settings>strong{font-size:14px}.logo-settings small,.auto-video-options>small{display:block;font-size:12px;color:#94a59f;line-height:1.7;margin:12px 0}.auto-video-options .check-label{padding:11px 0;font-size:13px}.auto-video-options textarea{min-height:165px}#autoEditStatus{color:#9cd6b9;font-size:13px;line-height:1.7}.auto-result{margin-top:22px;padding:24px}.auto-result strong{font-size:18px}.auto-result p{font-size:12px;color:#b8c5c9;padding:8px;border-bottom:1px solid #293439}.auto-result>div{max-height:300px;overflow:auto;margin:15px 0}.fit-warning{padding:9px;background:#5a3324;border:1px solid #946e41;border-radius:6px;color:#ffd5a2}
@media(max-width:1000px){.auto-video-grid{grid-template-columns:1fr}.three-fields{grid-template-columns:1fr}.inspector-nav{grid-column:1/-1}.shorts-tools{padding:15px}.shorts-modes button{padding:10px;font-size:12px}}
[hidden]{display:none!important}
.inspector{display:block!important}.inspector-nav{grid-column:1/-1;position:relative;height:auto;align-items:center}.inspector-nav button{white-space:nowrap;min-height:36px;line-height:1.4;padding:9px 5px}
.visual-workspace.gallery-mode .inspector{display:none!important}
.script-toolbar{padding:24px;display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin-bottom:22px}.script-toolbar label{flex:1;min-width:240px}.script-toolbar small{width:100%;color:var(--muted)}.script-rows{display:grid;gap:16px}.script-row{padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--panel);display:grid;grid-template-columns:120px 1fr 1fr;gap:18px}.script-row header{font-size:18px;font-weight:800}.script-row header small{display:block;font-size:12px;font-weight:500;color:var(--muted);margin-top:10px}.script-row textarea{min-height:110px}.script-row .script-actions{grid-column:2/-1;display:flex;gap:10px;flex-wrap:wrap}.script-row label{color:var(--muted);font-size:13px}.script-row label textarea,.script-row label input{margin-top:10px}.brand-kit-editor{padding:28px;max-width:940px}.kit-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.kit-summary{padding:24px;border:1px solid var(--line);border-radius:12px;line-height:1.9}.kit-swatch{display:inline-block;width:18px;height:18px;border-radius:50%;vertical-align:middle;margin-right:8px}.safe-guide{pointer-events:none;position:absolute;inset:10% 15% 18% 6%;border:1px dashed #c8ff8b;background:#c8ff8b08;z-index:4}.safe-guide span{position:absolute;bottom:-22px;left:0;font-size:12px;color:#c8ff8b;white-space:nowrap}.safe-toggle{padding:10px 14px;justify-content:center}.shorts-tools .three-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.shorts-tools label{font-size:12px}.shorts-tools #motionDuration{max-width:150px}.shorts-tools .three-fields label:last-child{grid-column:auto}.shorts-tools{padding:20px 24px}
@media(max-width:850px){.script-row{grid-template-columns:1fr}.script-row .script-actions{grid-column:auto}.shorts-tools .three-fields{grid-template-columns:1fr 1fr}}

.motion-tempo{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:16px 0}.motion-tempo>span{color:var(--muted);font-size:13px;margin-right:6px}.motion-tempo .button{font-size:12px;padding:9px 12px}
/* Company workspaces and publishing */
.workspace-switcher{margin:-12px 0 18px;display:grid;gap:7px}.workspace-switcher label{font-size:12px;color:var(--muted,#99a6ad)}.workspace-switcher select{font-size:12px;padding:10px;min-width:0;width:100%}.workspace-switcher small{font-size:12px;color:#b0b9bd}.workspace-grid,.publish-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;margin:24px 0}.service-panel{padding:26px;min-width:0}.service-panel>label,.publish-form>label,#publishConnectionDialog>label,#instagramConnectionFields>label{display:grid;gap:8px;margin:16px 0;color:#bac3c7;font-size:13px}.service-panel h3{margin:28px 0 12px}.service-panel .check-label{display:flex;align-items:flex-start;gap:10px;line-height:1.7}.service-panel .check-label input{flex:0 0 auto;margin-top:4px}.service-panel input,.service-panel select,.service-panel textarea{max-width:100%}.service-row{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line,#333)}.service-row>div{display:grid;gap:8px;min-width:0}.service-row strong,.service-row span{overflow-wrap:anywhere}.service-row small,.publish-job small{font-size:12px;color:#9eaab0;display:block}.service-row button{flex-shrink:0}.empty-state{padding:28px 10px;border:1px dashed #394247;border-radius:12px;color:#a5b0b6;text-align:center;line-height:1.8}.service-result{white-space:pre-line;line-height:1.8;color:#a8d3bd;font-size:13px;margin:16px 0;overflow-wrap:anywhere}.service-result.error{color:#ffada7}.connection-result{padding:12px;background:#13191c;border:1px solid #35403f;border-radius:10px;margin:8px 0}.connection-result p{margin:7px 0}.connection-result small{display:block;color:#a8b6bc}.publish-job{display:grid;gap:9px;border:1px solid #3a4347;border-radius:14px;padding:18px;margin:14px 0;overflow-wrap:anywhere}.publish-job p{margin:0;font-size:13px;color:#c1c8cc}.publish-job strong{font-size:16px}#publishPreview{display:block;max-width:100%;width:100%;max-height:360px;background:#090d10;border-radius:12px;margin:16px 0}#publishPreview[hidden]{display:none}#publishConnectionDialog label{display:grid;gap:8px;margin:15px 0}#publishConnectionDialog{max-width:590px}#scheduleTimezone{font-size:12px;color:#a1afb5;display:block}.speech-test{padding:18px 0;border-top:1px solid #333;margin:16px 0}.speech-test summary{cursor:pointer;font-weight:700}.speech-test audio{max-width:100%;width:100%;margin-top:16px}#speechTestResult{white-space:pre-line;font-size:13px;line-height:1.8}.login-screen{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 18% 25%,#3c2920,transparent 50%),#0c1012;padding:30px}.login-screen[hidden]{display:none}.login-card{max-width:520px;width:100%;border:1px solid #394047;background:#151b1ede;padding:48px;border-radius:24px;box-shadow:0 28px 90px #0006}.login-card .brand-icon{font-size:56px;display:block;margin-bottom:20px;color:#ffaf63}.login-card h1{font-size:40px;line-height:1.4;letter-spacing:-1.8px;margin:20px 0}.login-card p{color:#bac4c8;line-height:1.8}.login-card small{display:block;margin-top:22px;color:#87969f;line-height:1.7}.login-required>.sidebar,.login-required>.app-shell{display:none}.workspace-viewer #studioView .source-panel,.workspace-viewer #studioView .inspector,.workspace-viewer #autoVideoView,.workspace-viewer #scriptView,.workspace-viewer #brandView{pointer-events:none;opacity:.65}.workspace-viewer #newProject{display:none}
@media(max-width:1050px){.workspace-grid,.publish-grid{grid-template-columns:1fr}.service-panel{padding:22px}.workspace-switcher{margin-top:0}}@media(max-width:760px){.workspace-switcher{display:none}.service-panel{padding:18px}.login-card{padding:28px}.login-card h1{font-size:30px}.service-panel .panel-heading{gap:10px;flex-wrap:wrap}.service-row{gap:10px}.service-row .button{padding:8px}.workspace-grid,.publish-grid{gap:16px}}

.publish-grid{align-items:start}.login-card label{display:grid;gap:9px;font-size:13px;color:#bac4c8;margin:18px 0}.login-card input{width:100%}.login-card .service-result{margin-top:12px}.login-card .kit-actions{margin-bottom:0}

.workspace-viewer #studioView .visual-workspace{pointer-events:none}.workspace-viewer #workspaceRole{color:#f0ba7d}

@media(min-width:761px){.sidebar{overflow-y:auto;overscroll-behavior:contain}.sidebar>*{flex-shrink:0}}

.publish-history{border-top:1px solid #343e42;padding-top:12px}.publish-history summary{cursor:pointer;font-size:12px;color:#b9c6cd}.publish-history p{margin-top:10px;font-size:12px;line-height:1.7}

@media(max-height:740px){.login-screen{padding:18px}.login-card{padding:28px}.login-card .brand-icon{font-size:38px;margin-bottom:8px}.login-card h1{font-size:28px;letter-spacing:-1px;margin:12px 0}.login-card p{font-size:13px;margin:10px 0}.login-card label{margin:12px 0}.login-card small{margin-top:15px}.login-card input{padding:11px 13px}}

.viewer-notice{display:none;padding:16px;border:1px solid #67513b;background:#282019;border-radius:10px;color:#f1c89a;font-size:13px;line-height:1.7}.workspace-viewer .viewer-notice{display:block}.workspace-viewer [data-view="autoVideo"],.workspace-viewer [data-view="script"],.workspace-viewer [data-view="brand"],.workspace-viewer [data-view="radar"]{display:none}
.canvas-wrap.landscape{width:min(100%,620px)}
.ratio-bar{display:flex;gap:8px;align-items:stretch;flex-wrap:wrap;margin-bottom:14px}.ratio-bar>span{align-self:center;color:var(--muted);font-size:13px;margin-right:4px}.ratio-bar button{background:var(--field);border:1px solid var(--line);border-radius:10px;color:var(--text);font-size:13px;font-weight:650;padding:9px 14px;text-align:left;line-height:1.35}.ratio-bar button small{display:block;color:var(--muted);font-size:12px;font-weight:500}.ratio-bar button.active{border-color:var(--accent);background:#2a2118;color:var(--accent)}
.nudge-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:10px 0 4px}.nudge-row>span{flex:1 0 100%;color:var(--muted);font-size:12px}.nudge-row button{flex:1;background:var(--field);border:1px solid var(--line);border-radius:8px;color:var(--text);font-size:12px;padding:8px 4px}.nudge-row button:hover{border-color:var(--accent);color:var(--accent)}
.clip-editor{border:1px solid var(--line);border-radius:12px;background:#111416;overflow:hidden}
.clip-tools{display:flex;align-items:center;gap:14px;padding:10px 14px;border-bottom:1px solid var(--line);flex-wrap:wrap}.clip-time{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent);white-space:nowrap}.clip-hint{flex:1;min-width:160px;color:var(--muted);font-size:12px}.clip-zoom{display:flex;align-items:center;gap:6px}.clip-zoom button{background:var(--field);border:1px solid var(--line);border-radius:7px;color:var(--text);font-size:13px;min-width:30px;height:30px;padding:0 8px}.clip-zoom button:hover{border-color:var(--accent);color:var(--accent)}.clip-zoom input{width:110px;accent-color:var(--accent)}
.clip-scroll{overflow-x:auto;overflow-y:hidden;padding:0 12px 12px;scrollbar-width:thin}.clip-stage{position:relative;min-width:100%;padding-top:30px}
.clip-ruler{position:absolute;inset:0 0 auto 0;height:30px;border-bottom:1px solid #2a3035;cursor:pointer;touch-action:none}.clip-tick{position:absolute;top:0;height:30px;border-left:1px solid #3a4248;padding:5px 0 0 5px;color:#8b979f;font-size:12px;font-variant-numeric:tabular-nums;pointer-events:none;white-space:nowrap}
.clip-track{display:flex;align-items:stretch;margin-top:8px;width:max-content}.clip-video{height:74px;margin-top:22px}
.clip{position:relative;flex:none;height:100%;border-radius:8px;background:#20262b;box-shadow:inset 0 0 0 1px #3a444b;overflow:visible}.clip.has-video{background:#1c2a33}.clip.selected{box-shadow:inset 0 0 0 2px var(--accent);z-index:2}.clip.trimming{z-index:3;opacity:.92}
.clip-body{position:absolute;inset:0;border:0;padding:0;margin:0;background:none;border-radius:8px;overflow:hidden;color:#fff;text-align:left;cursor:grab}.clip-strip{position:absolute;inset:0 auto 0 0;height:100%;width:auto;display:block}.clip-meta{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;gap:6px;padding:14px 8px 5px 10px;background:linear-gradient(#0000,#000c);font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.clip-meta b{font-weight:800}.clip-kind{position:absolute;top:5px;right:9px;background:#000a;border-radius:4px;font-size:12px;padding:1px 5px}
.clip-handle{position:absolute;top:0;bottom:0;width:11px;cursor:ew-resize;touch-action:none;z-index:4}.clip-handle.left{left:0;border-radius:8px 0 0 8px}.clip-handle.right{right:0;border-radius:0 8px 8px 0}.clip-handle::after{content:"";position:absolute;top:22%;bottom:22%;left:4px;width:3px;border-radius:2px;background:#ffffff66}.clip:hover .clip-handle,.clip.selected .clip-handle{background:var(--accent)}.clip:hover .clip-handle::after,.clip.selected .clip-handle::after{background:#1b1206}
.clip-restore{position:absolute;top:-20px;transform:translateX(-50%);z-index:5;background:#22301f;border:1px dashed #9fd68a;border-radius:9px;color:#c5f0b3;font-size:12px;line-height:1;padding:3px 6px;white-space:nowrap}.clip-restore.before{left:0}.clip-restore.after{left:100%}.clip:first-child .clip-restore.before{transform:none}.clip:last-child .clip-restore.after{transform:translateX(-100%)}.clip-restore:hover{background:#9fd68a;color:#102008}
.clip-text{flex:none;height:30px;background:#262b30;border:0;border-right:2px solid #111416;border-radius:6px;color:#dfe5e9;font-size:12px;padding:0 9px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.clip-text.empty{color:#6f7b83;font-style:italic}.clip-text.selected{background:#3a2d1c;color:#ffd9a8}.clip-text:hover{background:#333a40}
.clip-audio{position:relative;height:24px;margin-bottom:2px}.clip-voice{flex:none;height:22px;border-right:2px solid #111416;border-radius:5px;color:#9db8c9;font-size:12px;line-height:22px;padding:0 8px;overflow:hidden;white-space:nowrap}.clip-voice.on{background:#1c2c38}.clip-music{position:absolute;left:0;top:26px;height:18px;background:#2a2238;border-radius:5px;color:#c9b6ee;font-size:12px;line-height:18px;padding:0 8px;overflow:hidden;white-space:nowrap}.clip-audio:has(.clip-music){height:48px}
.clip-playhead{position:absolute;top:0;bottom:0;width:15px;margin-left:-7px;pointer-events:none;z-index:6}.clip-playhead::before{content:"";position:absolute;left:7px;top:8px;bottom:0;width:1.5px;background:#fff}.clip-playhead i{position:absolute;left:-2px;top:1px;width:19px;height:19px;background:#fff;border-radius:4px 4px 10px 10px;pointer-events:auto;cursor:ew-resize;touch-action:none}
.heading-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.simple-steps{display:none;list-style:none;margin:0 0 22px;padding:0;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.simple-steps li{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:12px;background:#151719;padding:14px 16px}.simple-steps b{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--accent);color:#1b1206;font-size:15px}.simple-steps strong{display:block;font-size:15px}.simple-steps span{display:block;color:var(--muted);font-size:13px;line-height:1.55;margin-top:2px}
.simple-mode .simple-steps{display:grid}
.simple-mode>.flow,.simple-mode .source-panel>.two-fields,.simple-mode #industryGuide,.simple-mode #industryExample,.simple-mode #industryFields,.simple-mode .source-panel>details,.simple-mode label[for="sourceLink"],.simple-mode #sourceLink,.simple-mode .manual-actions,.simple-mode .design-options,.simple-mode #focusWorkspace,.simple-mode .inspector-nav,.simple-mode .position-tools,.simple-mode .design-fields,.simple-mode #motionTextTools>small{display:none!important}
.simple-mode [data-inspector-panel]{display:none!important}.simple-mode [data-inspector-panel="text"]{display:block!important}
.simple-mode #sourceText{min-height:260px}
@media(max-width:900px){.simple-steps{grid-template-columns:1fr}}


/* Adjustable editor area: scale the preview and scroll tools independently. */
@media(min-width:761px){
  #visualWorkspace:not(.gallery-mode){height:var(--editor-height,560px);min-height:300px;box-sizing:border-box;grid-template-rows:minmax(0,1fr);align-items:stretch}
  #visualWorkspace:not(.gallery-mode)>.preview-area{min-height:0;overflow:hidden}
  #visualWorkspace:not(.gallery-mode)>.inspector{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:8px}
  #visualWorkspace:not(.gallery-mode) .canvas-wrap{flex:none}
}
.workspace-size-bar{display:flex;align-items:center;gap:12px;padding:0 22px 10px;background:#171a1c}
.workspace-resize-handle{display:flex;align-items:center;justify-content:center;gap:12px;flex:1;min-height:32px;border:1px solid #3e484f;border-radius:7px;color:#98a8b3;background:#20262b;cursor:ns-resize;touch-action:none;user-select:none;font-size:12px}
.workspace-resize-handle:hover,.workspace-resize-handle:focus-visible,.resizing-workspace .workspace-resize-handle{border-color:var(--accent);color:var(--accent);outline:2px solid #f5a65b33;outline-offset:2px}
.resize-grip{width:28px;height:5px;border-top:2px solid currentColor;border-bottom:2px solid currentColor}
.workspace-resize-handle output{font-variant-numeric:tabular-nums;color:var(--accent)}
#resetWorkspaceSize{flex:none;border:1px solid #3e484f;background:#20262b;border-radius:7px;font-size:12px;padding:7px 10px;color:#b9c4cc}
.resizing-workspace,.resizing-workspace *{cursor:ns-resize!important;user-select:none!important}
.creation-panel:has(.gallery-mode) .workspace-size-bar{display:none}
@media(max-width:760px){.workspace-size-bar{display:none}}

@media(min-width:761px){#visualWorkspace:not(.gallery-mode) .inspector-nav{position:sticky;top:0;z-index:5;margin-top:0;background:var(--panel)}}

.ai-provider-section{border:1px solid var(--line);border-radius:9px;padding:14px;margin:16px 0}.ai-image-tools{border-top:1px solid var(--line);margin-top:18px;padding:18px 0}.ai-image-tools>small{display:block;color:var(--muted);font-size:12px;line-height:1.7;margin-top:8px}.ai-image-tools textarea{font-size:12px}

/* A fixed-height editor must keep preview and inspector in the same row.
   The old tablet single-column grid let the inspector cover playback controls. */
@media(min-width:761px) and (max-width:1050px){
  .editor-layout{grid-template-columns:1fr}
  .source-panel{position:static}
  #visualWorkspace:not(.gallery-mode){grid-template-columns:minmax(0,1fr) minmax(220px,.8fr)}
}
@media(max-width:760px){
  #visualWorkspace:not(.gallery-mode){grid-template-columns:1fr}
}
#captionBar{margin:14px 0 0}
/* Radar source preparation and explicit channel drafting. */
.radar-text-panel{padding:22px;margin:18px 0}.radar-text-panel .panel-heading{display:flex;gap:14px;flex-wrap:wrap}.radar-text-panel textarea{width:100%;min-height:180px;resize:vertical;line-height:1.8}.radar-text-panel .field-label span{margin-left:auto}.radar-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.radar-job:not(:empty){padding:12px 16px;margin-top:15px;background:#242720;border:1px solid #4d543e;border-radius:8px;color:#d6dcbf;font-size:13px;line-height:1.7}.radar-sources{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.radar-source{font-size:11px;border:1px solid #3d454c;border-radius:6px;padding:6px 10px;color:#b6c0c8}.radar-source.failed{border-color:#8c584b;color:#edb29d}.radar-articles h2{font-size:17px}.radar-article-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.radar-article{padding:14px;border:1px solid #384047;border-radius:8px;display:flex;flex-direction:column;gap:9px;background:#161a1d;min-width:0}.radar-article h3{font-size:13px;line-height:1.7;margin:0;overflow-wrap:anywhere}.radar-article small{font-size:11px;color:#9ba6ad}.radar-article a{font-size:12px;color:#f1ad72}.radar-article button{margin-top:auto;font-size:12px}.keyword-card .radar-article{padding:12px}.source-provenance{font-size:11px;line-height:1.8;border-left:3px solid #eca665;padding:8px 10px;margin:12px 0;color:#c6bbaa;background:#25231f;overflow-wrap:anywhere}.text-flow{border:1px solid #494032;border-radius:8px;padding:12px;margin:15px 0;background:#23211e}.text-flow p,.text-flow small{font-size:11px;line-height:1.8;color:#bdb6a7}.text-flow .radar-actions{gap:3px}.text-flow .radar-actions button{font-size:11px;padding:6px 8px}#geminiKey:disabled::placeholder{color:#eca665;opacity:1;letter-spacing:2px}#geminiKey:disabled{opacity:1;background:#25251f;border-color:#59513b}.radar-summary{flex-wrap:wrap}.radar-summary>div{flex:1;min-width:170px}
@media(max-width:1000px){.radar-article-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.radar-article-list{grid-template-columns:1fr}.radar-text-panel{padding:16px}.radar-text-panel .two-fields{grid-template-columns:1fr}.radar-text-panel .mini-label{white-space:normal}}

.motion-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.motion-presets button{background:#111517;border:1px solid #394349;border-radius:14px;padding:14px;text-align:left;cursor:pointer;color:#e9edf0;min-width:0}.motion-presets strong{display:block;font-size:14px}.motion-presets small{display:block;color:#98a7b0;font-size:12px;margin-top:5px}.motion-presets button.active{border-color:#f9a654;background:#35291d;box-shadow:inset 0 0 0 1px #f9a654}.motion-presets button:focus-visible{outline:2px solid #f9a654;outline-offset:2px}@media(max-width:680px){.motion-presets{grid-template-columns:repeat(2,minmax(0,1fr))}}

.batch-tools{padding:18px 24px;border-bottom:1px solid var(--line);background:#17221f}.batch-tools[hidden]{display:none}.batch-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.batch-tools small{display:block;color:#a5b7ae;line-height:1.6}.batch-tools label{font-size:12px}.voice-bulk-tools{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:16px 0}.voice-bulk-tools small{color:#9facb2;flex:1;min-width:200px}.voice-batch-progress{position:fixed;z-index:50;bottom:22px;left:50%;transform:translateX(-50%);width:min(600px,calc(100vw - 32px));padding:20px;background:#182125;border:1px solid #f9a654;border-radius:16px;box-shadow:0 16px 60px #0008}.voice-batch-progress[hidden]{display:none}.voice-batch-progress progress{display:block;width:100%;margin:10px 0}.voice-batch-progress small{display:block;color:#a5b1b9;margin-top:10px}.voice-batch-progress p{line-height:1.6}

.start-routes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:20px}.start-route{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px;text-align:left;color:#fff;cursor:pointer}.start-route strong{display:block;font-size:17px}.start-route small{display:block;color:#a5b3ba;margin-top:8px}.topic-research,.keyword-results{padding:24px;margin-bottom:20px}.topic-research small{display:block;color:#9bacb5;line-height:1.7;margin-top:12px}.keyword-table-wrap{overflow:auto}.keyword-results table{width:100%;border-collapse:collapse;text-align:left}.keyword-results th,.keyword-results td{padding:14px;border-bottom:1px solid #343a3e;white-space:nowrap}.golden-keyword{background:#30271c}.keyword-tags{display:flex;flex-wrap:wrap;gap:8px}.keyword-results h3 small{font-size:12px;color:#9facb5}.automation-options{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px;margin:-10px 0 24px}.automation-options>small{color:#9cadb9;margin-left:12px;line-height:1.8}.automation-checks{display:flex;flex-direction:column;gap:10px;justify-content:center}.automation-photo-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.automation-photo-list figure{margin:0;width:100px}.automation-photo-list img{width:100px;height:80px;object-fit:cover;border-radius:8px}.automation-photo-list figcaption{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.automation-photo-list button{color:#ffb37f;background:transparent;border:0;cursor:pointer}.automation-downloads{display:flex;gap:10px;margin-top:12px}.automation-downloads [hidden]{display:none!important}#automationResult{color:#c9dbdf;white-space:pre-line;line-height:1.7;margin-top:12px}@media(max-width:760px){.start-routes{grid-template-columns:1fr}.automation-options>small{display:block;margin:10px 0}.keyword-results th,.keyword-results td{padding:10px}.automation-downloads{flex-direction:column}}

.bulk-publish {margin:24px 0;scroll-margin-top:24px}
.bulk-publish fieldset {border:0;padding:0;margin:0;min-width:0}
.bulk-channel {padding:16px 18px;border:1px solid var(--border,#343b40);border-radius:14px;margin:12px 0;background:rgba(255,255,255,.015)}
.bulk-channel>.check-label {display:flex;flex-wrap:wrap;gap:12px;margin:0}
.bulk-channel .mini-label {margin-left:auto}
.bulk-channel details {margin-top:10px}
.bulk-channel summary {cursor:pointer;color:var(--muted,#9daab1);font-size:14px;margin-bottom:12px}
.bulk-channel details label {margin:12px 0}
.bulk-publish .service-result {white-space:pre-line;overflow-wrap:anywhere}
.bulk-publish .kit-actions {flex-wrap:wrap}
@media(max-width:760px){.bulk-channel{padding:14px}.bulk-channel .mini-label{margin-left:0}.bulk-publish .panel-heading{align-items:flex-start;flex-wrap:wrap}}
.bulk-video>label,.bulk-publish fieldset>label:not(.check-label),.service-panel details>label:not(.check-label){display:grid;gap:8px;margin:16px 0;color:#bac3c7;font-size:13px}
.bulk-publish fieldset>.check-label{margin:16px 0}
.bulk-video #publishPreview{max-height:260px}
.topic-research>label{display:grid;gap:8px;margin:16px 0;color:#bac3c7;font-size:13px}
.topic-research>small{display:block;line-height:1.8;margin-top:14px}
/* Guided start: choose a source, prepare, then edit. */
#homeView{max-width:1080px;margin:0 auto;padding-bottom:36px}#homeView .page-heading{margin:35px 0 30px}#homeView .start-routes{gap:22px}#homeView .start-route{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:30px;min-height:265px;transition:border-color .2s,background .2s}#homeView .start-route:hover{border-color:var(--accent);background:#242628}#homeView .start-route strong{font-size:23px;margin:10px 0}#homeView .start-route small{color:#a5b0b6;font-size:13px}#homeView .start-route p{font-size:15px;line-height:1.7;color:#bac1c5;margin:0 0 24px}#homeView .route-symbol{position:absolute;right:28px;top:24px;font-size:36px;color:var(--accent)}#homeView .route-next{margin-top:auto;color:var(--accent);font-weight:700}.home-continue{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px;background:#151617}.home-continue>div{display:flex;flex-direction:column;gap:7px;min-width:0}.home-continue strong{overflow-wrap:anywhere;font-size:16px}.home-continue small,.home-continue span{color:#9aa6ae;font-size:12px}.home-other{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.production-navigation{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}.production-navigation>div{display:flex;align-items:center;gap:12px}.production-navigation button{border:0;background:none;color:#97a3aa;padding:10px 12px;font-size:14px;border-radius:8px}.production-navigation button[aria-current="step"]{background:#3b2c1d;color:var(--accent);font-weight:700}.production-navigation span{color:#68757c}.production-source-summary{padding:24px;margin-bottom:16px}.production-source-summary h2{font-size:22px;line-height:1.4;margin:9px 0 12px;overflow-wrap:anywhere}.production-source-summary p{color:#b4bec4;font-size:14px;line-height:1.7;white-space:pre-wrap}.production-source-summary small{display:block;color:#85949e;overflow-wrap:anywhere}.production-source-details{margin-bottom:18px;border:1px solid var(--line);border-radius:10px}.production-source-details>summary{cursor:pointer;color:#a8b4bc;font-size:14px;padding:16px 20px}.production-source-details .source-panel{border:0;border-top:1px solid var(--line);border-radius:0 0 10px 10px}.production-source-details .source-panel textarea{min-height:160px}.production-edit-actions{display:flex;justify-content:flex-end;margin:18px 0 28px}#productionPrepare{max-width:1120px;margin:0 auto}#studioView .editor-layout{grid-template-columns:minmax(0,1fr)}#studioView .editor-layout[hidden],#productionPrepare[hidden]{display:none!important}#studioView[data-stage="edit"] .page-heading{margin-bottom:14px}#productionPrepare .automation-options{margin-bottom:16px}#productionPrepare .three-fields{grid-template-columns:minmax(0,1fr) minmax(180px,.7fr)}#productionPrepare .three-fields>label[hidden]{display:none}.keyword-input-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.keyword-results[hidden],#keywordTopicPanel[hidden]{display:none!important}
@media(max-width:760px){#homeView .start-routes{grid-template-columns:1fr;gap:14px}#homeView .start-route{min-height:225px;padding:23px}#homeView .start-route strong{font-size:20px}.home-continue{padding:18px;flex-direction:column;align-items:flex-start}.production-navigation{align-items:flex-start;flex-wrap:wrap}.production-source-summary{padding:18px}#productionPrepare .three-fields{grid-template-columns:1fr}.keyword-input-fields{grid-template-columns:1fr}.production-edit-actions .button{width:100%}}

.footage-presets{padding:22px;margin-bottom:18px}.footage-presets>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:13px}.footage-presets button{text-align:left;white-space:normal}.footage-presets button span{display:block;font-size:12px;color:#a4b1ba;margin-top:5px}.footage-presets button[aria-pressed="true"]{border-color:var(--accent);background:#34291e}.footage-presets p{color:#a6b1b8;font-size:12px}.footage-range{margin:15px 0}.footage-details{border:1px solid var(--line);border-radius:9px;margin:16px 0;padding:14px}.footage-details summary{cursor:pointer;font-weight:700}.footage-details .two-fields{margin-top:14px}.footage-details small{display:block;color:#9cacb6;font-size:12px;margin-top:12px}.auto-cut-link{display:block;text-align:left;width:100%;white-space:normal;border-bottom:1px solid var(--line);border-radius:0;padding:12px}.auto-video-options>.help-text{font-size:12px} @media(max-width:760px){.footage-presets>div{grid-template-columns:1fr}.footage-presets{padding:17px}}

/* Guided workspace details retain the original black palette. */
.canvas-wrap{position:relative}.canvas-wrap::after{content:'';position:absolute;inset:0;z-index:8;pointer-events:none;background:#fff;opacity:var(--preview-flash,0)}.topic-ideas{padding:22px;margin:18px 0}.topic-ideas>p,.topic-ideas>small{color:#a7b7c4}.topic-idea-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:16px}.topic-idea{border:1px solid var(--line);background:#151719;border-radius:12px;padding:20px;min-width:0}.topic-idea h3{font-size:17px;line-height:1.6;margin:10px 0}.topic-idea p{font-size:13px;color:#b1c2d0;line-height:1.7}.topic-idea small{display:block;color:var(--muted);font-size:11px;line-height:1.7}.topic-idea summary{cursor:pointer;color:var(--accent);font-size:13px}.topic-idea .button{margin-top:16px}.topic-idea ol{padding-left:20px;font-size:13px;color:#b1c2d0}.radar-text-panel[hidden]{display:none!important}#radarManual{margin:14px 0}.radar-text-panel{margin:18px 0}.radar-articles{margin-top:14px}@media(max-width:760px){.topic-idea-list{grid-template-columns:1fr}.topic-ideas{padding:17px}}

/* Optional image-to-video workspace */
.higgsfield-dialog{width:min(880px,calc(100vw - 32px));max-width:880px;max-height:90vh;overflow:auto}
.hf-input-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;margin:24px 0}
.hf-input-grid img{width:100%;height:210px;object-fit:contain;border:1px solid var(--line);border-radius:12px;background:#101213;margin-bottom:12px}
.hf-input-grid small{display:block;margin-top:10px;overflow-wrap:anywhere}
.higgsfield-dialog .notice p{margin:10px 0}.higgsfield-dialog .notice a{color:var(--accent)}
#hfPlayer{width:100%;max-height:360px;margin:18px 0;background:#101213;border-radius:12px}
.hf-history{margin-top:24px;border-top:1px solid var(--line);padding-top:18px}.hf-history summary{cursor:pointer}.hf-history button{margin-top:10px}
@media(max-width:640px){.hf-input-grid{grid-template-columns:1fr}.higgsfield-dialog .dialog-actions{flex-wrap:wrap}.hf-input-grid img{height:160px}}

/* Click-to-open guidance: native details also support keyboard interaction. */
.brand-guide{max-width:940px;margin-bottom:18px;padding:6px 22px}.context-help{border-top:1px solid var(--line);margin-top:10px}.brand-guide .context-help{border:0;margin:0}.context-help>summary{cursor:pointer;display:flex;align-items:center;gap:10px;padding:15px 0;font-size:13px;font-weight:650;list-style:none;line-height:1.6}.context-help>summary::-webkit-details-marker{display:none}.context-help>summary::before{content:'?';display:grid;place-items:center;width:23px;height:23px;flex:0 0 23px;border:1px solid #665039;border-radius:50%;color:var(--accent);font-size:12px}.context-help>summary::after{content:'＋';margin-left:auto;color:var(--accent)}.context-help[open]>summary::after{content:'−'}.context-help>summary>span{font-size:11px;color:var(--muted);font-weight:400}.context-help>summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:5px}.help-content{padding:2px 0 15px 33px;font-size:13px;line-height:1.9;color:#bfc1c3;overflow-wrap:anywhere}.help-content p{margin:0 0 12px}.help-content strong{color:var(--text)}.help-content ul,.help-content ol{padding-left:20px;margin:0 0 14px}.help-content li+li{margin-top:7px}.help-example{padding:12px 15px;border-left:2px solid var(--accent);background:#22201c;border-radius:0 7px 7px 0}.brand-kit-section h2{font-size:17px;margin:0 0 6px}.brand-kit-section>p,.brand-kit-section>small{color:var(--muted);line-height:1.8}.brand-kit-section>small{display:block;margin-top:8px}.brand-kit-section+.brand-kit-section{border-top:1px solid var(--line);margin-top:28px;padding-top:28px}.brand-kit-section .kit-summary{padding:15px 18px;margin:16px 0 20px}.brand-kit-section .kit-summary p{margin:5px 0;overflow-wrap:anywhere}.brand-kit-section .kit-actions{margin:17px 0}.kit-selected-summary{min-height:24px;overflow-wrap:anywhere}.brand-kit-editor input,.brand-kit-editor select{min-width:0;max-width:100%}@media(max-width:760px){.brand-kit-editor{padding:19px}.brand-guide{padding:6px 18px}.context-help>summary{flex-wrap:wrap}.context-help>summary>span{display:none}.help-content{padding-left:0}.brand-kit-section .kit-actions{gap:8px}}

.script-scope{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;margin-bottom:16px}.script-scope>div{min-width:0}.script-scope strong{display:block;font-size:18px;overflow-wrap:anywhere;margin:5px 0}.script-scope p{color:var(--muted);font-size:12px;margin:4px 0}.script-scope .button{flex-shrink:0}.script-help{padding:6px 24px;margin-bottom:20px}.script-help .context-help:first-child{border:0;margin:0}.script-toolbar>.context-help{flex:0 0 100%;width:100%;margin:0}.script-toolbar .help-content{max-width:900px}@media(max-width:760px){.script-scope{padding:18px;align-items:flex-start;flex-direction:column}.script-help{padding:6px 18px}}

/* Full-film art directions */
.direction-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:18px 0}.direction-heading h3{font-size:23px;margin:8px 0}.direction-heading p,.direction-controls p{color:var(--muted);font-size:13px;line-height:1.6;margin:0}.direction-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.direction-option{text-align:left;display:grid;gap:10px;padding:12px;border:1px solid #34383b;border-radius:14px;background:#191b1d;color:#eee;cursor:pointer;min-width:0}.direction-option.active{border-color:#f5a456;box-shadow:0 0 0 1px #f5a456}.direction-option strong{font-size:16px}.direction-option small{font-size:12px;color:#a9afb3;line-height:1.5}.direction-art{display:flex;height:94px;align-items:center;justify-content:center;font-size:43px;letter-spacing:-3px;font-weight:900;border-radius:8px;overflow:hidden}.direction-art.editorial{color:#252721;background:#f3eee5;box-shadow:inset 0 -6px #d94d32}.direction-art.impact{color:#d7ff59;background:#101110;font-size:55px}.direction-art.explain{color:#326bde;background:#f4f5f7;font-size:27px;letter-spacing:0}.direction-art.photo{color:#ffa665;background:linear-gradient(145deg,#4b5c50,#161918);font-size:33px}.direction-option:hover .direction-art{transform:translateY(-2px)}.direction-controls{display:flex;align-items:center;gap:22px;margin:18px 0}.direction-controls label{min-width:220px}.direction-story,#legacyMotionDetails{margin:14px 0;border-top:1px solid #34383b;padding-top:14px}.direction-story summary,#legacyMotionDetails summary{cursor:pointer;color:#a8afb4;font-size:13px}.direction-scene{display:grid;grid-template-columns:120px 1fr 200px;gap:14px;text-align:left;width:100%;padding:14px;background:#151718;border:0;border-bottom:1px solid #34383b;color:#eee;cursor:pointer}.direction-scene span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.direction-scene small{color:#b6a186}#legacyMotionOptions{margin-top:16px}.direction-option:focus-visible,.direction-scene:focus-visible{outline:2px solid #ffa665;outline-offset:3px}@media(max-width:1100px){.direction-presets{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.direction-heading,.direction-controls{display:block}.direction-heading button{margin-top:12px}.direction-controls p{margin-top:12px}.direction-scene{grid-template-columns:1fr}.direction-art{height:75px}}

.direction-details{margin:18px 0;border:1px solid #34383b;border-radius:12px;padding:16px}.direction-details summary{cursor:pointer;font-size:14px;font-weight:700}.direction-details .three-fields{margin-top:18px}.direction-details small{color:#9da7ad;line-height:1.6;display:block;margin-top:12px}

#exportPreview{display:block;width:100%;max-height:52vh;margin:18px 0;background:#0d0f10;border:1px solid #373b3f;border-radius:10px}#exportPreview[hidden]{display:none}

/* Source settings remain available inside the explicitly opened prepare disclosure. */
.simple-mode #productionSourceDetails[open] .source-panel>.two-fields{display:grid!important}
.simple-mode #productionSourceDetails[open] .source-panel>details{display:block!important}
.simple-mode #productionSourceDetails[open] label[for="sourceLink"],.simple-mode #productionSourceDetails[open] #sourceLink{display:block!important}
.content-review{padding:16px 20px;border-bottom:1px solid var(--line);background:#171819}
.content-review>summary{font-weight:750;cursor:pointer}.review-controls{display:flex;align-items:end;gap:16px;margin-top:16px;flex-wrap:wrap}.review-controls label{flex:1;min-width:180px}.content-review p,.content-review small{color:var(--muted);line-height:1.6}.content-review #reviewSummary{color:var(--accent);margin:14px 0}.review-finding{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:14px 0;flex-wrap:wrap}.review-finding>div{flex:1;min-width:200px}.review-finding p{margin:6px 0 0;font-size:13px}.content-review>small{display:block;margin-top:14px}.review-finding strong{font-size:14px}#visualNote{margin:10px 0}#visualNote p{white-space:pre-wrap}
.production-outline{border:1px solid var(--line);border-radius:12px;padding:20px;margin-bottom:20px;background:#171819}.production-outline>p,.local-production-note{font-size:13px;color:#b6b6b6;line-height:1.7}.production-outline summary{cursor:pointer;color:var(--accent);padding:10px 0}.production-outline ol{padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.production-outline li{padding:16px;border:1px solid var(--line);border-radius:10px;min-width:0}.production-outline li small{display:block;color:var(--accent);margin-bottom:8px}.production-outline li strong{font-size:15px;overflow-wrap:anywhere}.production-outline li p{font-size:13px;color:#a8a8a8;line-height:1.7;overflow-wrap:anywhere}.local-production-note{display:block;margin:0 0 20px}#localProduce{display:block;margin:0 0 10px auto}@media(max-width:760px){.production-outline ol{grid-template-columns:1fr}#localProduce{margin-left:0;width:100%}}
.sidebar nav .nav-item>.menu-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex:0 0 22px}.menu-icon svg{display:block;width:20px;height:20px}.build-label{font-size:11px;line-height:1.4;color:#eeb578;border:1px solid #57422e;background:#211c17;border-radius:5px;padding:5px 8px;white-space:nowrap}.topbar .header-actions{flex-wrap:wrap}@media(max-width:760px){.build-label{font-size:10px;padding:4px 6px}}

.music-level{display:flex;align-items:center;gap:12px;font-size:12px;margin:14px 0}.music-level meter{flex:1;height:12px}.music-level output{min-width:76px;text-align:right}.clip-music{text-align:left;cursor:pointer;border:1px solid #64507d!important}#musicDialog .kit-actions{margin-top:14px}
.footage-script-source{margin:12px 0;padding:16px;border:1px solid var(--line,#34393c);border-radius:12px;background:#15191b}
.footage-script-source .radar-actions{gap:8px;flex-wrap:wrap}
#footageSourceInfo{display:flex;flex-direction:column;gap:7px;margin-top:14px;overflow-wrap:anywhere}
#footageSourceInfo[hidden]{display:none}
#footageSourceLink{color:#f7ab61;font-size:13px}
.production-complete{display:grid;grid-template-columns:minmax(250px,.85fr) minmax(0,1.15fr);gap:36px;max-width:1120px;margin:0 auto;padding:28px}.production-complete[hidden]{display:none!important}.production-complete-player{display:flex;justify-content:center;align-items:center;min-width:0;background:#080909;border-radius:14px;overflow:hidden}.production-complete-player video{display:block;max-width:100%;width:100%;height:min(58vh,600px);object-fit:contain}.production-complete-info{min-width:0;align-self:center}.production-complete-info h2{font-size:clamp(21px,2.5vw,30px);line-height:1.4;overflow-wrap:anywhere;margin:14px 0}.production-complete-info p{line-height:1.7;color:var(--muted,#a4afb4)}.production-complete-primary,.production-complete-formats{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.production-complete-primary .button{flex:1}.production-complete-files{margin-top:24px;border-top:1px solid var(--line);padding-top:18px}.production-complete-files summary{cursor:pointer;color:#a9b2b7;font-size:13px}.production-complete [hidden],#completeStage[hidden]{display:none!important}@media(max-width:760px){.production-complete{grid-template-columns:1fr;padding:18px;gap:22px}.production-complete-player video{height:42vh}.production-navigation>div{flex-wrap:wrap;gap:4px}.production-complete-primary{flex-direction:column}}
.connection-scope{padding:14px 16px;background:#28231c;border:1px solid #53402d;border-radius:10px;color:#f4b271}.connection-advanced{margin-top:22px;border:1px solid var(--line);border-radius:12px;padding:16px}.connection-advanced summary{cursor:pointer;font-weight:700;padding:4px}.connection-advanced>label{display:block;margin-top:18px}.connection-advanced .dialog-actions{margin-top:20px}#publishWorkspaceSummary{color:#f2b06c}

.direction-art.morph{background:radial-gradient(ellipse at 75% 15%,#55302c,#101113 75%);color:#ffac71;font-size:34px;letter-spacing:5px}.direction-option[data-direction="morph"]{border-color:#6c4932}.morph-options{padding:20px;border:1px solid #66503d;border-radius:14px;background:#211c17;margin:16px 0}.morph-options p{color:var(--muted);font-size:13px;line-height:1.6;margin-bottom:0}.direction-presets{grid-template-columns:repeat(5,minmax(0,1fr))}@media(max-width:1300px){.direction-presets{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.direction-presets{grid-template-columns:repeat(2,minmax(0,1fr))}}

.morph-accents{border:0;padding:16px 0;margin:0}.morph-accents legend{font-size:13px;color:var(--muted)}#morphAccents,.morph-shuffle{display:flex;align-items:center;gap:18px;flex-wrap:wrap}#morphAccents label,.morph-shuffle label{display:flex;align-items:center;gap:8px;font-size:14px}.morph-shuffle span{font-size:12px;color:var(--muted)}

.radar-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin:16px 0}.radar-images label{position:relative;border:1px solid var(--line);border-radius:12px;padding:10px;display:grid;gap:8px}.radar-images img{width:100%;height:130px;object-fit:contain;background:#111;border-radius:8px}.radar-images span{font-size:12px;overflow-wrap:anywhere}.radar-images input{position:absolute;top:18px;left:18px;z-index:1}
.radar-images label:has(input:checked){border-color:var(--accent)}
.radar-images p{height:130px;margin:0;padding:10px;display:grid;place-items:center;text-align:center;background:#111;border-radius:8px;font-size:12px;color:var(--muted)}

/* Keep export feedback visible while options scroll underneath. */
#exportProgress{position:sticky;top:0;z-index:6;background:#202223;border:1px solid #956a3e;border-radius:10px;padding:16px;margin:12px 0;box-shadow:0 8px 22px #0005}#exportProgress>div{gap:16px}#exportMessage{font-weight:650;color:#ffc17e}#cancelExport{flex-shrink:0;padding:8px 12px;border:1px solid #73777a;border-radius:6px}#exportProgress progress{display:block;height:8px} .export-result video{width:100%;max-height:56vh;margin-top:16px}

.cinema-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 20px}.cinema-preset{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:8px;padding:16px;background:#181a1c;border:1px solid #393c40;border-radius:12px}.cinema-preset strong{font-size:14px}.cinema-preset small{font-size:12px;line-height:1.5;color:#9b9fa5}.cinema-preset.active{border-color:#f6a655;background:#35291d}.cinema-preset.active strong{color:#ffb76e}@media(max-width:900px){.cinema-presets{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Preparation inputs stay visible independently of the editor's focus/simple modes. */
.production-inputs{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:28px;padding:24px;margin-bottom:18px}
.production-inputs h2{margin:0 0 10px;font-size:19px}.production-inputs h2 small{font-size:12px;color:var(--muted);font-weight:400}
.production-inputs p,.production-inputs small{font-size:13px;line-height:1.7;color:#a7afb5}
.production-inputs p{margin:0 0 18px}.production-inputs .field-label{display:flex;justify-content:space-between;margin-bottom:8px}
.production-inputs textarea{width:100%;min-height:225px;resize:vertical;line-height:1.8}.production-inputs .production-photo-input{min-width:0}
#productionPhotoStatus{display:block;margin-top:14px}.photo-order-actions{display:flex;align-items:center;justify-content:space-between;gap:3px;margin-top:4px}
.photo-order-actions button{min-width:26px;min-height:28px;padding:2px 4px}.photo-order-actions button:disabled{opacity:.25;cursor:default}
#productionPrepare .production-source-summary[hidden]{display:none}
#productionPrepare .production-bar{margin-top:16px}
#productionPrepare .automation-options .automation-checks{gap:8px}
@media(max-width:900px){.production-inputs{grid-template-columns:1fr;padding:20px;gap:22px}.production-inputs textarea{min-height:180px}}
.production-length-note{display:block;margin:0 0 18px!important}.production-format{margin-bottom:8px}
#productionPhotosMount .automation-photo-list{max-height:280px;overflow-y:auto;align-content:start}
.production-complete[data-ratio="16:9"]{grid-template-columns:1fr;gap:22px}
.production-complete[data-ratio="16:9"] .production-complete-player{aspect-ratio:16/9}
.production-complete[data-ratio="16:9"] video{height:100%;aspect-ratio:16/9}
.video-look{margin:14px 0 0;display:grid;gap:10px}.video-look-row{display:flex;gap:14px;align-items:end;flex-wrap:wrap}.video-look-title{flex:1 1 260px;display:grid;gap:6px;color:var(--muted);font-size:13px}.video-look-title input{width:100%}.video-look .ratio-bar{margin-bottom:0}
#transitionOver{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;opacity:0}
.footage-simple{padding:26px;margin-bottom:18px;display:grid;gap:24px}.footage-step{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;align-items:start}.footage-step>b{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#2a2118;color:var(--accent);font-size:15px}.footage-step h2{font-size:17px;margin:6px 0 12px}.footage-step h2 small{font-weight:500;color:var(--muted);font-size:12px;margin-left:6px}.footage-step input,.footage-step textarea{width:100%}.footage-step .help-text{font-size:12px;margin:8px 0 0}.footage-simple .footage-presets{padding:0;margin:0}.footage-simple .footage-presets>div{margin-top:0}.footage-simple .footage-presets button{display:block;text-align:left;padding:14px 16px;font-size:15px}.footage-simple .footage-presets button span{margin-top:6px;font-weight:500;line-height:1.5}.footage-simple .footage-presets p{margin:10px 0 0}.footage-simple #autoSourcePlayer{width:100%;max-height:340px;margin-top:12px;border-radius:10px;background:#000}.footage-go{display:grid;gap:12px}.footage-go #autoEditVideo{font-size:17px;padding:17px}.footage-go small{display:block;color:var(--muted);font-size:12px;margin-top:8px}
.footage-go .notice{margin:0;font-size:13px;line-height:1.7}.footage-summary{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}.footage-summary li{font-size:12px;color:#c9d2d8;border:1px solid var(--line);border-radius:999px;padding:5px 11px}
.option-chips li.on{display:inline-flex;align-items:center;gap:7px;padding-right:5px;border-color:#6a543c;color:#f3dcc2}
.option-chips li.on button{width:20px;height:20px;padding:0;border:0;border-radius:50%;background:#3d3023;color:inherit;font-size:14px;line-height:1;cursor:pointer}
.option-chips li.on button:hover,.option-chips li.on button:focus-visible{background:var(--accent);color:#1b1410}
.option-chips li.off{padding:0;border-style:dashed}
.option-chips li.off button{padding:5px 11px;border:0;background:none;color:var(--muted);font:inherit;cursor:pointer}
.option-chips li.off button:hover,.option-chips li.off button:focus-visible{color:#f3dcc2}.footage-advanced{border:1px solid var(--line);border-radius:var(--radius);margin-bottom:18px}.footage-advanced>summary{cursor:pointer;padding:18px 22px;font-weight:700}.footage-advanced>summary span{font-weight:500;color:var(--muted);font-size:12px;margin-left:10px}.footage-advanced .auto-video-grid{padding:0 18px 18px}.footage-look{display:grid;gap:4px;margin-top:10px}
@media(max-width:760px){.footage-simple{padding:18px}.footage-step{grid-template-columns:28px minmax(0,1fr);gap:10px}.footage-step>b{width:28px;height:28px;font-size:13px}.footage-advanced>summary span{display:block;margin:6px 0 0}}
.production-advanced{border:1px solid var(--line);border-radius:var(--radius);margin:18px 0}.production-advanced>summary{cursor:pointer;padding:18px 22px;font-weight:700}.production-advanced>summary span{font-weight:500;color:var(--muted);font-size:12px;margin-left:10px}.production-advanced>.automation-options,.production-advanced>.production-source-details{margin:0 18px 18px}.production-summary{margin:0 0 14px}#productionPrepare #automationResult{white-space:pre-line;font-size:13px;line-height:1.7;color:#b6b6b6;margin:0 0 12px}#productionPrepare #automationResult:empty{display:none}
@media(max-width:760px){.production-advanced>summary span{display:block;margin:6px 0 0}}
.production-progress{width:min(520px,calc(100vw - 32px));padding:28px;border:1px solid var(--line);border-radius:18px;background:#161b1f;color:#eef2f4}
.production-progress::backdrop{background:#000b}
.production-progress h2{margin:8px 0 18px;font-size:20px}
.production-progress ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0 0 18px}
.production-progress li{font-size:12px;padding:5px 11px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}
.production-progress li.done{color:#9fd3a8;border-color:#35523b}
.production-progress li.done::before{content:"✓ "}
.production-progress li.current{color:#1b1410;background:var(--accent);border-color:var(--accent);font-weight:700}
.production-progress progress{display:block;width:100%;height:12px}
.production-progress p{margin:12px 0 0;font-size:14px;line-height:1.6}
#productionProgressNow{font-size:16px;font-weight:700}
#productionProgressDetail{min-height:1.6em;color:#bac4c8;overflow-wrap:anywhere}
.production-progress-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;color:var(--muted);font-size:13px}
.production-progress small{display:block;margin-top:14px;color:var(--muted);font-size:12px;line-height:1.7}
.footage-clips{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}
.footage-clips li{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;font-size:13px}
.footage-clips li span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.footage-clips li .button{padding:4px 10px;font-size:12px}
/* The main menu runs across the top; the page below it uses the full width. */
.sidebar{position:sticky;top:0;inset:auto;width:auto;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:10px 20px;border-right:0;border-bottom:1px solid var(--line);z-index:30}
.app-shell{margin-left:0}
.sidebar .brand{margin:0 6px 0 0}
.sidebar nav{display:flex;flex-wrap:wrap;gap:2px;flex:1 1 auto;min-width:0}
.sidebar .nav-item{width:auto;margin:0;padding:8px 11px;font-size:12px;gap:7px}
.sidebar .workspace-label,.sidebar .sidebar-line,.sidebar .sidebar-caption,.sidebar .radar-mark,.sidebar .company{display:none}
.sidebar .sidebar-bottom{margin:0;display:flex;align-items:center}
.sidebar .project-link,.sidebar .new-project{width:auto;margin:0;white-space:nowrap;max-width:190px;overflow:hidden;text-overflow:ellipsis}
.sidebar .header-actions{display:flex;align-items:center;gap:8px;margin-left:auto}
.app-shell>.topbar{display:none}
/* Editor: tools in a rail on the left, the preview and timeline beside it. */
.creation-body{display:grid;grid-template-columns:minmax(0,1fr);align-items:start}
.creation-body:has(>.tool-rail>:not([hidden])){grid-template-columns:340px minmax(0,1fr)}
.tool-rail{position:sticky;top:64px;max-height:calc(100vh - 76px);overflow:auto;border-right:1px solid var(--line);min-width:0}
.tool-rail:not(:has(>:not([hidden]))){display:none}
.stage-area{min-width:0}
.tool-rail>*{border-bottom:1px solid var(--line)}
@media(max-width:1000px){.creation-body:has(>.tool-rail>:not([hidden])){grid-template-columns:1fr}.tool-rail{position:static;max-height:none;border-right:0}}
/* A slimmer top bar, and for video the direction tools come first in the rail. */
.sidebar{padding:8px 20px;gap:4px 12px}
.sidebar .brand{transform:scale(.86);transform-origin:left center;margin-right:0}
.sidebar label,.sidebar .workspace-role,.sidebar small.role{font-size:11px}
.sidebar select{padding:6px 28px 6px 10px;min-height:0}
.tool-rail{display:flex;flex-direction:column}
.tool-rail>#shortsTools{order:-1}
.tool-rail .shorts-tools{padding:16px}
.sidebar .workspace-switcher{display:flex;align-items:center;margin:0}
.sidebar .workspace-switcher>:not(select){display:none}
.sidebar .new-project{padding:6px 10px}
/* Inside the rail every tool is one or two columns wide; nothing is squeezed into the five it had across the page. */
.tool-rail .direction-presets{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.tool-rail .three-fields,.tool-rail .morph-grid,.tool-rail .morph-options{grid-template-columns:1fr}
.tool-rail .two-fields{grid-template-columns:1fr 1fr;gap:8px}
.tool-rail .direction-option{padding:8px;min-width:0}
.tool-rail .direction-option strong,.tool-rail .direction-option b{font-size:13px;writing-mode:horizontal-tb}
.tool-rail .direction-option small{font-size:11px;line-height:1.45;white-space:normal;overflow-wrap:anywhere}
.tool-rail h2,.tool-rail h3{font-size:15px;line-height:1.4}
.tool-rail [class*="heading"]{flex-wrap:wrap;gap:8px}
.tool-rail select,.tool-rail input[type="text"],.tool-rail input:not([type]){width:100%;min-width:0}
.tool-rail .direction-scene{grid-template-columns:auto minmax(0,1fr);overflow:hidden}
.tool-rail .direction-scene>*{min-width:0;overflow:hidden;text-overflow:ellipsis}
/* The rail's width follows --rail; a handle between the rail and the stage resizes it or tucks it away. */
.creation-body{position:relative}
.creation-body:has(>.tool-rail>:not([hidden])){grid-template-columns:var(--rail,340px) 12px minmax(0,1fr)}
.creation-body:not(:has(>.tool-rail>:not([hidden])))>.rail-handle{display:none}
.rail-handle{position:sticky;top:64px;height:calc(100vh - 76px);cursor:col-resize;display:flex;justify-content:center;touch-action:none;border-right:1px solid var(--line)}
.rail-handle::before{content:"";width:4px;height:44px;border-radius:2px;background:var(--line);margin-top:120px}
.rail-handle:hover::before,.rail-dragging .rail-handle::before{background:var(--accent)}
.rail-toggle{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:22px;height:34px;padding:0;border:1px solid var(--line);border-radius:8px;background:#1b2024;color:#d8dee2;font-size:15px;line-height:1;cursor:pointer;z-index:2}
.rail-toggle:hover,.rail-toggle:focus-visible{border-color:var(--accent);color:var(--accent)}
.tool-rail{border-right:0}
.rail-dragging{user-select:none}
/* Tucked away: a thin strip stays at the edge, and the rail slides out over the stage while the pointer is on it. */
.creation-body.rail-hidden:has(>.tool-rail>:not([hidden])){grid-template-columns:14px 14px minmax(0,1fr)}
.rail-hidden>.tool-rail{width:var(--rail,340px);transform:translateX(calc(14px - 100%));transition:transform .18s ease;z-index:25;background:#161b1f;box-shadow:12px 0 32px #0008;border-right:1px solid var(--line)}
.rail-hidden>.tool-rail:hover,.rail-hidden>.tool-rail:focus-within{transform:none}
.rail-hidden>.rail-handle{cursor:default}
.rail-hidden>.rail-handle::before{display:none}
@media(max-width:1000px){.creation-body:has(>.tool-rail>:not([hidden])),.creation-body.rail-hidden:has(>.tool-rail>:not([hidden])){grid-template-columns:1fr}.rail-handle{display:none}.rail-hidden>.tool-rail{width:auto;transform:none;box-shadow:none}}
/* Rows that sat side by side across the page stack inside the rail. */
.tool-rail .direction-heading,.tool-rail .direction-controls{display:block;margin:14px 0}
.tool-rail .direction-controls label{display:block;min-width:0}
.tool-rail .direction-controls p,.tool-rail .direction-heading button{margin-top:10px}
.tool-rail .direction-heading h3{font-size:16px;margin:6px 0}
.tool-rail .cinema-presets{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.tool-rail p,.tool-rail small{overflow-wrap:anywhere}
.tool-rail,.rail-handle{top:calc(var(--bar,110px) + 8px)}
.tool-rail{max-height:calc(100vh - var(--bar,110px) - 20px)}
.rail-handle{height:calc(100vh - var(--bar,110px) - 20px)}
/* Two tidy rows in the top bar: logo, company and menu on the first; project and file actions on the second. */
.sidebar nav{flex:1 1 0;min-width:560px}
/* While editing a result the page title steps back, so the editor starts near the top of the window. */
#studioView[data-stage="edit"]>.page-heading>div:first-child{display:none}
#studioView[data-stage="edit"] .creation-heading{padding-top:10px;padding-bottom:10px;min-height:0}
/* Menu items are an icon with a small name under it, so the whole menu stays on one row. */
.sidebar nav{flex:0 1 auto;min-width:0;flex-wrap:nowrap;gap:2px}
.sidebar .nav-item{position:relative;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 9px 5px;min-width:60px;font-size:10px;line-height:1.25;letter-spacing:-.2px;text-align:center;white-space:nowrap}
.sidebar .nav-item>span:first-child,.sidebar .nav-item>svg:first-child{font-size:17px;line-height:1;width:auto;height:20px;display:grid;place-items:center}
.sidebar .nav-item svg{width:19px;height:19px}
.sidebar .nav-item .nav-count{position:absolute;top:1px;right:1px;margin:0;padding:0 4px;font-size:8px;line-height:1.6;border-radius:6px}
.sidebar .nav-item #apiDot{position:absolute;top:6px;right:12px}
.sidebar .header-actions{flex-wrap:nowrap}
/* On a window that cannot hold everything in one row, the build number gives way first. */
@media(max-width:1750px){.sidebar .build-label{display:none}.sidebar .project-link{max-width:130px}.sidebar .nav-item{min-width:52px;padding:6px 6px 5px}.sidebar .header-actions{gap:6px}.sidebar .header-actions .button{padding:8px 11px}.sidebar{gap:4px 9px;padding:8px 14px}}
/* Top bar, composed: [logo · company] [menu, equal cells] ………… [project] | [AI] | [save state · load · save · export].
   Every control is the same height and the groups are set apart by a hairline. */
.sidebar{align-items:center;min-height:64px}
.sidebar nav{gap:0;margin-left:6px}
.sidebar nav .nav-item{flex:0 0 72px;min-width:0;height:48px;padding:5px 2px 4px;border-radius:10px;overflow:hidden}
.sidebar nav .nav-item.active{background:#2a2118;color:var(--accent)}
.sidebar .workspace-switcher select,.sidebar .project-link,.sidebar .new-project,.sidebar .header-actions .button{height:36px;display:inline-flex;align-items:center}
.sidebar .project-link{margin-left:auto;padding:0 10px 0 14px;border-left:1px solid var(--line);border-radius:0}
.sidebar .new-project{padding:0 8px}
.sidebar .sidebar-bottom{padding:0 6px 0 10px;border-left:1px solid var(--line)}
.sidebar .sidebar-bottom .nav-item{flex:0 0 auto;height:48px;min-width:64px}
.sidebar .header-actions{margin-left:0;padding-left:12px;border-left:1px solid var(--line)}
.sidebar .save-state{white-space:nowrap}
@media(max-width:1750px){.sidebar nav .nav-item{flex-basis:66px}}
@media(max-width:1500px){.sidebar .header-actions{margin-left:auto;border-left:0;padding-left:0}.sidebar .project-link{margin-left:0}}
/* The rail reads as sections, each with a small title; inside a section everything sits on one grid.
   What is chosen most often comes first: the video settings, then the design, then the paid batch tools. */
.tool-rail>*{padding:16px;background:none;border-bottom:1px solid var(--line)}
.tool-rail>#shortsTools{order:-2}
.tool-rail>#designBar{order:-1}
.tool-rail>#designBar::before,.tool-rail>#batchTools::before,.tool-rail>#shortsTools::before{display:block;margin:0 0 12px;font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--muted)}
.tool-rail>#designBar::before{content:"디자인"}
.tool-rail>#shortsTools::before{content:"영상 설정"}
.tool-rail>#batchTools::before{content:"AI로 한꺼번에 만들기 · 선택 · 비용 발생"}
.tool-rail .concept-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}
.tool-rail .concept-choice{width:100%;min-width:0;justify-content:flex-start;gap:7px;padding:7px 9px;border-radius:12px;font-size:12px;white-space:nowrap}
.tool-rail .concept-swatch{width:22px;height:22px;flex:0 0 22px}
.tool-rail .concept-choice.selected{outline:0;border-color:var(--accent);background:#2a2118;color:#fff}
.tool-rail .design-options{display:grid;gap:4px;margin-top:14px}
.tool-rail .design-options small{color:var(--muted);font-size:11px;line-height:1.5}
.tool-rail .batch-buttons{display:grid;gap:8px}
.tool-rail .batch-buttons .button{width:100%;justify-content:flex-start;text-align:left;margin:0}
.tool-rail .batch-tools .two-fields{grid-template-columns:1fr;gap:10px;margin-top:12px}
.tool-rail .batch-tools small{margin-top:10px;font-size:11px}
.tool-rail label{font-size:12px}
/* Editing a result: the stage switcher and the view button share one row, on one centre line. */
#studioView[data-stage="edit"]:not([hidden]){display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:center}
#studioView[data-stage="edit"]>*{grid-column:1/-1;min-width:0}
#studioView[data-stage="edit"]>.production-navigation{grid-column:1;grid-row:1;margin:10px 0;align-items:center;flex-wrap:nowrap}
#studioView[data-stage="edit"]>.page-heading{grid-column:2;grid-row:1;min-height:0;margin:0;padding:0}
#studioView[data-stage="edit"]>.page-heading .button{height:40px}
#studioView[data-stage="edit"]>.production-navigation button{height:40px;display:inline-flex;align-items:center}
/* The three results are the main switch of this screen, so they read as tabs: large, boxed, the open one filled. */
.channel-tabs{gap:8px;padding:14px 22px 0;border-bottom:1px solid var(--line);align-items:flex-end}
.channel-tab{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 22px;border:1px solid var(--line);border-bottom:0;border-radius:12px 12px 0 0;background:#171b1e;font-size:15px;font-weight:700;color:#a3adb3;margin-bottom:-1px}
.channel-tab:hover{color:#e6ebee;background:#1e2327}
.channel-tab.active{height:54px;background:var(--accent);border-color:var(--accent);color:#1b1410}
.channel-tab span{margin-left:0;font-size:12px;padding:2px 8px;border-radius:999px;background:#2c3034;color:#b9c2c8;font-weight:700}
.channel-tab.active span{background:#1b141026;color:#1b1410}
/* The transition between two cuts, on the junction itself. */
.clip-join{position:absolute;left:-13px;top:-15px;width:26px;height:26px;padding:0;border:1px solid #47525a;border-radius:50%;background:#1b2024;color:#cfd6da;font-size:12px;line-height:1;cursor:pointer;z-index:6;display:grid;place-items:center}
.clip-join:hover,.clip-join:focus-visible{border-color:var(--accent);color:var(--accent)}
.clip-join.set{background:var(--accent);border-color:var(--accent);color:#1b1410}
.clip-editor{position:relative}
.clip-join-menu{position:fixed;z-index:60;max-height:calc(100vh - 16px);overflow:auto;min-width:190px;padding:6px;border:1px solid var(--line);border-radius:12px;background:#1a1f23;box-shadow:0 18px 44px #000a;display:grid;gap:2px}
.clip-join-menu button{border:0;background:none;color:#dfe5e8;text-align:left;font-size:13px;padding:9px 10px;border-radius:8px;cursor:pointer;white-space:pre}
.clip-join-menu button:hover,.clip-join-menu button:focus-visible{background:#262c31}
.clip-join-menu button.active{background:#2a2118;color:var(--accent);font-weight:700}
.clip-join-menu button.all{margin-top:4px;border-top:1px solid var(--line);border-radius:0 0 8px 8px;color:var(--muted);font-size:12px}
.clip-text{position:relative;cursor:text}
.clip-roll{position:absolute;top:0;bottom:0;right:0;width:11px;cursor:col-resize;touch-action:none}
.clip-roll::after{content:"";position:absolute;top:7px;bottom:7px;right:3px;width:3px;border-radius:2px;background:#ffffff2e}
.clip-text:hover .clip-roll::after,.clip-roll:hover::after,.rolling .clip-roll::after{background:var(--accent)}
.clip-editor.rolling,.clip-editor.rolling *{cursor:col-resize!important}
.clip-caption-editor{width:min(420px,calc(100vw - 16px));padding:12px;gap:8px}
.clip-caption-editor strong{font-size:12px;color:var(--muted);font-weight:700;letter-spacing:.02em}
.clip-caption-editor textarea{width:100%;box-sizing:border-box;resize:vertical;min-height:74px;background:var(--field);border:1px solid var(--line);border-radius:9px;color:var(--text);font:inherit;font-size:14px;line-height:1.5;padding:9px 10px}
.clip-caption-editor textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}
.clip-menu-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.clip-join-menu .clip-menu-row button{border:1px solid var(--line);background:var(--field);font-size:12px;padding:7px 10px;white-space:nowrap}
.clip-join-menu .clip-menu-row button:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--field)}
.clip-join-menu .clip-menu-row button:disabled{opacity:.42;cursor:default}
.clip-join-menu .clip-menu-row button.primary{margin-left:auto;background:var(--accent);border-color:var(--accent);color:#1b1410;font-weight:800}
.clip-join-menu .clip-menu-row button.primary:hover{color:#1b1410;background:var(--accent);filter:brightness(1.08)}
.clip-join-menu small{color:var(--muted);font-size:11px}
.clip-tool{background:var(--field);border:1px solid var(--line);border-radius:7px;color:var(--text);font-size:12px;height:30px;padding:0 11px;white-space:nowrap;cursor:pointer}
.clip-tool:hover{border-color:var(--accent);color:var(--accent)}
.clip-tool.on{background:#2a2118;border-color:var(--accent);color:var(--accent);font-weight:700}
.clip-more{position:absolute;left:8px;top:5px;z-index:5;width:24px;height:18px;padding:0;border:0;border-radius:5px;background:#000b;color:#fff;font-size:14px;line-height:14px;cursor:pointer;opacity:0;transition:opacity .12s}
.clip:hover .clip-more,.clip.selected .clip-more,.clip-more:focus-visible{opacity:1}
.clip-more:hover{background:var(--accent);color:#1b1410}
button.clip-voice{border:0;border-right:2px solid #111416;text-align:left;cursor:pointer;font-family:inherit}
button.clip-voice:hover{background:#27405a;color:#dcebf6}
.clip-voice.off{background:#22272b;color:#77838b;font-style:italic}
.clip-music{background:linear-gradient(90deg,#2a223855 0,#2a2238 var(--in,0px),#2a2238 calc(100% - var(--out,0px)),#2a223855 100%)!important}
.clip-panel{width:min(400px,calc(100vw - 16px));padding:12px;gap:10px}
.clip-panel strong{font-size:12px;color:var(--muted);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.clip-menu-field{display:grid;grid-template-columns:92px minmax(0,1fr) 52px;gap:10px;align-items:center;font-size:12px;color:#cfd6da}
.clip-menu-field input{width:100%;accent-color:var(--accent)}
.clip-menu-field output{text-align:right;font-variant-numeric:tabular-nums;color:var(--accent);font-weight:700}
.clip-speeds span{font-size:12px;color:#cfd6da;width:92px}
.clip-join-menu .clip-menu-row button.on{border-color:var(--accent);color:var(--accent);background:#2a2118;font-weight:700}
.design-bar.not-applied .concept-choice,.design-bar.not-applied .design-options{opacity:.38}
.design-bar.not-applied .concept-choice{cursor:not-allowed}
.option-note{margin:10px 0 0;padding:9px 11px;border:1px dashed var(--line);border-radius:9px;color:var(--muted);font-size:12px;line-height:1.55}
.clip-speeds{flex-wrap:nowrap}
.clip-speeds span{width:auto;margin-right:4px;white-space:nowrap}
.clip-join-menu .clip-speeds button{padding:7px 8px;flex:1}
/* Company › project: who the work is for, then which piece of work is open. They sit together right after the logo. */
.sidebar .context-group{display:flex;align-items:flex-end;gap:8px;margin-left:14px;padding:0 14px;border-left:1px solid var(--line);border-right:1px solid var(--line);min-width:0}
.sidebar .context-item{display:grid;gap:3px;min-width:0}
.sidebar .context-item>small{font-size:10px;line-height:1;letter-spacing:.08em;color:var(--muted);padding-left:2px}
.sidebar .context-sep{color:var(--muted);font-size:16px;line-height:32px}
.sidebar .context-project{display:flex;align-items:center;gap:4px;min-width:0}
.sidebar .context-group .workspace-switcher select{height:32px;max-width:150px;font-size:13px;font-weight:700;padding:0 26px 0 10px}
.sidebar .context-group .project-link{height:32px;margin:0;padding:0 8px 0 10px;border:1px solid var(--line);border-radius:8px;background:var(--field);max-width:230px;font-size:13px;font-weight:700;color:var(--text);gap:7px;cursor:pointer}
.sidebar .context-group .project-link:hover,.sidebar .context-group .project-link[aria-expanded="true"]{border-color:var(--accent)}
.sidebar .context-group .project-link #sideProjectName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.sidebar .context-caret{font-style:normal;color:var(--muted);font-size:11px}
.sidebar .context-group .new-project{height:32px;width:32px;padding:0;border:1px solid var(--line);border-radius:8px;font-size:0;display:inline-grid;place-items:center;color:var(--text)}
.sidebar .context-group .new-project::before{content:"＋";font-size:15px}
.sidebar .context-group .new-project:hover{border-color:var(--accent);color:var(--accent)}
.sidebar .sidebar-bottom{margin-left:auto}
.sidebar .account-chip{order:9;display:flex;align-items:center;gap:6px;padding-left:12px;margin-left:4px;border-left:1px solid var(--line);font-size:12px;color:#cfd6da;white-space:nowrap}
.sidebar .account-chip[hidden]{display:none}
.sidebar .account-chip .button{height:32px;padding:0 10px;font-size:12px}
.project-menu{position:fixed;z-index:70;width:min(360px,calc(100vw - 16px));max-height:calc(100vh - 90px);overflow:auto;padding:14px;border:1px solid var(--line);border-radius:14px;background:#1a1f23;box-shadow:0 22px 50px #000b;display:grid;gap:10px}
.project-menu[hidden]{display:none}
.project-menu>strong{font-size:13px;color:var(--muted)}
.project-menu-current{display:grid;gap:2px;text-align:left;padding:11px 12px;border:1px solid var(--accent);border-radius:10px;background:#2a2118;color:var(--text);cursor:pointer}
.project-menu-current small{font-size:11px;color:var(--accent)}
.project-menu-current b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.project-menu-current span{font-size:11px;color:var(--muted)}
.project-menu-label{font-size:11px;color:var(--muted);letter-spacing:.04em}
.project-menu-list{display:grid;gap:4px}
.project-menu-row{display:grid;gap:2px;text-align:left;padding:9px 11px;border:0;border-radius:9px;background:none;color:var(--text);cursor:pointer}
.project-menu-row:hover,.project-menu-row:focus-visible{background:#262c31}
.project-menu-row strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.project-menu-row small{font-size:11px;color:var(--muted)}
.project-menu .empty-state{margin:0;font-size:12px;color:var(--muted);line-height:1.5}
.project-menu-actions{display:flex;flex-wrap:wrap;gap:6px;padding-top:10px;border-top:1px solid var(--line)}
.project-menu-actions .button{flex:1 1 auto;height:34px;padding:0 10px;font-size:12px;white-space:nowrap}
/* Managing companies: the list on the left, everything about the one that is open on the right. */
.structure-note{margin:6px 0 0;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:#171b1e;color:#c3ccd1;font-size:13px;line-height:1.6}
.structure-note b{color:var(--accent)}
.company-layout{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:22px;margin:22px 0;align-items:start}
.company-list{display:grid;gap:8px;margin:14px 0}
.company-row{display:grid;gap:4px;text-align:left;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:var(--field);color:var(--text);cursor:pointer}
.company-row:hover{border-color:#5a646b}
.company-row.active{border-color:var(--accent);background:#2a2118}
.company-row>div{display:flex;align-items:center;justify-content:space-between;gap:8px}
.company-row strong{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.company-row small{font-size:12px;color:var(--muted)}
.company-row .company-sns{color:#aeb9bf}
.company-now{flex:none;font-size:11px;font-weight:800;color:#1b1410;background:var(--accent);border-radius:999px;padding:2px 8px}
.new-company{display:grid;gap:10px;margin:14px 0;padding:14px;border:1px dashed var(--accent);border-radius:12px}
.new-company[hidden]{display:none}
.new-company label,.company-pane label,.sns-row label{display:grid;gap:7px;color:#bac3c7;font-size:13px}
.company-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}
.company-head h2{margin:4px 0 0;font-size:22px}
.company-tabs{display:flex;gap:6px;margin:18px 0 20px;border-bottom:1px solid var(--line)}
.company-tabs button{border:0;border-bottom:3px solid transparent;background:none;color:var(--muted);font-size:14px;font-weight:700;padding:10px 14px;margin-bottom:-1px;cursor:pointer}
.company-tabs button:hover{color:var(--text)}
.company-tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}
.company-tabs button[hidden]{display:none}
.company-pane{display:grid;gap:16px}
.company-pane[hidden]{display:none}
.company-pane h3{margin:14px 0 0;font-size:15px}
.company-pane .help-text{margin:0}
.info-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.info-fields label:has(textarea){grid-column:1/-1}
.sns-rows{display:grid;gap:12px}
.sns-row{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:12px;background:#171b1e}
.sns-head{display:flex;align-items:center;gap:10px}
.sns-head strong{font-size:15px}
.sns-head small{color:var(--muted);font-size:12px}
.sns-head .status-pill{margin-left:auto}
.status-pill.on{background:#1f3a2a;color:#9fe0b4;border-color:#2f6b47}
.sns-connect{display:flex;gap:8px;align-items:center;padding-top:12px;border-top:1px dashed var(--line)}
.sns-connect input{flex:1;min-width:0}
.sns-connect .button{white-space:nowrap}
@media(max-width:1050px){.company-layout{grid-template-columns:1fr}.info-fields{grid-template-columns:1fr}}
/* Example works on the start page: the real output of each example, drawn live. */
.home-examples{margin:34px 0 8px}
.home-examples[hidden]{display:none}
.home-examples-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px;flex-wrap:wrap}
.home-examples-head h2{margin:6px 0 0;font-size:24px}
.home-examples-head p{margin:0;max-width:560px;color:var(--muted);font-size:13px;line-height:1.6}
.example-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px 18px;align-items:start}
.example-card{display:grid;gap:5px;min-width:0;padding:0;border:0;background:none;color:var(--text);text-align:left;cursor:pointer}
.example-frame{position:relative;display:flex;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#0c0e10;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.example-frame canvas{display:block;flex:1;min-width:0;width:100%;height:auto}
.example-frame canvas+canvas{border-left:1px solid #0004}
.example-card:hover .example-frame,.example-card:focus-visible .example-frame{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 18px 40px #0009}
.example-card:focus-visible{outline:none}
.example-kind{position:absolute;left:10px;top:10px;padding:3px 9px;border-radius:999px;background:#000b;color:#fff;font-size:11px;font-weight:700;letter-spacing:.02em}
.example-card.playing .example-kind{background:var(--accent);color:#1b1410}
.example-card strong{margin-top:6px;font-size:15px;line-height:1.35}
.example-shows{font-size:12px;color:#c3ccd1}
.example-card small{font-size:11px;color:var(--muted)}
@media(max-width:900px){.example-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.example-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
.project-remove{color:#d98a8a}
.project-remove.armed{background:#5a1f1f;border-color:#c14848;color:#fff;font-weight:700}
#cloudProjects .service-row{gap:8px}
#cloudProjects .service-row>div{flex:1;min-width:0}
.project-states{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 4px}
.project-state{font-size:11px;font-weight:700;border-radius:999px;padding:3px 9px;border:1px solid var(--line);color:var(--muted)}
.project-state.done{background:#1f3a2a;border-color:#2f6b47;color:#9fe0b4}
.project-state.waiting{background:#2a2118;border-color:var(--accent);color:var(--accent)}
.project-state.check{background:#3a1f1f;border-color:#a04848;color:#f0b0b0}
.project-state.made{color:#cfd6da}
/* The menu bar stays at the top while the page scrolls. (`inset:auto` above had undone its `top`.) */
.sidebar{position:sticky;top:0}
.example-card.opening{opacity:.6;cursor:progress}
/* Golden material: keywords that have stayed up for days, at the top of the radar. */
.radar-golden{padding:22px 24px;margin:0 0 18px;border-color:#6b5324;background:linear-gradient(180deg,#221c10,#191a1b)}
.radar-golden[hidden]{display:none}
.radar-golden-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:14px}
.radar-golden-head h2{margin:4px 0 0;font-size:22px;color:#ffd27a}
.radar-golden-head h2 small{font-size:13px;font-weight:600;color:#c9b88d;margin-left:8px}
.radar-golden-head .help-text{margin:0;max-width:520px;font-size:12px}
.radar-golden-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.radar-golden-list:empty{display:none}
.golden-card{display:grid;gap:6px;justify-items:start;text-align:left;padding:14px 16px;border:1px solid #6b5324;border-radius:12px;background:#2a2212;color:var(--text);cursor:pointer}
.golden-card:hover,.golden-card:focus-visible{border-color:#ffd27a;background:#342a14}
.golden-card strong{font-size:17px;line-height:1.35}
.golden-card small{font-size:12px;color:#c9b88d}
.golden-days{font-size:12px;font-weight:800;color:#1b1410;background:#ffd27a;border-radius:999px;padding:2px 10px}
.keyword-streak{display:inline-block;margin-left:8px;font-size:11px;font-weight:800;color:#1b1410;background:#ffd27a;border-radius:999px;padding:2px 9px;vertical-align:middle}
.keyword-card.found{outline:2px solid #ffd27a;outline-offset:2px}
.golden-card.waiting{background:#1d1e1f;border-color:var(--line);border-style:dashed}
.golden-card.waiting .golden-days{background:#3a3d40;color:#d7dde0}
.golden-card.waiting small{color:var(--muted)}
.example-card strong,.example-shows,.example-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.example-sound{height:28px;padding:0 10px;font-size:12px;margin-left:6px;vertical-align:middle}
.company-pane h3 small{font-size:12px;font-weight:500;color:var(--muted);margin-left:8px}
#companyBrandKits .brand-guide,#companyBrandKits .brand-kit-editor{margin:0 0 14px}
.voice-records{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.voice-record{display:grid;gap:10px;align-content:start;padding:16px;border:1px solid var(--line);border-radius:12px;background:#171b1e}
.voice-record blockquote{margin:0;padding:10px 12px;border-left:3px solid var(--accent);background:#221c14;border-radius:0 8px 8px 0;font-size:14px;line-height:1.6;color:#ffe3c2}
.voice-file{margin:0;font-size:12px;color:var(--muted)}
#voiceForm{display:grid;gap:16px}#voiceForm[hidden]{display:none}
@media(max-width:900px){.voice-records{grid-template-columns:1fr}}
/* ── Top bar on one centre line ──
   Every control is 36px high and sits on the same line: [logo] [업체 … › 프로젝트 … ＋] [menu] ……… [AI · saved · export · account].
   When the window is wide enough the menu shows icon and name side by side (`nav-inline`, set by the page when it fits);
   otherwise the name stays under the icon, still centred on the same line as everything else. */
.sidebar{align-items:center;gap:6px 12px;min-height:60px;padding:10px 20px}
.sidebar .brand{margin:0 4px 0 0}
.sidebar .context-group{align-items:center;gap:8px;margin-left:8px;padding:0 14px}
.sidebar .context-item{display:flex;align-items:center;gap:7px}
.sidebar .context-item>small{font-size:11px;letter-spacing:0;padding:0;line-height:1;white-space:nowrap}
.sidebar .context-sep{line-height:1;font-size:14px}
.sidebar .context-group .workspace-switcher select,.sidebar .context-group .project-link,.sidebar .context-group .new-project{height:36px}
.sidebar .context-group .project-link{max-width:200px}
.sidebar .context-group .new-project{width:36px}
.sidebar nav{margin:0;gap:2px;flex:0 1 auto}
.sidebar .sidebar-bottom{margin-left:auto;padding:0 4px 0 12px}
.sidebar nav .nav-item,.sidebar .sidebar-bottom .nav-item{height:44px}
.sidebar .header-actions .button,.sidebar .account-chip .button{height:36px}
.sidebar.nav-inline nav .nav-item,.sidebar.nav-inline .sidebar-bottom .nav-item{flex:0 0 auto;min-width:0;height:36px;flex-direction:row;gap:7px;padding:0 12px;font-size:13px;letter-spacing:0;line-height:1}
.sidebar.nav-inline .nav-item>span:first-child,.sidebar.nav-inline .nav-item>svg:first-child{height:auto;font-size:16px}
.sidebar.nav-inline .nav-item svg{width:17px;height:17px}
.sidebar.nav-inline .nav-item .nav-count{position:static;margin-left:1px;font-size:10px;line-height:1.5;padding:0 5px}
.sidebar.nav-inline .nav-item #apiDot{position:static;margin-left:1px}
/* Side-by-side names take room: the build number steps aside and the cells tighten so the row still fits. */
.sidebar.nav-inline .build-label{display:none}
.sidebar.nav-inline nav .nav-item,.sidebar.nav-inline .sidebar-bottom .nav-item{padding:0 9px;gap:6px;font-size:12.5px}
.sidebar.nav-inline nav{gap:0}
.sidebar.nav-inline .context-group{padding:0 10px;margin-left:4px}
.sidebar.nav-inline .context-group .project-link{max-width:180px}
/* Two rows: each row sits in the middle, and the hairlines that set groups apart on one row are dropped. */
.sidebar.wrapped{justify-content:center;gap:8px 12px}
.sidebar.wrapped .sidebar-bottom,.sidebar.wrapped .header-actions,.sidebar.wrapped .context-group{margin-left:0}
.sidebar.wrapped .context-group,.sidebar.wrapped .sidebar-bottom,.sidebar.wrapped .header-actions,.sidebar.wrapped .account-chip{border-left:0;border-right:0;padding-left:0;padding-right:0}
.example-group{grid-column:1/-1;margin:4px 0 -8px;font-size:14px;font-weight:700;color:#c9d2d7}
.example-group:not(:first-child){margin-top:14px}
/* The sun or moon in the top bar switches between the dark skin and the light one. */
.sidebar .skin-toggle{width:36px;height:36px;padding:0;font-size:16px;display:inline-grid;place-items:center;flex:none}
/* On one row the menu sits in the middle of the room between the company·project group and the right-hand group,
   instead of hanging off the left group with a gap after it. */
.sidebar:not(.wrapped) nav{margin:0 auto}
.sidebar:not(.wrapped) .sidebar-bottom{margin-left:0}
/* The two folded sections under the direction settings are headings of their own, not footnotes: the same box and weight
   as the section above them, with a line saying what is inside. */
.direction-story,#legacyMotionDetails{margin:12px 0;border:1px solid #34383b;border-radius:12px;padding:16px}
.direction-story summary,#legacyMotionDetails summary{color:var(--text);font-size:14px;font-weight:700}
.direction-story summary span,#legacyMotionDetails summary span{display:block;margin:5px 0 0 16px;font-size:12px;font-weight:400;color:#9da7ad;line-height:1.5}
#legacyMotionDetails>p{font-size:12px;line-height:1.65;color:#aab3b8;margin:14px 0 0}
#legacyMotionDetails .motion-presets{grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:8px;margin:14px 0 4px}
#legacyMotionDetails .motion-presets button{padding:11px 12px;border-radius:11px}
#legacyMotionDetails .motion-presets strong{font-size:13px}
#legacyMotionDetails .motion-presets small{font-size:11.5px;line-height:1.45}
.legacy-more{display:block;margin:18px 0 2px;padding-top:14px;border-top:1px solid #34383b;font-size:13px}
/* Screen guide: a button that stays in the corner, and the panel it slides in. */
.guide-button{position:fixed;right:22px;bottom:22px;z-index:45;display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 18px 0 8px;border:0;border-radius:23px;background:var(--accent);color:#1b1206;font:inherit;font-size:14px;font-weight:750;cursor:pointer;box-shadow:0 10px 28px #0008;touch-action:none;user-select:none;transition:transform .18s ease,box-shadow .18s ease}
.guide-button b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#1b1206;color:#f5a65b;font-size:17px;line-height:1}
.guide-button:hover{transform:translateY(-2px);box-shadow:0 14px 32px #000a}
.guide-button.dragging{cursor:grabbing;transition:none;transform:scale(1.04)}
.guide-button.on b{transform:rotate(90deg);transition:transform .25s ease}
.guide-button::after{content:'';position:absolute;inset:-5px;border-radius:28px;border:2px solid var(--accent);opacity:0;pointer-events:none;animation:guide-call 2.2s ease-out 1s 3}
.guide-button.on::after{animation:none}
.guide-button:focus-visible{outline:2px solid var(--text);outline-offset:3px}
@keyframes guide-call{0%{opacity:.75;transform:scale(.94)}100%{opacity:0;transform:scale(1.22)}}
.guide-panel{position:fixed;right:16px;bottom:80px;z-index:44;width:min(388px,calc(100vw - 32px));display:flex;flex-direction:column;border:1px solid #3a4046;border-radius:18px;background:#171b1e;box-shadow:0 24px 60px #000b;opacity:0;transform:translateX(34px) scale(.985);transform-origin:right bottom;transition:opacity .26s ease,transform .3s cubic-bezier(.2,.8,.2,1);overflow:hidden}
.guide-panel[hidden]{display:none}
.guide-panel.open{opacity:1;transform:none}
.guide-panel.aside{opacity:.12;pointer-events:none}
.guide-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 18px 14px;border-bottom:1px solid #2c3136}
.guide-head small{display:block;font-size:11.5px;letter-spacing:.4px;color:var(--accent);font-weight:700}
.guide-head h2{margin:4px 0 0;font-size:19px;line-height:1.3}
.guide-close{flex:none;width:32px;height:32px;border:1px solid #3a4046;border-radius:50%;background:transparent;color:var(--text);font-size:18px;line-height:1;cursor:pointer}
.guide-close:hover{border-color:var(--accent)}
.guide-body{overflow:auto;padding:16px 18px 18px;scrollbar-width:thin}
.guide-about{margin:0;font-size:13.5px;line-height:1.75;color:#d6dbde}
.guide-body h3{margin:20px 0 8px;font-size:12px;letter-spacing:.3px;color:#9aa5ab;font-weight:700}
.guide-steps{margin:0;padding:0;list-style:none;counter-reset:guide;display:grid;gap:7px}
.guide-steps li{counter-increment:guide;position:relative;padding:9px 12px 9px 40px;border-radius:11px;background:#1f2529;font-size:13px;line-height:1.6;color:#e2e6e8}
.guide-steps li::before{content:counter(guide);position:absolute;left:11px;top:9px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#1b1206;font-size:11.5px;font-weight:800}
.guide-group{border:1px solid #2c3136;border-radius:13px;margin:8px 0;padding:0 12px;background:#14181a}
.guide-group summary{cursor:pointer;padding:12px 2px;font-size:13.5px;font-weight:700;line-height:1.4}
.guide-group summary em{margin-left:8px;padding:2px 8px;border-radius:9px;background:var(--accent);color:#1b1206;font-size:11px;font-style:normal;font-weight:750}
.guide-item{display:block;width:100%;margin:0 0 10px;padding:11px 12px;border:1px solid #2c3136;border-radius:11px;background:#1c2125;color:inherit;font:inherit;text-align:left;animation:guide-in .34s both;animation-delay:calc(var(--i,0)*26ms)}
.guide-item strong{display:block;font-size:13.5px;line-height:1.45;color:var(--text)}
.guide-item span{display:block;margin-top:5px;font-size:12.5px;line-height:1.7;color:#b9c1c6}
.guide-item i{display:inline-block;margin-top:8px;font-size:11.5px;font-style:normal;font-weight:700;color:var(--accent)}
button.guide-item{cursor:pointer}
button.guide-item:hover{border-color:var(--accent);background:#22282c}
@keyframes guide-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
.guide-more{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px;padding-top:14px;border-top:1px solid #2c3136}
.guide-more small{flex-basis:100%;font-size:12px;color:#9aa5ab;font-weight:700;margin-bottom:2px}
.guide-more button{padding:6px 11px;border:1px solid #3a4046;border-radius:15px;background:transparent;color:#cfd5d9;font:inherit;font-size:12px;cursor:pointer}
.guide-more button:hover{border-color:var(--accent)}
.guide-more button[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#1b1206;font-weight:700}
.guide-ring{position:fixed;z-index:80;border:3px solid var(--accent);border-radius:12px;pointer-events:none;box-shadow:0 0 0 6px rgba(245,166,91,.28);animation:guide-ring .9s ease-in-out infinite alternate}
@keyframes guide-ring{from{box-shadow:0 0 0 3px rgba(245,166,91,.34)}to{box-shadow:0 0 0 13px rgba(245,166,91,.06)}}
@media (prefers-reduced-motion:reduce){.guide-panel,.guide-button,.guide-item,.guide-ring,.guide-button::after{animation:none;transition:none}}
/* The picture of a listed article, when the collection kept one: a fixed strip across the top of its card. */
.radar-article-picture{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:6px;background:#0f1214}
/* Under a keyword the card is narrow, so the picture sits small on the left with the press and the title beside it. */
.keyword-card .radar-article.pictured{display:grid;grid-template-columns:96px minmax(0,1fr);column-gap:12px;row-gap:6px;align-items:start}
.keyword-card .radar-article.pictured .radar-article-picture{grid-row:1/span 2;aspect-ratio:4/3}
.keyword-card .radar-article.pictured a,.keyword-card .radar-article.pictured button{grid-column:1/-1}
/* Connecting a channel by signing in: the button first, what it needs underneath, token pasting folded away. */
.sns-signin{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding-top:12px;border-top:1px dashed var(--line)}
.sns-signin .button.waiting{opacity:.55}
.sns-signin-note{flex:1 1 220px;font-size:12px;line-height:1.6;color:#aab3b8}
.sns-app,.sns-paste{margin-top:10px;border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.sns-app summary,.sns-paste summary{cursor:pointer;font-size:12.5px;font-weight:650}
.sns-app .help-text{margin:10px 0}
.sns-app-fields{display:flex;flex-wrap:wrap;gap:8px}
.sns-app-fields input{flex:1 1 200px;min-width:0}
.sns-paste .sns-connect{border-top:0;padding-top:10px}
/* Short clips out of a long video: the controls, then one row per clip with its score. */
.clip-finder{margin:14px 0;padding:16px;border:1px solid var(--line);border-radius:12px;background:#14181b}
.clip-finder-head strong{display:block;font-size:15px}
.clip-finder-head small{display:block;margin-top:6px;font-size:12.5px;line-height:1.65;color:#aab3b8}
.clip-finder-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 12px;margin-top:14px}
.clip-finder-controls label{display:grid;gap:5px;font-size:12px;color:#aab3b8}
.clip-finder-controls select{min-width:120px}
.clip-finder-status{margin:12px 0 0;font-size:13px;line-height:1.6;min-height:1.6em}
.clip-list{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}
.clip-list li{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:8px 12px;align-items:start;padding:12px;border:1px solid var(--line);border-radius:11px;background:#1a1f23}
.clip-list input[type=checkbox]{margin-top:12px}
.clip-score{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--accent);color:#1b1206;font-size:15px;font-weight:800}
.clip-list strong{display:block;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.clip-list small{display:block;margin-top:3px;font-size:12px;color:#9aa5ab}
.clip-reasons{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.clip-reasons span{padding:3px 8px;border:1px solid #3a4046;border-radius:10px;font-size:11.5px;color:#cfd5d9}
.clip-actions{grid-column:3;display:flex;flex-wrap:wrap;gap:8px}
.clip-actions .button{font-size:12.5px}
.clip-finder-batch{margin-top:14px;display:grid;gap:8px}
.clip-finder-batch small,.clip-finder-note{font-size:12px;line-height:1.6;color:#9aa5ab}
.clip-finder-note{margin:12px 0 0}
/* The people tab says first what it is for, since a person working alone never needs it. */
.member-purpose{margin:10px 0 12px;padding:14px 16px;border:1px solid var(--line);border-radius:11px;background:#14181b;font-size:13.5px;line-height:1.75;color:#d6dbde}
.member-roles{margin:0 0 14px;padding:0;list-style:none;display:grid;gap:6px;font-size:13px;line-height:1.6;color:#c2c9cd}
.member-roles b{display:inline-block;min-width:74px;color:var(--accent)}
/* Who made the program, beside its name in the footer. */
footer .footer-maker{padding-left:15px;border-left:1px solid var(--line);color:#7d8890;font-weight:600}
/* The opening line of the video, how it holds attention, and other ways to say it. */
.hook-box{margin:12px 0;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#14181b}
.hook-head{display:flex;align-items:center;gap:10px}
.hook-head strong{font-size:14px}
.hook-head span{padding:2px 9px;border-radius:10px;border:1px solid #3a4046;font-size:11.5px;color:#aab3b8}
.hook-head span.on{background:var(--accent);border-color:var(--accent);color:#1b1206;font-weight:700}
#hookCurrent{margin:8px 0 10px;font-size:13.5px;line-height:1.6}
.hook-actions{display:flex;flex-wrap:wrap;gap:8px}
.hook-ideas{display:grid;gap:6px;margin:10px 0}
.hook-idea{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:#1a1f23}
.hook-idea span{padding:2px 8px;border-radius:9px;background:#2a3035;font-size:11.5px;color:#cfd5d9;white-space:nowrap}
.hook-idea strong{font-size:13.5px;line-height:1.5;overflow-wrap:anywhere}
.hook-box small{display:block;font-size:12px;line-height:1.6;color:#9aa5ab}
.content-review.needs>summary{color:var(--accent)}
/* Sound effects apply to every kind of video, so their choices are always on the shorts tab, whatever the video is made of. */
.video-sound{margin:14px 0 0;display:grid;gap:10px}
.video-sound .ratio-bar{margin-bottom:0}
.project-menu-row.previous{border:1px dashed var(--accent)}
.project-menu-row.previous small{color:var(--accent)}
/* What the channels report for published videos: one row per video with its three numbers. */
.stats-total{margin:10px 0;font-size:14px;font-weight:700}
.stats-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}
.stats-row strong{display:block;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.stats-row small{font-size:12px;color:#9aa5ab}
.stats-figures{display:flex;gap:18px}
.stats-figures span{display:grid;justify-items:end}
.stats-figures b{font-size:18px}
.stats-row a{font-size:12.5px;color:var(--accent);white-space:nowrap}
/* Scheduled production: the queue, the days and time, and what happened last. */
.series-panel textarea{width:100%;line-height:1.7;resize:vertical}
.series-row{display:flex;flex-wrap:wrap;gap:14px 18px;align-items:end;margin:14px 0}
.series-row label{display:grid;gap:5px;font-size:12px;color:#aab3b8}
.series-days{display:flex;gap:6px}
.series-days label{display:flex;align-items:center;gap:4px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;font-size:13px;color:var(--text);cursor:pointer}
.series-actions{display:flex;flex-wrap:wrap;gap:8px}
/* On a phone the top bar is several rows tall: it scrolls away with the page instead of covering a third of the screen,
   every menu stays reachable by wrapping, and rows of small choices wrap instead of running off the side. */
.series-days{flex-wrap:wrap}
@media (max-width:700px){
  .sidebar{position:static}
  .sidebar nav{flex-wrap:wrap;justify-content:center;max-width:100%}
  .guide-panel{bottom:76px}
}

/* Storage room of a company: how much is used, of how much, and the finished videos that can be removed. */
.storage-meter{margin:10px 0 18px}
.storage-bar{height:10px;border-radius:6px;background:rgba(255,255,255,.1);overflow:hidden}
.storage-bar span{display:block;height:100%;width:0;background:var(--accent,#f5a65b);border-radius:6px;transition:width .3s}
.storage-bar span.full{background:#e5484d}
.storage-meter p{margin:8px 0 6px;font-size:14px}
.storage-meter ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;color:#a3b1bb}

/* Clip finder: the request to have the AI read the clips, and what it answered. */
.clip-finder-ai{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:10px 0 0}
.clip-finder-ai small{color:#a3b1bb;font-size:12.5px;flex:1 1 240px}
.clip-score.by-ai{outline:2px solid var(--accent,#f5a65b);outline-offset:2px}
.clip-reasons span.by-ai{background:rgba(245,166,91,.18);color:#f5c08a}

/* Start cards on the home screen: a large picture of what each way begins with, beside the words. The pictures are
   grey on purpose: they explain the card, the orange stays with what is to be pressed. */
#homeView .start-route{padding-right:156px}
#homeView .route-symbol{right:28px;top:50%;transform:translateY(-50%);width:104px;height:104px;border-radius:22px;background:rgba(255,255,255,.04);color:#8d989f;display:grid;place-items:center;font-size:0;line-height:0}
#homeView .route-symbol svg{width:66px;height:66px;display:block;fill:none;stroke:currentColor;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}
#homeView .route-symbol svg .solid{fill:currentColor;stroke:none}
#homeView .route-symbol svg .soft{fill:currentColor;stroke:none;opacity:.22}
@media(max-width:1180px){#homeView .start-route{padding-right:128px}#homeView .route-symbol{width:88px;height:88px;border-radius:18px;right:22px}#homeView .route-symbol svg{width:56px;height:56px}}
@media(max-width:760px){#homeView .start-route{padding-right:96px}#homeView .route-symbol{top:22px;transform:none;width:64px;height:64px;border-radius:14px;right:18px}#homeView .route-symbol svg{width:42px;height:42px}}

/* The way of speaking the AI writes in, chosen beside the text on the preparation screen. */
.production-tone{margin-top:16px}
.production-tone>span{display:block;font-size:13px;color:#a3b1bb;margin-bottom:8px}
.production-tone .tone-chips{display:flex;flex-wrap:wrap;gap:8px}
.production-tone button{border:1px solid var(--line);background:transparent;color:#d6dbde;border-radius:999px;padding:7px 14px;font-size:13.5px;cursor:pointer;transition:border-color .15s,color .15s}
.production-tone button:hover{border-color:#6b7780}
.production-tone button.active{border-color:var(--accent);color:var(--accent);font-weight:700}
.production-tone small{display:block;margin-top:9px;color:#a3b1bb;font-size:12.5px;line-height:1.5}

/* Hearing a recording of a voice before it is registered. */
.voice-listen{width:100%;height:36px;margin-top:2px}

/* The microphone the voice recordings are made with. */
.voice-mic{display:grid;gap:6px;margin:4px 0 14px;font-size:13px;color:#a3b1bb}
.voice-mic select{max-width:520px}
.voice-mic small{font-size:12.5px;line-height:1.5;color:#a3b1bb}

/* 글꼴 고르기: 디자인 아래에 늘 보이는 줄. 단추마다 그 글꼴로 이름을 적는다. */
.tool-rail>#fontBar{order:-1}
.font-bar>span{display:block;margin:0 0 12px;font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--muted)}
.font-picker{display:flex;flex-wrap:wrap;gap:8px}
.font-choice{padding:6px 12px;border:1px solid #3b3e42;border-radius:10px;background:transparent;color:inherit;font-size:16px;line-height:1.25;min-height:36px}
.font-choice:hover{background:#25272b}
.font-choice.selected{outline:2px solid #f1f1ef;outline-offset:2px}
.font-bar .option-note{margin-top:10px}

/* 틀과 꾸밈이 있는 카드 디자인 여섯 가지의 선택 단추 */
.swatch-frame{background:radial-gradient(circle,#fff 44%,#a9d39b 46%)}
.swatch-window{background:linear-gradient(180deg,#c9d6ee 30%,#fff 31%)}
.swatch-grid{background:repeating-linear-gradient(90deg,#f4efe3 0 6px,#cfc5ae 7px)}
.swatch-label{background:linear-gradient(180deg,#d6e7fb 32%,#fffdf2 33% 68%,#d6e7fb 69%)}
.swatch-pill{background:radial-gradient(ellipse 62% 36%,#f3bfd6 96%,#e9e8e4 100%)}
.swatch-doodle{background:repeating-linear-gradient(0deg,#fff 0 6px,#d5dee9 7px)}

/* 문구·배치의 이미지 칸: 내 사진 넣기, 놓는 방식, 크기 */
.ai-image-tools .media-info{margin:9px 0 0}
#photoTools{margin-top:12px}
#photoTools .photo-place{margin-bottom:12px}
#photoTools .photo-place button{flex:1 1 0;padding:8px 10px}
#photoTools label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}
#photoTools label input{flex:1}
#photoTools output{min-width:42px;text-align:right;color:var(--text)}
.ai-image-heading{display:block;margin-top:20px}

/* 배경음악 창의 무료 음악 고르기 */
#musicDialog h3{margin:0 0 6px;font-size:15px}
#musicDialog .music-builtin-title{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.music-moods{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.music-moods button{padding:7px 13px;border:1px solid var(--line);border-radius:30px;background:var(--field);color:var(--text);font-size:13px;font-weight:650}
.music-moods button.suggested{border-color:var(--accent)}
.music-moods button.active{background:var(--accent);border-color:var(--accent);color:#111}
.music-search{display:flex;gap:8px}
.music-search input{flex:1;min-width:0}
.music-results{list-style:none;margin:10px 0 0;padding:0;max-height:320px;overflow-y:auto;overflow-x:hidden;display:grid;grid-template-columns:minmax(0,1fr);gap:6px}
.music-results li{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:10px}
.music-results li div{flex:1 1 170px;min-width:0}
.music-results li strong{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.music-results li span{display:block;color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.music-results li button{flex:0 0 auto;padding:6px 10px;font-size:12px}

/* 장면 전환 고르기: 짧은 이름의 단추 여러 개 */
.blend-bar button{padding:7px 11px}
#transitionOver{transform-origin:center;will-change:opacity,translate,scale}

/* 다른 느낌으로 보기 · 스타일 · 장면 빌더 · 강조 글꼴 · 꾸밈 */
.tool-rail>#lookBar{order:-3}
.look-bar small{display:block;margin-top:8px;color:var(--muted);font-size:12px;line-height:1.5}
.looks-dialog{width:min(1040px,94vw)}
.looks-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:14px 0}
.look-card{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--field);min-width:0}
.look-card canvas{width:100%;height:auto;border-radius:10px;background:#000;display:block}
.look-card strong{font-size:16px}
.look-card span{color:var(--muted);font-size:13px;line-height:1.5;min-height:39px}
.look-card .button{width:100%}
@media(max-width:760px){.looks-grid{grid-template-columns:1fr}}
.accent-font{display:flex;align-items:center;gap:10px;margin-top:12px;color:var(--muted);font-size:12px}
.accent-font select{flex:1;min-width:0}
.deco-bar{margin-top:12px}
.deco-bar button{padding:7px 12px}
.brand-lock{margin-top:10px}
.scene-builder{margin-top:14px;padding:12px 14px;border:1px solid var(--line);border-radius:12px}
.scene-builder summary{cursor:pointer;font-weight:700;font-size:14px}
#boardRows{margin:12px 0;padding-left:22px;display:grid;gap:8px}
#boardRows li{display:grid;grid-template-columns:minmax(0,1fr) 74px 104px auto;gap:8px;align-items:start}
#boardRows textarea{min-height:52px;font-size:13px}
#boardRows input,#boardRows select{font-size:13px;min-width:0}
.board-tools{display:flex;gap:4px}
.board-tools button{width:30px;height:30px;border:1px solid var(--line);border-radius:8px;background:var(--field);color:var(--text)}
.board-actions{display:flex;flex-wrap:wrap;gap:8px}
@media(max-width:700px){#boardRows li{grid-template-columns:minmax(0,1fr) 70px}#boardRows li textarea{grid-column:1/-1}}

/* 꾸밈 그림 고르기 */
/* On a narrow screen every option pressed moved the page up a little (the browser re-anchoring its scroll as the options were drawn again). */
@media(max-width:760px){html{overflow-anchor:none}}
.deco-live{margin-top:8px}
.deco-pick-tools{display:flex;align-items:center;gap:6px;margin-top:12px;color:var(--muted);font-size:12px}
.deco-pick-tools span{margin-right:auto}
.deco-pick-tools button{background:var(--field);border:1px solid var(--line);border-radius:8px;color:var(--text);font-size:12px;font-weight:650;padding:4px 10px}
/* Many small buttons in groups; the list scrolls inside itself so the options under it stay in reach. */
.deco-motifs{display:flex;flex-wrap:wrap;align-content:flex-start;gap:5px;margin-top:8px;max-height:238px;overflow-y:auto;padding:2px 4px 4px 2px;border-radius:10px}
.deco-motifs .deco-group{flex:0 0 100%;margin:8px 0 0;color:var(--muted);font-size:11px;font-weight:650}
.deco-motifs .deco-group:first-child{margin-top:0}
/* The drawings are made in dark ink, so their buttons stay light paper on both skins: the colour is set on each button itself (app.js), where the light skin does not turn it. */
.deco-motifs button{width:34px;height:34px;padding:3px;border:1px solid var(--line);border-radius:8px;opacity:.45}
.deco-motifs button.word{width:auto;min-width:34px;padding:0 9px;font-size:11px;font-weight:800;letter-spacing:.02em}
.deco-motifs button.active{opacity:1;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.deco-motifs canvas{width:100%;height:100%;display:block}
#railMusic small{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* 예시 영상: 분야별 탭, 한 탭에 네 편 */
.example-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.example-tabs button{padding:9px 16px;border:1px solid var(--line);border-radius:30px;background:var(--field);color:var(--text);font-size:14px;font-weight:700}
.example-tabs button.active{background:var(--accent);border-color:var(--accent);color:#111}
.example-gallery{grid-template-columns:repeat(5,minmax(0,1fr));gap:22px 16px}
.example-card[hidden]{display:none}
@media(max-width:1000px){.example-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.example-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* The option column stays beside the stage while the page scrolls. The panel clips without becoming a scroll box of its
   own: as a scroll box it held the sticky column still, so the column ended halfway down with empty room under it. */
.creation-panel.panel{overflow:clip}
/* Background music window: what is in the video stays on top; every piece has a play button and a use button. */
#musicDialog{width:min(620px,calc(100vw - 28px));padding:0 27px 27px}
.music-top{position:sticky;top:0;z-index:2;margin:0 -27px;padding:20px 27px 14px;background:#1c2023;border-bottom:1px solid var(--line)}
.music-top .dialog-header h2{margin:0}
.music-now{margin-top:12px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--field)}
.music-now:not(.empty){border-color:var(--accent)}
.music-now-head{display:flex;align-items:center;gap:8px}
.music-now-head>div{flex:1;min-width:0}
.music-now-head small{display:block;color:var(--muted);font-size:11px}
.music-now-head strong{display:block;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.music-now.empty .music-now-head strong{color:var(--muted);font-weight:600;font-size:13px}
.music-now .button{margin:0;flex:none;white-space:nowrap}
.music-now-volume{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:12px}
.music-now-volume[hidden]{display:none}
.music-now-volume input{flex:1;min-width:0}
.music-now-volume output{min-width:38px;text-align:right}
.music-now meter{display:block;width:100%;height:6px;margin-top:8px}
.music-now meter[hidden]{display:none}
.music-now #musicPlaybackStatus{margin:8px 0 0}
.music-now #musicPlaybackStatus:empty{display:none}
.music-now.flash{animation:music-flash 1.5s ease}
@keyframes music-flash{0%{background:#f5a65b66}100%{background:var(--field)}}
.music-how{margin:14px 0 10px;font-size:13px;color:#c9d0d4;line-height:1.6}
.music-how b{color:var(--text)}
.music-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}
.music-tabs button{padding:9px 8px;border:1px solid var(--line);border-radius:12px;background:var(--field);color:var(--text);font-size:14px;font-weight:700}
.music-tabs button small{display:block;font-size:11px;font-weight:500;color:var(--muted)}
.music-tabs button{word-break:keep-all;line-height:1.35}
@media(max-width:520px){#musicDialog{padding:0 16px 20px}.music-top{margin:0 -16px;padding:16px 16px 12px}.music-tabs{gap:6px}.music-tabs button{font-size:13px;padding:8px 4px}.music-tabs button small{font-size:10px}}
.music-tabs button.active{border-color:var(--accent);background:#2a2118}
#musicDialog .music-results{max-height:none;overflow:visible;margin-top:0}
#musicDialog .music-results li{flex-wrap:nowrap;gap:10px;padding:9px 10px}
#musicDialog .music-results li.hearing{border-color:#7f8a91}
#musicDialog .music-results li.using{border-color:var(--accent);background:#2a2118}
#musicDialog .music-results li div{flex:1 1 auto}
#musicDialog .music-results li strong em{margin-left:7px;padding:1px 7px;border-radius:20px;background:var(--accent);color:#1b1206;font-size:11px;font-style:normal;font-weight:700}
#musicDialog .music-results li span.problem{color:#ef9a9a;white-space:normal}
.music-play{flex:none;width:38px;height:38px;border-radius:50%;border:1px solid var(--accent);background:transparent;color:var(--accent);font-size:13px;line-height:1;display:grid;place-items:center;padding:0}
.music-results li.hearing .music-play{background:var(--accent);color:#1b1206}
#musicDialog .music-use{flex:none;margin:0;white-space:nowrap}
#musicDialog .music-use.on{border-color:var(--accent);color:var(--accent);background:transparent;cursor:default}
#musicLibrary .music-moods{margin-top:0}
#musicOwn .button.full{margin-top:0}
/* Under the preview: the music of the video, one press from where it is played. */
.stage-music{margin-left:6px;max-width:240px;padding:6px 13px;border:1px solid var(--line);border-radius:30px;background:var(--field);color:var(--text);font-size:12px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stage-music.on{border-color:#64507d;color:#c9b6ee}
.stage-music:hover{border-color:var(--accent)}
.stage-music[hidden]{display:none}
/* The ornaments of the one scene that is open, beside its words and its picture. */
.scene-deco{display:grid;gap:6px;margin:14px 0 4px}
.scene-deco[hidden]{display:none}
.scene-deco select{width:100%}
.scene-deco small{color:var(--muted);font-size:11px}
.deco-bar button small{display:block;font-size:10px;font-weight:600;color:var(--muted)}
/* The preview alone, as large as the window allows. */
.stage-big{margin-left:2px;padding:6px 12px;border:1px solid var(--line);border-radius:30px;background:var(--field);color:var(--text);font-size:12px;font-weight:650;white-space:nowrap}
.stage-big:hover{border-color:var(--accent)}
.preview-area.big{position:fixed;inset:0;z-index:70;border:0;border-radius:0;background:#0b0d0ff5;justify-content:center;padding:16px;overflow:auto;align-self:stretch;justify-self:stretch;min-height:100vh}
.preview-area.big .preview-top,.preview-area.big .safe-toggle{display:none}
.preview-area.big .canvas-wrap{width:auto!important;max-width:none;margin:0 auto;flex:none}
.preview-area.big #previewCanvas{width:auto;height:auto;max-height:calc(100vh - 110px);max-width:calc(100vw - 40px)}
.preview-area.big .preview-controls{margin-top:14px;font-size:14px}
.preview-area.big .play-button{font-size:15px}
body.preview-big{overflow:hidden}
body.preview-big .guide-button{display:none}
/* Cuts on the beat: the button beside the music, and the same in the music window. */
.music-beat{display:flex;align-items:center;gap:10px;margin-top:8px;font-size:12px;color:var(--muted)}
.music-beat[hidden]{display:none}
.music-beat .button{margin:0;flex:none}
/* The voice of the narration, chosen where a narration is made. */
.voice-pick{display:grid;gap:6px;margin:0 0 12px;font-size:12px;color:var(--muted)}
.voice-pick select{width:100%;color:var(--text)}
.voice-pick small{font-size:11px;color:var(--muted)}