.clips-panel{--clips-line:#ffffff18}.clips-local-badge{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:10px;letter-spacing:.12em;color:#b9c8b8}.clips-local-badge i{width:7px;height:7px;background:var(--studio-accent);border-radius:50%}.clips-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid var(--clips-line);padding-top:24px}.clips-toolbar>span{font-size:12px;color:#9caabd}.clips-upload{position:relative;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-height:42px}.clips-notice{font-size:13px;line-height:1.6;min-height:24px;margin:18px 0 24px;color:#a9b9cc}.clips-notice[data-error=true]{color:#ffb9b9}.clips-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;align-items:start}.clips-library{border:1px solid var(--clips-line);border-radius:16px;background:#0a101c;padding:18px}.clips-section-label,.clips-cut-list-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.clips-section-label h3,.clips-cut-list-heading h4{font-size:10px;letter-spacing:.14em;margin:0}.clips-section-label>span{font:12px monospace;color:var(--studio-accent)}.clips-project-card{border:1px solid var(--clips-line);background:#101a2a;color:#fff;text-align:left;width:100%;padding:14px;border-radius:9px;display:block;margin-bottom:9px;cursor:pointer}.clips-project-card[aria-pressed=true]{border-color:var(--studio-accent);background:#1b2530}.clips-project-card strong{font-size:13px;line-height:1.5;overflow-wrap:anywhere;display:block}.clips-project-card span{display:block;font-size:10px;line-height:1.6;color:#9faec0;margin-top:5px}.clips-library-note{font-size:11px;color:#8c9aae;line-height:1.7;margin:24px 0 0}.clips-empty{min-height:475px;border:1px solid var(--clips-line);border-radius:18px;background:radial-gradient(ellipse at 85% 10%,#293b5d77,transparent 65%),#0a101c;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:48px 24px}.clips-empty>div{font-size:46px;color:var(--studio-accent);margin-bottom:20px}.clips-empty h3{font-size:clamp(28px,4vw,54px);line-height:1.05;letter-spacing:-.04em;margin:0}.clips-empty p{max-width:360px;font-size:14px;line-height:1.8;color:#abb8c9}.clips-empty>span{font:11px monospace;letter-spacing:.2em;color:var(--studio-accent);margin-top:25px}.clips-project-heading{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:22px}.clips-project-heading h3{font-size:24px;margin:4px 0 0;overflow-wrap:anywhere}.clips-project-heading .studio-kicker{font-size:9px;overflow-wrap:anywhere}.clips-project-heading .studio-actions{justify-content:flex-end;flex-wrap:wrap}.clips-project-heading .studio-secondary{padding:9px 12px;font-size:11px}.clips-edit-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.clips-stage{position:relative;min-height:340px;height:490px;background:radial-gradient(ellipse at center,#192235,#05080e 70%);border:1px solid var(--clips-line);border-radius:16px;display:flex;align-items:center;justify-content:center;overflow:hidden}.clips-stage canvas{height:100%;width:100%;object-fit:contain;display:block;max-width:100%}.clips-stage-tag{position:absolute;top:16px;left:16px;font:8px monospace;letter-spacing:.18em;color:#d6e2f3;background:#05080e99;padding:6px 9px;border:1px solid #ffffff22;border-radius:20px}.clips-source-video{position:absolute;width:1px;height:1px;opacity:.01;pointer-events:none}.clips-media-missing{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:32px;background:#090e19e8;color:#b7c4d5;font-size:14px;line-height:1.7}.clips-media-missing[hidden],.clips-panel [hidden]{display:none!important}.clips-transport{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 0}.clips-transport button{font-size:11px;padding:10px}.clips-transport output{margin-left:auto;font:11px monospace;color:#c5d0de}.clips-scrub-label{display:block;margin:0 0 25px}.clips-panel input[type=range]{width:100%;accent-color:var(--studio-accent);cursor:pointer;padding:0;min-height:24px}.clips-cut-list{display:flex;gap:8px;overflow-x:auto;padding-bottom:10px}.clips-cut-card{flex:0 0 145px;border:1px solid var(--clips-line);border-radius:8px;background:#101a2a;color:#fff;padding:13px;text-align:left;cursor:pointer}.clips-cut-card[aria-pressed=true]{border-color:var(--studio-accent)}.clips-cut-card strong{font-size:11px;line-height:1.5;display:block;overflow-wrap:anywhere}.clips-cut-card small{font-size:10px;color:#a5b4c7;display:block;margin-top:8px}.clips-settings{border:1px solid var(--clips-line);border-radius:14px;background:#0a101c;padding:20px;min-width:0}.clips-settings label{font-size:11px!important;line-height:1.5}.clips-settings .studio-kicker{margin:8px 0 4px}.clips-settings input,.clips-settings select,.clips-settings textarea{width:100%;min-width:0;font-size:12px;box-sizing:border-box}.clips-settings textarea{font:11px/1.7 ui-monospace,monospace;resize:vertical}.clips-settings input[type=color]{height:40px;padding:4px}.clips-focus{display:grid;gap:8px}.clips-caption-upload{margin-top:2px;font-size:11px}.clips-field-help{color:#9cacc0;font-size:10px;line-height:1.7;margin:0}.clips-settings .studio-actions{display:flex;flex-wrap:wrap;gap:8px}.clips-settings .studio-actions button{font-size:11px;padding:10px 12px;min-height:40px}.clips-export-box{border-top:1px solid var(--clips-line);padding-top:20px;margin-top:10px;display:flex;flex-direction:column;gap:13px}.clips-export-box>button{width:100%;justify-content:center}.clips-export-box small{font-size:10px;line-height:1.7;color:#9cacc0}.clips-export-box progress{width:100%;height:7px;accent-color:var(--studio-accent)}.clips-export-box a{color:var(--studio-accent);font-size:12px;line-height:1.7;text-decoration:underline}.clips-suggest{padding:20px 0;margin-top:8px;border-top:1px solid var(--clips-line);display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.clips-suggest label{font-size:10px;color:#afbdcf;display:flex;flex-direction:column;gap:7px}.clips-suggest select{background:#111b2b;color:#fff;border:1px solid #ffffff22;border-radius:7px;padding:10px;min-height:42px}.clips-suggest button{font-size:11px}.clips-suggest p{font-size:11px;line-height:1.7;color:#96a7bc;flex-basis:100%;margin:0}.clips-suggestion{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--clips-line)}.clips-suggestion strong{font-size:11px;line-height:1.6;display:block}.clips-suggestion small{font-size:10px;color:#9bacc2;display:block}.clips-suggestion button{font-size:11px;padding:10px}.clips-busy .clips-toolbar,.clips-busy .clips-library,.clips-busy .clips-project-heading,.clips-busy .clips-cut-list,.clips-busy .clips-cut-list-heading,.clips-busy .clips-suggest,.clips-busy [data-clips-suggestions],.clips-busy .clips-transport,.clips-busy .clips-scrub-label{pointer-events:none;opacity:.55}.clips-busy .clips-settings>label,.clips-busy .clips-settings>.studio-form-row,.clips-busy .clips-settings>.clips-focus,.clips-busy .clips-settings>.studio-actions{pointer-events:none;opacity:.55}
@media(min-width:1600px){.clips-edit-grid{grid-template-columns:minmax(0,1fr) 360px}.clips-stage{height:620px}}@media(max-width:1250px){.clips-layout{grid-template-columns:180px minmax(0,1fr);gap:16px}.clips-edit-grid{grid-template-columns:minmax(0,1fr)}.clips-settings{display:grid;grid-template-columns:1fr 1fr;gap:16px}.clips-settings>.studio-kicker,.clips-settings>.clips-field-help,.clips-settings>.studio-actions,.clips-settings>.clips-export-box,.clips-settings>label:has(textarea){grid-column:1/-1}.clips-stage{height:480px}.clips-export-box{display:grid;grid-template-columns:1fr 1fr;align-items:end}.clips-export-box>.studio-kicker,.clips-export-box>.clips-field-help,.clips-export-box>small,.clips-export-box>progress,.clips-export-box>[data-clips-download]{grid-column:1/-1}.clips-project-heading{align-items:flex-start;flex-direction:column}.clips-project-heading .studio-actions{justify-content:flex-start}}@media(max-width:700px){.clips-layout{grid-template-columns:1fr}.clips-library{padding:15px}.clips-library [data-clips-projects]{display:flex;gap:8px;overflow-x:auto}.clips-project-card{flex:0 0 175px;margin:0}.clips-library-note{margin-top:12px}.clips-section-label{margin-bottom:12px}.clips-stage{height:440px;min-height:280px}.clips-local-badge{font-size:9px}.clips-panel .studio-panel-heading{gap:20px}.clips-settings{padding:16px;gap:15px}.clips-project-heading{margin-top:10px}.clips-transport output{font-size:10px}.clips-toolbar{gap:8px}.clips-toolbar .studio-button,.clips-toolbar .studio-secondary{font-size:11px;min-height:44px}.clips-toolbar>span{font-size:11px;line-height:1.7}.clips-notice{font-size:12px;margin:14px 0 20px}.clips-empty{min-height:370px}.clips-suggest button{flex:1}.clips-settings>label:has(textarea){grid-column:1/-1}}@media(max-width:400px){.clips-settings{grid-template-columns:1fr}.clips-settings>*{grid-column:1/-1}.clips-stage{height:390px}.clips-project-heading .studio-actions{gap:6px}}

@media(min-width:1101px){.clips-stage-column{position:sticky;top:24px;max-height:calc(100svh - 48px);overflow-y:auto;scrollbar-width:thin;padding-right:4px}.clips-stage{height:390px;min-height:280px}}

.studio-app .clips-upload input.studio-file-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;padding:0;margin:0;border:0;cursor:pointer}.clips-upload:focus-within{outline:2px solid var(--studio-accent);outline-offset:4px}