#workflowGoal{padding:0 24px 12px;background:#111015}.length-summary{padding:14px 18px;border:1px solid #48365f;background:#20182e;border-radius:14px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.length-summary>div{display:flex;gap:18px;flex:1;flex-wrap:wrap}.length-summary small{width:100%;color:#b6aac8}.matched{color:#9de6c1}.mismatch{color:#ffd59b}.length-choices{display:grid;gap:14px;padding:18px;border:1px solid #48365f;border-radius:12px;margin:18px 0}.length-choices label{display:flex;align-items:center;gap:10px}.length-choices input[type=number]{max-width:140px}.length-card{grid-column:1/-1;flex:0 0 100%;width:100%;padding:12px 0 0;border-top:1px solid #393140;margin-top:10px;display:grid;gap:9px}.length-inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.length-inline input{width:92px}.length-inline button{min-width:36px}.length-batch{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px;padding:12px;background:#201a29;border-radius:12px}.length-batch label{display:flex;gap:6px;align-items:center}.length-batch input{width:76px}.plan-methods,.plan-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.plan-rows{display:grid;gap:8px;max-height:38vh;overflow:auto}.plan-rows>div{padding:12px;border:1px solid #42374f;border-radius:10px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.plan-rows span{flex:1;min-width:140px;overflow-wrap:anywhere}.plan-rows input{width:100px}.length-error,.reset-warning{background:#3b2630;color:#ffd9b9;padding:14px;border-radius:10px}#lengthDialog,#clipLengthDialog{width:min(760px,94vw);max-height:90dvh;overflow:auto}#lengthPreviewCanvas,#lengthSourceVideo{width:100%;max-height:35vh;object-fit:contain;background:#08070b}#clipLengthDialog fieldset{display:grid;gap:10px;border:0;padding:12px 0}#clipLengthDialog input[type=range]{width:100%}#resetProjectDialog{max-width:560px}.type-controls{border:1px solid #493760;border-radius:12px;padding:15px;margin:16px 0;display:grid;gap:12px}.type-controls h3{margin:0}.type-presets{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}.type-presets button{display:grid;gap:7px;justify-items:center;padding:12px 8px}.type-presets span{font-size:21px;font-weight:700;border-radius:6px;padding:5px 9px}.type-presets small{font-size:11px}.type-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.type-fields label{display:grid;gap:6px}.type-color-pair{display:flex;gap:6px;align-items:center}.type-color-pair input[type=color]{width:42px;min-width:42px;padding:3px}.type-color-pair input[type=text]{min-width:0;width:100%;font-family:monospace}.type-controls small{color:#b8aacb}.type-controls details{padding:10px;background:#17121f;border-radius:8px}.type-controls summary{cursor:pointer;margin-bottom:8px}#guideNav{grid-template-columns:repeat(5,minmax(0,1fr))}body[data-experience=beginner] .studio-details,body[data-experience=beginner] .font-row+button{display:none}body[data-experience=beginner] .intro-type-controls{padding:8px}.guide-assets .asset{flex-wrap:wrap}.file-fit-panel{min-width:0}.asset .length-card{min-width:0}#guideContent>.length-summary{display:none}#guideContent .time-editor{display:block}body[data-experience=beginner] .time-editor,body[data-experience=intermediate] .time-editor{display:block!important}#workflowGoal[hidden]{display:none}.length-choices small{color:#b8aacb}
@media(max-width:650px){#workflowGoal{padding:0 12px 10px}.length-summary{padding:12px}.length-summary>div{gap:8px;font-size:13px}.length-summary>button{width:100%}.type-fields{grid-template-columns:1fr}.header-actions{flex-wrap:wrap}#resetProject{font-size:12px;padding:7px}#guideNav button{font-size:11px;min-width:0;padding:10px 3px}.plan-actions button{flex:1 1 42%}.type-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.length-inline>span:first-child{width:100%}}
#resetProject{display:inline-flex;border:1px solid #59466d;border-radius:8px}.optional-settings{margin-top:20px;padding:14px;border:1px solid #44374f;border-radius:12px}.optional-settings>summary{cursor:pointer;color:#c7b3e5}.optional-settings[open]>summary{margin-bottom:18px}
#resetProjectDialog h2,#resetProjectDialog p,#resetProjectDialog button{word-break:keep-all}@media(max-width:450px){#resetProjectDialog{padding:24px}#resetProjectDialog .plan-actions button{flex-basis:100%}}
#exportConnectionNotice{display:flex;align-items:center;gap:16px;justify-content:space-between;padding:12px 24px;background:#352734;border-bottom:1px solid #87643d;color:#ffdfb5;font-size:13px}body.welcome-open #exportConnectionNotice{display:none}#exportSupportDialog{max-height:90dvh;overflow:auto;word-break:keep-all}#exportSupportDialog small{display:block;color:#bfb1d0;line-height:1.7;margin:14px 0}.export-safe-link{display:block;text-align:center;text-decoration:none;margin-top:12px;padding:12px}@media(max-width:600px){#exportConnectionNotice{flex-direction:column;align-items:stretch;padding:12px 16px}#exportSupportDialog{padding:22px}}

#portableNotice:not([hidden]){display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;background:#2a203c;border-bottom:1px solid #7953a6}#portableNotice small{display:block;margin-top:6px;color:#dbcee9}.welcome-open #portableNotice{display:none!important}#portableDialog{max-width:560px;width:calc(100% - 32px);box-sizing:border-box}#portableDialog p{line-height:1.7}#portableDialog progress{width:100%}#portableDialog .plan-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}@media(max-width:600px){#portableNotice:not([hidden]){align-items:stretch;flex-direction:column;padding:12px 16px}}