[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}input::placeholder,textarea::placeholder{color:#93899f;opacity:1}.welcome-open>.topbar,.welcome-open>.workspace,.welcome-open>#experienceBar,.welcome-open>#guidedWorkspace{display:none!important}body.welcome-open{background:#121018}.welcome-inner{max-width:960px;margin:auto;padding:0 32px 40px}.opener-art{display:block;width:100%;height:365px;border:0;max-width:800px;margin:auto;pointer-events:none}.welcome-copy{text-align:center;margin:16px 0 26px}.welcome-copy h2{font-size:27px;letter-spacing:-1px;margin:10px 0}.welcome-copy p{color:#b8aec4;line-height:1.8}.level-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border:0;padding:0;margin:0}.level-options label{display:flex;position:relative;flex-direction:column;gap:10px;min-width:0;border:1px solid #3c3448;border-radius:18px;background:#1b1722;padding:22px;cursor:pointer}.level-options label:has(input:checked){border-color:#b38af7;background:#2a1e3c;box-shadow:inset 0 0 0 1px #b38af7}.level-options input{position:absolute;right:18px;top:18px;accent-color:#a979f5;width:18px;height:18px}.level-number{font-size:12px;color:#b39bcf;letter-spacing:2px}.level-options strong{font-size:19px}.level-options small{color:#b8aec4;line-height:1.6}.level-name{font-size:11px;color:#d5b6ff}.welcome-notices{border:1px solid #302a39;border-radius:16px;background:#19151f;padding:22px;margin-top:22px;font-size:13px;line-height:1.8;color:#bcb2c6}.welcome-notices>b{color:#e7d9fa;font-size:14px}.welcome-notices p{margin:8px 0}.welcome-notices summary{cursor:pointer;color:#c8a6f6;min-height:36px;padding-top:8px}.welcome-actions{display:flex;justify-content:center;gap:12px;margin-top:24px;flex-wrap:wrap}.welcome-actions button{min-height:50px;padding:12px 26px}.welcome-foot{text-align:center;color:#9689a3;font-size:12px;margin-top:20px}#experienceBar{display:flex;align-items:center;gap:20px;padding:12px 28px;border-bottom:1px solid #332c3e;background:#19161f}#experienceBar label{display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:13px}#experienceBar select{width:auto;min-width:175px}#experienceBar>span{color:#b3a9bf;font-size:12px;flex:1}#guidedWorkspace{max-width:850px;padding:28px 24px 60px;margin:auto}#guideNav{display:flex;gap:8px;margin-bottom:22px;overflow:auto;padding:2px 2px 10px}#guideNav button{flex:1;min-width:98px;display:flex;align-items:center;justify-content:center;gap:7px;background:transparent;color:#b2a9c0;border:1px solid #342c40;border-radius:12px;padding:11px 8px;font-size:12px;white-space:nowrap}#guideNav button[aria-current]{color:#eee2ff;background:#38264f;border-color:#aa7fed}#guideNav button span{font-size:11px;color:#ac8aca}.guide-card{background:#1b1722;border:1px solid #393040;border-radius:22px;padding:32px}.guide-card h1{font-size:28px;margin:12px 0 18px;letter-spacing:-1px}.guide-card p{line-height:1.8;color:#bcb2c9}.guide-card .field{margin-top:22px}.guide-card .drop-zone{margin:24px 0}.guide-card small{line-height:1.6}#guideFooter{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #383040;padding-top:22px;margin-top:30px}#guideFooter>span{font-size:12px;color:#a59aaf}#guidePreview{margin-top:18px;border:1px solid #393040;border-radius:18px;overflow:hidden;background:#19161f}#guidePreview>summary{padding:18px;cursor:pointer;color:#d4b6ff;min-height:52px}#guidePreview .preview-column{padding:20px;border:0;width:100%;position:static;min-width:0;max-height:none;overflow:visible}#guidePreview .preview-stage{max-height:none}#guidePreview .preview-column>.timeline-header,#guidePreview .preview-column>.time-ruler,#guidePreview #timeline,#guidePreview #musicLane,#guidePreview .workflow-tip,#guidePreview .time-editor,#guidePreview .direct-tools,#guidePreview #objectSizeControls,#guidePreview #elementHandles{display:none!important}.guide-sizes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:25px 0}.guide-sizes button{display:flex;flex-direction:column;gap:12px;min-height:120px;padding:22px 12px;background:#241e2c;border:1px solid #403649;border-radius:15px}.guide-sizes button.selected{background:#38264f;border-color:#ab7ae9}.guide-sizes b{font-size:20px}.guide-sizes small{color:#b5a5c5;font-size:11px}.guide-assets article{margin:12px 0;padding:16px;border:1px solid #403649;border-radius:12px}.guide-asset-head{display:flex;align-items:center;gap:12px;justify-content:space-between}.guide-asset-head>b{overflow-wrap:anywhere;font-size:14px;min-width:0}.guide-asset-head>div{display:flex;flex-shrink:0;gap:5px}.guide-assets button{min-width:38px;min-height:40px}.guide-assets details summary{color:#cab0e7;cursor:pointer;min-height:44px;padding:10px 0}.guide-trim{display:flex;gap:12px}.guide-trim label{flex:1;min-width:0;font-size:12px}.guide-trim input{width:100%;margin:10px 0}.guide-track{display:flex;gap:12px;align-items:center;border-bottom:1px solid #3b3245;padding:12px 0}.guide-track b{flex:1;overflow-wrap:anywhere;min-width:0}.guide-track span{white-space:nowrap;color:#b6a2cc}.guide-finish{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.exp-length{border:1px solid #44334f;border-radius:14px;padding:18px;margin:26px 0}.exp-length legend{color:#e2cef6;padding:0 8px;font-size:15px}.exp-length label{display:flex;gap:12px;padding:12px 0;align-items:center}.exp-length input[type=radio]{accent-color:#ac7bea;flex-shrink:0;width:18px;height:18px}.exp-length label span{display:flex;flex-direction:column;gap:5px}.exp-length b{font-size:13px}.exp-length small{color:#b1a1c0}.duration-summary{display:flex;flex-direction:column;gap:8px;padding:18px;border:1px solid #544065;border-radius:13px;background:#2a2035;margin-bottom:20px;font-variant-numeric:tabular-nums}.duration-summary>b{font-size:18px;color:#e8d7fc}.duration-summary>span{font-size:13px;color:#c8b5dc}.duration-summary>small{font-size:11px;color:#ab9bb8;line-height:1.6}#guideSoundDialog{width:min(740px,94vw);max-height:90vh;overflow:auto}#closeGuideSound{position:sticky;top:0;z-index:5;background:#503274;margin-bottom:20px}.size-value-row input{background:#32233f;border-color:#a278d0}.size-value-row .unit-converted{padding:6px 10px;border-left:1px solid #675270}body[data-experience=beginner] .topbar .workspace-label,body[data-experience=intermediate] .topbar .workspace-label{display:none}
@media(min-width:601px){.opener-art{height:360px}.welcome-copy{margin-top:0}}@media(max-width:600px){.welcome-inner{padding:0 16px 28px}.opener-art{height:350px}.welcome-copy{margin:8px 0 22px}.welcome-copy h2{font-size:24px}.welcome-copy p{font-size:13px}.level-options{grid-template-columns:1fr;gap:9px}.level-options label{padding:16px 46px 16px 48px;gap:5px;border-radius:14px}.level-options .level-number{position:absolute;left:16px;top:19px}.level-options strong{font-size:16px}.level-options small{font-size:12px}.level-name{display:none}.welcome-notices{padding:18px;font-size:12px}.welcome-actions{flex-direction:column}.welcome-actions button{width:100%}#experienceBar{padding:10px 12px;gap:8px;flex-wrap:wrap}#experienceBar label{font-size:11px;flex:1;gap:8px}#experienceBar select{font-size:12px;min-width:145px}#experienceBar>span{display:none}#experienceBar>button{font-size:11px;padding:8px}#guidedWorkspace{padding:18px 12px 40px}.guide-card{padding:22px 16px;border-radius:16px}.guide-card h1{font-size:25px}.guide-card p{font-size:13px}.guide-card .drop-zone{padding:28px 12px}.guide-card .drop-zone strong{font-size:16px}.guide-card .drop-zone span{font-size:12px}.guide-sizes{grid-template-columns:1fr}.guide-sizes button{min-height:64px;flex-direction:row;align-items:center;justify-content:space-between;padding:18px}.guide-sizes b{font-size:17px}#guideFooter>span{display:none}#guidePreview .preview-column{padding:12px}.guide-asset-head{align-items:flex-start;flex-direction:column}.guide-asset-head>div{align-self:flex-end}.guide-finish{flex-direction:column}.guide-finish button{width:100%}.duration-summary>span{font-size:12px}.exp-length{padding:12px}.exp-length label{font-size:12px}.exp-length input[type=number]{min-width:0;width:110px}.guide-track{font-size:12px}.guide-card input:not([type=checkbox]):not([type=radio]),.guide-card select{font-size:16px}.topbar .brand-wordmark{font-size:12px}body[data-experience=beginner] .header-actions #topExport,body[data-experience=intermediate] .header-actions #topExport{display:none}}
@media(max-height:500px) and (orientation:landscape){.opener-art{height:330px}.welcome-inner{max-width:800px}.welcome-copy{margin:0 0 18px}.level-options{grid-template-columns:repeat(3,minmax(0,1fr))}.level-options label{padding:18px 14px}.level-number{display:none}.level-options strong{font-size:14px}.level-options input{right:8px;top:8px;width:14px;height:14px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}