/* ZIMU Studio 17 — white workspace, ink preview, cobalt interaction accents. */
:root{--bg:#f4f6fa;--panel:#fff;--line:#e3e8ef;--muted:#65738a;--lime:#3159dc;--ink:#152239;--blue:#3159dc;--radius:16px}body{background:var(--bg);color:var(--ink);font-family:"Zimu Noto Sans",system-ui,sans-serif;font-size:16px}button,input,select,textarea{font:inherit}button{position:relative;min-height:38px;border-radius:9px;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s;color:var(--ink)}button:not(:disabled):hover{transform:translateY(-1px)}button:not(:disabled):active{transform:translateY(1px) scale(.98)}button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #93acf3;outline-offset:3px}input,textarea,select{transition:border-color .16s,box-shadow .16s}input:focus,textarea:focus,select:focus{border-color:#577beb!important;box-shadow:0 0 0 3px #3159dc12}button.primary{background:#3159dc;color:#fff;border:1px solid #3159dc;box-shadow:0 3px 8px #3159dc1a;font-size:14px;font-weight:650;padding:12px 19px}button.primary:hover{background:#2449c9;box-shadow:0 5px 15px #3159dc26}.secondary{background:white;border:1px solid #dce3ed;color:#3d506d;font-size:14px}.secondary:hover{background:#f7f9ff;border-color:#b5c4e5}.text-button{color:#526887;font-size:14px}.text-button:hover{color:#3159dc;background:#edf2ff}.danger-button{font-size:14px;color:#a73d4d}.danger-button:hover{background:#fff0f2}.button-feedback{animation:buttonFeedback .24s ease-out}.topbar{height:72px;padding:0 30px;background:#fff;border-bottom:1px solid var(--line);box-shadow:none;gap:18px}.brand-icon{width:38px;height:38px;background:#3159dc;border-radius:11px;font-size:27px;box-shadow:0 3px 7px #3159dc20}.brand strong{color:#17263e;font-size:20px;letter-spacing:1px}.brand strong span{color:#65748b;letter-spacing:2px;font-size:10px}.top-note{font-size:13px;color:#65738a;white-space:nowrap}.home-nav{font-size:14px}.topbar #accountOpen{font-size:14px;max-width:180px;min-height:38px}.eyebrow{font-size:11px;color:#6c7b92;font-weight:650;letter-spacing:2px}.heading-dot{color:#3159dc}.projects-view{display:grid;grid-template-columns:218px minmax(0,1fr);max-width:none;padding:0;min-height:calc(100dvh - 72px)}.workspace-sidebar{background:#fff;border-right:1px solid var(--line);padding:34px 20px;display:flex;flex-direction:column;gap:18px}.sidebar-label{color:#8a94a5;font-size:12px;margin:0 12px 4px;font-weight:600}.workspace-sidebar nav{display:grid;gap:7px}.workspace-nav{display:flex;align-items:center;gap:13px;width:100%;padding:12px 14px;text-align:left;font-size:14px;color:#62728b}.workspace-nav>span{font-size:20px}.workspace-nav:hover{background:#f5f7fc}.workspace-nav.selected{background:#edf2ff;color:#3159dc;font-weight:650}.sidebar-note{margin-top:auto;border:1px solid #e7ebf3;background:#fafbfe;border-radius:12px;padding:18px 14px}.sidebar-note strong{display:block;font-size:13px;color:#384e72;margin-top:10px}.sidebar-note p{font-size:12px;line-height:1.8;color:#75829a;margin:7px 0 0}.privacy-symbol{display:grid;place-items:center;width:29px;height:29px;border:1px solid #cfdbf4;border-radius:8px;background:#edf3ff;color:#3159dc}.sidebar-version{font-size:10px;letter-spacing:1.7px;color:#929eb1;margin:5px 10px}.workspace-content{width:100%;max-width:1380px;padding:48px 52px 28px;margin:auto}.projects-header{margin:0 0 30px;align-items:center}.projects-header h1{font-size:39px;line-height:1.4;letter-spacing:-1.3px;font-weight:750;margin:5px 0}.projects-header p{font-size:15px;line-height:1.8;color:#6b7990;margin:8px 0 0}.quick-create{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:30px}.create-tile{display:flex;align-items:center;gap:17px;padding:24px;text-align:left;background:white;border:1px solid #dfe6f1;border-radius:14px;box-shadow:0 3px 10px #1b355804}.create-tile:hover{border-color:#a9bce9;box-shadow:0 8px 22px #2344810c}.create-tile-icon{display:grid;place-items:center;flex-shrink:0;width:50px;height:54px;border-radius:13px;background:#edf2ff;color:#3159dc;font-size:28px}.create-tile.song .create-tile-icon{background:#e8f5f4;color:#267f82}.create-tile strong{font-size:16px;display:block;font-weight:650}.create-tile small{display:block;font-size:13px;color:#758399;margin-top:7px;line-height:1.6}.tile-add{margin-left:auto;font-size:23px;color:#8d9db6}.account-banner{margin:0 0 28px;padding:0;background:transparent;border:0;color:#6b7c94;font-size:13px}.projects-toolbar{display:flex;align-items:center;gap:17px;margin-bottom:18px}.projects-toolbar h2{font-size:18px;margin:0;white-space:nowrap;letter-spacing:-.3px}.projects-toolbar h2 #projectCount{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:25px;margin-left:7px;padding:0 7px;font-size:12px;border-radius:7px;background:#e8edf6;color:#5f7192}.project-search{margin-left:auto;display:flex;align-items:center;gap:8px;background:white;border:1px solid #dee5ef;border-radius:9px;padding:0 12px;color:#7c8ca3;width:min(260px,35%)}.project-search>span{font-size:24px}.project-search input{width:100%;min-width:0;font-size:14px;border:0!important;background:transparent;padding:10px 0;color:#324866;box-shadow:none!important;outline:none}.project-search:focus-within{border-color:#829fed;box-shadow:0 0 0 3px #3159dc10}.sort-label{font-size:12px!important;color:#8995a8}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.project-card{border:1px solid #e1e7f0;border-radius:15px;background:#fff;box-shadow:0 2px 8px #162b4904;overflow:hidden}.project-card:hover{border-color:#b3c3e5;box-shadow:0 10px 24px #29497710;transform:translateY(-3px)}.project-open{padding:10px 10px 0;width:100%;text-align:left;border-radius:14px;min-width:0}.project-open:hover{transform:none!important}.project-preview{height:160px;min-height:0;padding:17px;border-radius:9px;border:0;background:#172840;color:#fff;display:flex;flex-direction:column;justify-content:space-between;gap:10px}.project-preview.song-preview{background:#16484e;color:#e8f6f4;border:0}.project-type{font-size:11px;letter-spacing:.5px;color:#d1dcef;opacity:1;align-self:flex-start;background:#ffffff10;padding:4px 7px;border-radius:4px}.song-preview .project-type{color:#d6eeea}.project-preview strong{font-size:19px;line-height:1.65;color:#fff;font-weight:600;letter-spacing:.5px;text-align:left;align-self:flex-start;margin:auto 0;overflow-wrap:anywhere}.project-preview-detail{font-size:11px;color:#adbed5;opacity:1}.song-preview .project-preview-detail{color:#b3d3d1}.project-open h3{font-size:16px;color:#203551;margin:16px 9px 7px}.project-open p{font-size:12px;color:#7d8ba0;margin:0 9px 16px}.project-card-bottom{margin:0 18px;padding:10px 0;gap:3px}.project-card-bottom>span{font-size:11px;color:#8593a8}.project-card-bottom button{font-size:12px;min-height:30px;padding:4px 6px}.projects-empty{padding:46px 34px;display:flex;gap:28px;justify-content:center;align-items:center;text-align:left;border:1px dashed #cbd6e7;background:#ffffff99;border-radius:15px}.empty-project-icon{margin:0;width:83px;height:66px;border:2px solid #adc0e7;color:#597bbc;background:#f1f5ff;font-size:29px;flex-shrink:0;border-radius:16px;box-shadow:7px 7px 0 #eaf0fb}.projects-empty h2{font-size:20px;color:#304a70;font-weight:600;margin:0 0 10px}.projects-empty p{font-size:14px;color:#75859c;margin:0 0 20px}.storage-notice{font-size:12px;line-height:1.9;color:#8793a6;margin:27px 0 0;max-width:760px}.project-no-results{text-align:center;background:#fff;border:1px dashed #d8e1ef;border-radius:13px;padding:45px 15px;font-size:14px;color:#7788a2}.skeleton-card{height:254px;border:1px solid #e4e9f2;background:#fff;border-radius:15px;padding:10px;overflow:hidden}.skeleton-card:before,.skeleton-card:after{content:'';display:block;border-radius:8px;background:linear-gradient(90deg,#edf1f7,#f8faff,#edf1f7);background-size:200% 100%;animation:skeletonSlide 1.4s infinite}.skeleton-card:before{height:160px}.skeleton-card:after{height:16px;margin:20px 12px;width:60%}@keyframes skeletonSlide{to{background-position:-200% 0}}body[data-view=projects] .home-nav{display:none}
/* Editing: one preview and a focused subtitle/style inspector. */
#editorView{max-width:1900px;padding:20px 24px 0}.workspace-head{margin:0 0 14px;gap:12px}.editor-heading{gap:14px}.editor-heading .eyebrow{font-size:10px;letter-spacing:1px;color:#8793a7}.project-name{font-size:21px!important;font-weight:650;max-width:min(40vw,520px);width:430px;color:#213650;border-radius:6px}.editor-heading #backProjects{font-size:13px;padding:9px 12px}.editor-flow{display:flex;align-items:center;justify-content:center;gap:14px;padding:9px 14px 18px}.editor-flow button{display:flex;align-items:center;gap:8px;font-size:13px;color:#71829e;min-height:34px;padding:5px 9px}.editor-flow button b{display:grid;place-items:center;width:21px;height:21px;border:1px solid #d5deeb;border-radius:50%;font-size:11px;font-weight:500}.editor-flow button.current{color:#3159dc;background:#eaf0ff}.editor-flow button.current b{background:#3159dc;color:white;border-color:#3159dc}.editor-flow>span{width:35px;height:1px;background:#dce3ee}.studio{grid-template-columns:230px minmax(310px,1fr) 365px;gap:16px;align-items:start}.panel{border-radius:13px;border-color:#e0e6ef;box-shadow:0 2px 10px #213f6505}.setup{padding:19px 17px;max-height:calc(100dvh - 202px);overflow:auto;scrollbar-width:thin;position:sticky;top:18px;display:block}.setup .section-label{font-size:14px;margin-bottom:16px}.section-label>span{display:none}.mode-switch{margin:0 0 15px;padding:3px;background:#f0f3f9;border-radius:8px}.mode-switch button{font-size:12px;min-height:34px;padding:7px 3px}.mode-switch .selected{background:#fff;color:#3159dc;box-shadow:0 2px 7px #314f8520}.dropzone{min-height:144px;background:#fafbff;border-color:#b9c9e7;padding:15px 8px;gap:6px;border-radius:9px}.dropzone strong{font-size:13px;color:#385782}.dropzone span{font-size:12px;color:#8493aa}.dropzone small{font-size:11px;color:#8493aa;line-height:1.6}.upload-icon{display:grid;place-items:center;border-radius:10px;background:#eaf0ff;color:#3159dc;width:33px;height:33px;font-size:24px;margin-bottom:4px}.field{font-size:14px;color:#4b607e;margin-top:18px}.field select{background:#fff;border:1px solid #d9e1ef;color:#294569;font-size:14px;padding:10px 8px;border-radius:7px}.hint{color:#7e8da3;font-size:12px;line-height:1.8}.check{font-size:13px;color:#5d708f;gap:7px}.setup .wide{font-size:13px;padding:10px 8px}.setup #lexiconOpen{margin-bottom:0;background:#f8faff}.audio-options summary{font-size:13px}.song-help{padding:11px;background:#eff7f6;border-color:#d5e9e7}.song-help strong{font-size:13px;color:#356f72}.song-help p{color:#6a8584}.setup .media-actions{display:flex;gap:4px}.media-actions button{font-size:12px;padding:7px 5px}.center{gap:16px}.panel-heading{height:51px;padding:0 17px}.panel-heading .section-label{font-size:14px;color:#486083}.badge{font-size:11px;border-color:#e2e8f2;color:#7b8fab;background:#f6f8fc;padding:4px 8px}.stage{background:#182338;min-height:280px;aspect-ratio:16/9}.stage canvas{max-height:calc(100dvh - 340px);height:auto;max-width:100%;width:100%}.empty-preview h2{font-size:22px;font-weight:550;letter-spacing:0;color:#e6edfa}.empty-preview p{color:#a3b4cf;font-size:14px}.empty-preview .cc{color:#d5e2f7;border-color:#7387a6;background:#ffffff06;font-size:24px;border-radius:11px;margin-bottom:20px}.empty-preview .secondary{background:#ffffff0a;color:#e4edfc;border:1px solid #687d9d;font-size:13px}.transport{height:58px;padding:11px 16px;gap:10px}.transport span{font-size:12px;color:#566d8d}.play{width:34px;height:34px;min-height:34px;background:#3159dc;color:#fff;box-shadow:0 3px 8px #3159dc30}.speed-select{font-size:12px}.timeline{margin:12px 17px 0;height:74px;background:repeating-linear-gradient(90deg,transparent,transparent calc(25% - 1px),#e7ecf5 calc(25% - 1px),#e7ecf5 25%);border-color:#e6ebf3}.timeline button{top:16px;height:38px;min-height:0;background:#e7edfb;border-color:#cbd7f1;color:#45649e;font-size:12px}.timeline button:hover{transform:none}.timeline button.active{background:#3159dc;color:white;border-color:#254bbe}.timeline .playhead{height:82px;background:#ed9462}.timeline-footer{font-size:11px;color:#8a98ad;padding:12px 17px}.ruler{font-size:11px;color:#8796ad;padding:0 17px}.timeline p{font-size:12px;color:#8b9ab1}.inspector{overflow:hidden;position:sticky;top:18px;max-height:calc(100dvh - 202px);display:flex;flex-direction:column}.inspector-tabs{display:flex;gap:4px;padding:7px;background:#f8faff;border-bottom:1px solid var(--line);flex-shrink:0}.inspector-tabs button{flex:1;font-size:14px;color:#8492a7;border-radius:8px;font-weight:500;min-height:39px}.inspector-tabs button[aria-selected=true]{background:white;color:#3159dc;box-shadow:0 1px 5px #28427512}.inspector .caption-panel{border:0;border-radius:0;box-shadow:none;display:flex;flex-direction:column;min-height:0;overflow:auto}.caption-heading{padding:13px 15px;gap:7px;align-items:flex-start}.caption-heading h2{font-size:14px;font-weight:650;color:#476183}.caption-heading>div{gap:3px;flex-wrap:wrap;justify-content:flex-end}.caption-heading .text-button{font-size:12px;padding:3px 5px;min-height:28px}.caption-actions{padding:10px 12px;gap:3px}.caption-actions>span{display:none}.caption-actions button{font-size:11px;min-height:29px;padding:5px 7px}.correction-toolbar{padding:11px 12px;background:#fafbfe;gap:5px}.correction-toolbar>span{font-size:12px;width:100%;margin-bottom:5px;color:#8090a8}.correction-toolbar button{font-size:12px;padding:6px 9px;min-height:31px}.captions{max-height:none;min-height:180px;overflow:auto;scrollbar-width:thin;flex:1}.cue-row{padding:13px 12px;grid-template-columns:25px minmax(0,1fr) 20px;gap:5px;border-color:#e8edf5;border-left-width:3px}.cue-row textarea{font-size:15px;line-height:1.85;color:#2e466a;min-height:48px;padding:4px 3px}.cue-row textarea:focus{background:#fff}.cue-row.active{background:#eff4ff;border-left-color:#416ee0}.cue-number{font-size:11px;color:#8da0bc}.cue-times{font-size:11px;gap:4px;color:#8293ad}.cue-times input{font-size:11px;width:64px;color:#536d92;background:#f9fbff;border-color:#e0e7f2;padding:5px 3px}.cue-times button{font-size:11px;padding:3px 5px;min-height:27px;color:#6c82a1}.delete{font-size:20px;color:#9facbf;min-height:26px}.cue-review{border-left-color:#dda451;background:#fffaf1}.review-label{font-size:11px;line-height:1.5;background:#fff0d1;color:#95723b}.review-ok,.review-suggestion{font-size:11px;min-height:28px}.inspector .appearance{display:block;border:0;border-radius:0;box-shadow:none;padding:18px;overflow:auto;scrollbar-width:thin}.appearance .section-label{font-size:14px;color:#526b8d}.appearance .template-grid{display:grid;grid-template-columns:1fr 1fr;max-height:none;margin-top:17px;gap:10px;overflow:visible}.style-card{border-color:#dde5f0;background:white;padding:7px;border-radius:9px}.style-card.active{border-color:#6084e9;background:#f4f7ff;box-shadow:0 0 0 1px #6084e9}.template-grid .style-sample{padding:22px 4px;font-size:15px;border-radius:5px;margin-bottom:7px;background-color:#1d2a3f}.template-grid small{font-size:12px;color:#6e819e}.style-card.active small:after{content:' ✓';float:right;color:#3159dc}.appearance .effect-box{display:block;background:#f8faff;border-color:#e1e8f4;padding:1px 12px 12px;margin-top:17px}.appearance .advanced-style[open]{display:block}.appearance .font-live-sample{font-size:18px}.appearance .field{font-size:14px}.appearance input[type=color]{height:38px;background:#fff;border-color:#dce4ef}.appearance .check{font-size:14px}.appearance .font-live-sample small{font-size:12px}#editorView footer{font-size:11px;color:#95a1b3;padding:20px 0}#saveStatus[data-saving=true]{color:#3159dc}#saveStatus[data-saving=true]:before{content:'';display:inline-block;width:9px;height:9px;border:2px solid #d8e1f6;border-top-color:#3159dc;border-radius:50%;margin-right:7px;animation:controlSpin .8s linear infinite}
/* Dialogs and meaningful feedback. */
dialog{background:#fff;border:1px solid #e0e6f0;box-shadow:0 24px 100px #12274535;color:#284161;border-radius:19px;padding:27px}dialog[open]:not(.processing-screen){animation:dialogEnter .2s ease-out}dialog::backdrop{background:#13244064;backdrop-filter:blur(5px)}.dialog-head h2{font-size:22px;font-weight:650;color:#243b5d}.dialog-head .icon-button{color:#8a99af;background:#f5f7fb;min-height:33px;min-width:33px;padding:5px;font-size:16px;border-radius:50%}.dialog-head .icon-button:hover{background:#e9eef8;color:#355a9b}dialog .field input:not([type=range]):not([type=color]){width:100%;display:block;padding:12px 14px;background:white;color:#263d60;border:1px solid #d9e2ee;border-radius:9px;margin-top:9px;font-size:16px}dialog textarea{background:#fbfcff;color:#344e73;border-color:#dce4ef}dialog .hint{font-size:13px}dialog h3{color:#405b80}dialog .export-grid button{border-color:#e0e7f1;background:#fafcff;border-radius:10px}dialog .export-grid button:hover{border-color:#a8bee9;background:#f1f5ff}dialog .export-grid b{color:#3159dc;font-size:22px}dialog .export-grid span{color:#7286a5;font-size:13px}.create-dialog{width:min(560px,calc(100vw - 32px));padding:29px 32px}.create-dialog .dialog-head{margin-bottom:8px}.dialog-kicker{font-size:10px;font-weight:700;letter-spacing:2.2px;color:#7f91ac}.create-dialog h2{font-size:29px;letter-spacing:-.8px;margin:7px 0 9px;color:#1d3659}.dialog-intro{font-size:14px;line-height:1.8;color:#7c8da6;margin:0 0 23px}.project-type-options{padding:0;border:0;display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 20px}.project-type-options legend{font-size:13px;margin-bottom:10px;color:#556f93}.project-type-options label{position:relative;cursor:pointer}.project-type-options input{position:absolute;opacity:0;width:1px;height:1px}.type-option{display:flex;flex-direction:column;position:relative;border:1px solid #dce4ef;border-radius:12px;padding:17px 17px 16px;background:#fff;transition:border-color .18s,background .18s,transform .18s}.type-option b{font-size:25px;font-weight:400;color:#8d9fb9;margin-bottom:8px}.type-option strong{font-size:15px;color:#456285}.type-option small{font-size:12px;color:#8a9ab2;margin-top:5px}.type-option i{position:absolute;right:13px;top:15px;display:grid;place-items:center;width:18px;height:18px;border:1px solid #dbe3ef;border-radius:50%;color:transparent;font-style:normal;font-size:11px}.project-type-options label:hover .type-option{border-color:#9cb5e8;transform:translateY(-1px)}.project-type-options input:checked+.type-option{border-color:#6588e8;background:#f4f7ff;box-shadow:0 0 0 1px #6588e8}.project-type-options input:checked+.type-option i{background:#3159dc;color:white;border-color:#3159dc}.project-type-options input:checked+.type-option b,.project-type-options input:checked+.type-option strong{color:#3159dc}.project-type-options input:focus-visible+.type-option{outline:3px solid #adc1f5;outline-offset:3px}.new-project-upload{width:100%;display:grid;grid-template-columns:35px 1fr;gap:3px 12px;text-align:left;align-items:center;border:1px dashed #bfcfe8;border-radius:10px;background:#fafcff;padding:17px;margin-top:20px}.new-project-upload>span{grid-row:span 2;font-size:24px;color:#5779bb;display:grid;place-items:center;background:#edf3ff;border-radius:8px;width:34px;height:36px}.new-project-upload strong{font-size:14px;color:#567299;overflow-wrap:anywhere;min-width:0}.new-project-upload small{font-size:12px;color:#8c9cb3}.new-project-upload.drag{background:#edf3ff;border-color:#5277de}.create-dialog-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:26px;padding-top:20px;border-top:1px solid #e7edf5}.create-dialog-footer>span{font-size:11px;color:#8c9eb7}.create-dialog-footer .primary{min-width:132px;font-size:14px}.create-dialog .field{font-size:13px}.confirm-dialog p{font-size:15px}.is-pending{cursor:wait!important}.is-pending:after{content:'';display:inline-block;width:13px;height:13px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;margin-left:8px;vertical-align:-2px;animation:controlSpin .7s linear infinite}.project-open.is-pending:after{position:absolute;right:22px;top:23px;color:white;width:18px;height:18px;background:#172840}.project-open.is-pending:before{content:'正在開啟…';position:absolute;inset:10px 10px auto;height:160px;background:#152239c9;color:white;display:grid;place-items:center;font-size:14px;z-index:2;border-radius:9px}.project-open.is-pending:after{z-index:3}#toast{z-index:100;background:#172a47;color:#eef4ff;font-size:14px;border-radius:12px;padding:15px 22px;box-shadow:0 12px 36px #192d5630;max-width:min(580px,90vw);line-height:1.7}#toast:not([hidden]){animation:toastEnter .2s ease-out}#toast[data-tone=error]{background:#8c3544}#toast:before{content:'•';color:#abc4ff;margin-right:12px}#toast[data-tone=error]:before{content:'!';color:#ffdbe0}@keyframes controlSpin{to{transform:rotate(360deg)}}@keyframes dialogEnter{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}@keyframes toastEnter{from{opacity:0;margin-bottom:-8px}to{opacity:1;margin-bottom:0}}.processing-content{max-width:700px}.processing-screen .processing-content h2{font-size:29px}.processing-stages li{font-size:13px}.processing-percent strong{font-size:64px;font-weight:650}.processing-track{height:12px}.processing-download{font-size:13px!important}
@media(min-width:1600px){.studio{grid-template-columns:250px minmax(400px,1fr) 400px}.stage canvas{max-height:560px}.workspace-content{padding:56px 70px}.project-preview{height:185px}}
@media(max-width:1250px){.studio{grid-template-columns:205px minmax(270px,1fr) 325px;gap:12px}#editorView{padding:18px 16px 0}.setup{padding:16px 13px}.workspace-content{padding:35px 30px}.projects-view{grid-template-columns:185px minmax(0,1fr)}.workspace-sidebar{padding:30px 14px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.create-tile{padding:20px 16px;gap:12px}.create-tile small{font-size:12px}.caption-actions button{font-size:11px}.project-name{width:340px}}
@media(max-width:1000px){.topbar{padding:0 20px}.studio{grid-template-columns:215px minmax(0,1fr)}.setup{grid-row:1 / span 2;position:static;max-height:none}.inspector{grid-column:2;position:static;max-height:750px}.stage{min-height:220px}.stage canvas{max-height:none}.inspector .appearance{display:block}.inspector .template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.appearance>.font-live-sample{grid-column:auto}.editor-flow{gap:6px;justify-content:flex-start}.editor-flow>span{width:15px}.editor-flow button{font-size:12px;gap:5px;padding:4px 6px}.workspace-content{padding:30px 25px}.projects-view{grid-template-columns:165px minmax(0,1fr)}.workspace-sidebar{padding:28px 10px}.workspace-nav{font-size:13px;padding:11px 9px;gap:8px}.quick-create{grid-template-columns:1fr}.create-tile{padding:18px}.projects-header h1{font-size:34px}.projects-header p{font-size:13px}.sort-label{display:none}.project-search{width:45%}}
@media(max-width:700px){.topbar{height:64px;padding:0 15px;gap:9px}.topbar .brand strong{font-size:17px}.topbar .brand strong span{font-size:8px}.brand-icon{width:32px;height:32px;font-size:23px}.topbar #accountOpen{max-width:105px;font-size:12px;padding:8px;min-height:34px}.topbar #exportOpen{font-size:12px;min-height:34px;padding:8px 11px}.home-nav{font-size:12px;padding:6px}.top-note{display:none!important}.projects-view{display:block;min-height:calc(100dvh - 64px)}.workspace-sidebar{padding:13px 16px;border-right:0;border-bottom:1px solid #e5eaf2;background:#fff}.workspace-sidebar nav{display:flex;gap:5px}.workspace-nav{flex:1;justify-content:center;font-size:12px;padding:8px 6px;min-height:34px}.workspace-nav>span{font-size:16px}.sidebar-label,.sidebar-note,.sidebar-version{display:none}.workspace-content{padding:26px 18px}.projects-header{gap:14px;margin-bottom:24px}.projects-header h1{font-size:29px}.projects-header .eyebrow{font-size:9px}.projects-header p{font-size:12px;max-width:180px}.projects-header .primary{font-size:12px;padding:10px 12px;white-space:nowrap}.quick-create{gap:10px;margin-bottom:22px}.create-tile{gap:14px;padding:16px}.create-tile-icon{width:41px;height:44px;font-size:24px}.create-tile strong{font-size:15px}.create-tile small{font-size:12px}.projects-toolbar{gap:8px}.projects-toolbar h2{font-size:16px}.project-search{width:48%;padding:0 9px}.project-search input{font-size:12px;padding:9px 0}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.project-preview{height:132px;padding:12px}.project-preview strong{font-size:15px}.project-type{font-size:9px;padding:3px 5px}.project-preview-detail{font-size:9px}.project-open{padding:7px 7px 0}.project-open h3{font-size:14px;margin:12px 5px 5px}.project-open p{font-size:11px;margin:0 5px 12px}.project-card-bottom{margin:0 10px;flex-wrap:wrap;padding:8px 0}.project-card-bottom>span{font-size:10px}.project-card-bottom button{font-size:11px}.projects-empty{flex-direction:column;text-align:center;padding:37px 21px;gap:23px}.projects-empty h2{font-size:18px}.projects-empty p{font-size:13px;line-height:1.8}.empty-project-icon{width:66px;height:52px;font-size:23px}.account-banner{font-size:12px;line-height:1.8;margin-bottom:23px}.storage-notice{font-size:11px}.workspace-head{align-items:center;margin-bottom:8px}.editor-heading{display:flex;gap:10px;min-width:0}.editor-heading #backProjects{font-size:11px;padding:6px;min-height:33px;margin:0}.editor-heading .eyebrow{font-size:9px}.project-name{font-size:17px!important;width:100%;max-width:43vw;min-width:0}.workspace-head #saveProject{font-size:11px;padding:8px;min-height:33px}.editor-flow{gap:4px;justify-content:space-between;overflow:auto;padding:8px 0 14px;scrollbar-width:none}.editor-flow>span{display:none}.editor-flow button{font-size:10px;gap:4px;white-space:nowrap;padding:4px}.editor-flow button b{width:17px;height:17px;font-size:9px}.studio{display:flex;flex-direction:column;gap:14px}.setup{position:static;max-height:none;padding:18px;width:100%;order:1}.center{order:2;width:100%}.inspector{order:3;width:100%;max-height:720px;position:static}.setup .section-label{margin-bottom:15px}.setup .mode-switch{max-width:340px}.setup .dropzone{min-height:145px}.setup .field,.setup .hint,.setup .check{font-size:14px}.setup .hint{font-size:12px}.setup .wide{font-size:14px}.setup .media-actions button{font-size:13px}.setup .mode-switch button{font-size:14px}.inspector .appearance{padding:17px;display:block}.inspector .template-grid{grid-template-columns:1fr 1fr}.appearance .effect-box{display:block}.appearance .advanced-style[open]{display:block}.cue-row textarea{font-size:16px}.cue-times input{font-size:12px;width:72px}.caption-actions button,.caption-heading .text-button{font-size:12px}.stage{min-height:200px}.empty-preview h2{font-size:19px}.empty-preview p{font-size:12px}.empty-preview .cc{margin-bottom:12px}.transport{padding:10px;gap:7px}.transport span{font-size:11px}.create-dialog{padding:22px;width:calc(100vw - 28px)}.create-dialog h2{font-size:25px}.project-type-options{gap:10px}.type-option{padding:14px}.type-option small{font-size:11px}.create-dialog-footer{gap:8px}.create-dialog-footer>span{max-width:130px;line-height:1.7}.create-dialog-footer .primary{min-width:118px}.processing-screen .processing-content h2{font-size:23px}.processing-percent strong{font-size:52px}}
@media(max-width:390px){.project-grid{grid-template-columns:1fr}.project-preview{height:160px}.project-preview strong{font-size:18px}.project-type,.project-preview-detail{font-size:11px}.project-card-bottom{flex-wrap:nowrap}.project-name{max-width:35vw}.home-nav{display:none}.create-dialog-footer{align-items:stretch;flex-direction:column}.create-dialog-footer>span{max-width:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}button:hover,.project-card:hover,.type-option:hover{transform:none!important}}
[hidden]{display:none!important}:root{color-scheme:light}button:hover{background-color:#edf2fa}button.primary:hover{background-color:#2449c9}.play:hover{background:#2449c9;color:white}.empty-preview .secondary:hover{background:#ffffff20;color:white}.create-tile:hover,.project-open:hover{background:#fff}