/* Approved clip workspace. Scoped after legacy Aurora themes to avoid changing other creation tools. */
#workspace #creation .clip-studio-v2{--clip-ink:var(--creation-ink,#24232c);--clip-muted:var(--creation-muted,#73717f);--clip-surface:var(--creation-surface,#fff);--clip-line:var(--creation-line,#eeedf3);--clip-purple:var(--creation-purple,#6551e6);--clip-soft:var(--creation-soft,#f0edff)}
body.aurora-ui #workspace.board-layout #creation .clip-studio-v2 .clip-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:start;gap:18px}
body #workspace #creation .clip-studio-v2 .studio-panel{padding:24px!important;border:1px solid var(--clip-line)!important;border-radius:14px;background:var(--clip-surface)!important;box-shadow:none!important;min-width:0}
body #workspace #creation .clip-studio-v2 .studio-panel>h3{font-size:18px;color:var(--clip-ink);margin:0 0 8px}
body #workspace #creation .clip-studio-v2 #cr-clip-form{display:flex!important;flex-direction:column;gap:0;margin-top:20px}
#workspace #creation .clip-studio-v2 .clip-section{min-width:0;padding:0;margin:0;border:0;background:transparent}
#workspace #creation .clip-studio-v2 .clip-section+.clip-section{margin-top:22px;padding-top:22px;border-top:1px solid var(--clip-line)}
#workspace #creation .clip-studio-v2 h4{font-size:15px;margin:0 0 14px;display:flex;align-items:center;gap:8px;color:var(--clip-ink)}
#workspace #creation .clip-studio-v2 h4>span{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:8px;background:var(--clip-soft);color:var(--clip-purple);font-size:12px}
body #workspace #creation .clip-studio-v2 #cr-clip-form label{display:grid;gap:7px;font-weight:400;color:var(--clip-ink)!important;font-size:13px;min-width:0;margin:0}
body #workspace #creation .clip-studio-v2 #cr-clip-form :is(input:not([type=checkbox]),select,textarea){width:100%;min-width:0;box-sizing:border-box;background:var(--clip-surface)!important;border:1px solid var(--clip-line)!important;border-radius:8px;color:var(--clip-ink)!important;font-size:14px;min-height:42px;padding:10px 12px}
body #workspace #creation .clip-studio-v2 #cr-clip-form textarea[name=topic]{min-height:86px}
body #workspace #creation .clip-studio-v2 #cr-clip-form #cr-clip-speech-cost{appearance:auto;width:16px;height:16px;min-width:16px;min-height:16px;max-width:16px;max-height:16px;padding:0;margin:3px 0 0;accent-color:var(--clip-purple);box-shadow:none;background:transparent!important;flex:none}
body #workspace #creation .clip-studio-v2 #cr-clip-form label.clip-cost-confirm{display:flex;flex-direction:row;align-items:flex-start;gap:9px;font-size:12px}
#workspace #creation .clip-studio-v2 .clip-cost-confirm small{display:block;color:var(--clip-muted);font-size:12px;margin-top:4px}
#workspace #creation .clip-studio-v2 .clip-voice-row{display:flex;align-items:flex-end;gap:8px}
#workspace #creation .clip-studio-v2 .clip-voice-row label{flex:1}
#workspace #creation .clip-studio-v2 .clip-voice-row button{flex:none;min-height:42px;font-size:13px;padding:8px 14px;background:var(--clip-surface);border:1px solid var(--clip-line);border-radius:8px;color:var(--clip-ink)}
#workspace #creation .clip-studio-v2 .clip-spec-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#workspace #creation .clip-studio-v2 :is(.clip-template-options,.aurora-clip-advanced){margin-top:14px}
#workspace #creation .clip-studio-v2 summary{font-size:13px;color:var(--clip-purple);padding:7px 0;cursor:pointer}
#workspace #creation .clip-studio-v2 summary small{font-size:12px;color:var(--clip-muted);margin-left:6px}
body #workspace #creation .clip-studio-v2 #cr-clip-form .aurora-clip-advanced>summary{width:auto;font-size:12px;font-weight:400;padding:8px 0;color:var(--clip-muted)}
body #workspace #creation .clip-studio-v2 #cr-slots.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body #workspace #creation .clip-studio-v2 #cr-slots.form-grid>label:first-child{grid-column:auto}
#workspace #creation .clip-studio-v2 .muted{font-size:12px;color:var(--clip-muted);line-height:1.6;overflow-wrap:anywhere}
#workspace #creation .clip-studio-v2 .clip-submit-area{border-top:1px solid var(--clip-line);margin-top:22px;padding-top:18px}
#workspace #creation .clip-studio-v2 .clip-submit-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}
#workspace #creation .clip-studio-v2 .clip-submit-row p{flex:1;min-width:100px;margin:0}
body #workspace #creation .clip-studio-v2 .clip-submit-row .primary{min-width:124px;background:var(--clip-purple)!important;border:0;color:#fff!important;min-height:42px;border-radius:8px}
#workspace #creation .clip-studio-v2 #studio-clip-materials{display:flex!important;gap:10px;flex-wrap:wrap;margin:10px 0}
#workspace #creation .clip-studio-v2 .studio-material-choice{display:flex!important;align-items:center;gap:8px;min-width:0;width:100%;border:1px solid var(--clip-line);padding:8px;border-radius:8px;background:var(--clip-surface)}
#workspace #creation .clip-studio-v2 .studio-material-choice>span{flex:1;min-width:0;overflow-wrap:anywhere;font-size:12px}
#workspace #creation .clip-studio-v2 .studio-material-choice>.studio-thumbnail{flex:none;width:48px;height:56px}
#workspace #creation .clip-studio-v2 .clip-preview-media{--clip-ratio:9 / 16;width:min(100%,190px);margin:22px auto 14px;aspect-ratio:var(--clip-ratio);min-width:0}
#workspace #creation .clip-studio-v2 .clip-preview-media[data-ratio='16:9']{width:100%}
#workspace #creation .clip-studio-v2 .clip-preview-media[data-ratio='1:1']{width:min(100%,280px)}
#workspace #creation .clip-studio-v2 .clip-preview-empty{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;width:100%;padding:16px;text-align:center;background:var(--clip-soft);border:1px solid var(--clip-line);border-radius:12px}
#workspace #creation .clip-studio-v2 .clip-preview-empty strong{font-size:14px;font-weight:500}
#workspace #creation .clip-studio-v2 .clip-preview-play{font-size:26px;color:var(--clip-purple)}
#workspace #creation .clip-studio-v2 .clip-preview-media>.studio-thumbnail{width:100%;height:100%;aspect-ratio:var(--clip-ratio)}
#workspace #creation .clip-studio-v2 .clip-preview-media img{object-fit:contain}
#workspace #creation .clip-studio-v2 .clip-output-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
#workspace #creation .clip-studio-v2 #studio-clip-output>.muted{text-align:center}
#workspace #creation .clip-studio-v2 #studio-clip-output .core-task-progress{margin-top:18px;padding:15px;border:1px solid var(--clip-line);border-radius:10px;background:var(--clip-surface);overflow-wrap:anywhere}
@media(max-width:900px){body.aurora-ui #workspace.board-layout #creation .clip-studio-v2 .clip-layout{grid-template-columns:minmax(0,1fr)}body #workspace #creation .clip-studio-v2 .studio-panel{padding:18px!important}body #workspace #creation .clip-studio-v2 #cr-slots.form-grid{grid-template-columns:1fr}}
@media(pointer:coarse){#workspace #creation .clip-studio-v2 button,#workspace #creation .clip-studio-v2 summary{min-height:44px}body #workspace #creation .clip-studio-v2 #cr-clip-form :is(input:not([type=checkbox]),select,textarea){font-size:16px}}