@charset "UTF-8";
:root{font-size:14px}
.app-header h1{font-size:20px}.app-header nav>a,.app-header button{font-size:13px}.app-header .header-export{min-width:126px}.app-header .header-secondary{font-size:12px}
.workflow{display:grid;grid-template-columns:repeat(3,1fr);height:88px;background:#f8f9fa;border-bottom:1px solid #ced4da;padding:0 24px;gap:24px}.workflow button{display:flex;align-items:center;justify-content:center;gap:13px;border:0;border-bottom:3px solid transparent;background:transparent;text-align:left;color:#34424c;padding:10px;min-width:0}.workflow button:hover{background:#eceff1;border-bottom-color:#b79b4d}.workflow b{font:600 21px Consolas,monospace;color:#a38535}.workflow strong{display:block;font-size:14px;font-weight:600;line-height:1.6}.workflow small{display:block;font-size:11px;color:#78838b;line-height:1.5}
.preset-library{background:#eef1f3}.library-heading{font-size:13px;padding-left:15px}.library-hint{font-size:12px;line-height:1.8;color:#6b7680;margin:0 2px 15px}.preset-library label{font-size:12px}.preset-library select{font-size:12px;min-height:36px}.preset-library fieldset{padding-left:12px;padding-right:12px}.preset-grid{gap:14px 9px}.preset span{font-size:12px;line-height:1.6;white-space:normal;word-break:normal}.preset{padding:3px;align-self:start}.preset-actions button{font-size:12px;min-height:35px}
.viewer-label{font-size:12px}.viewer-head strong{font-size:12px}.edit-toolbar button{font-size:12px;min-height:34px}.transport{gap:12px}.transport #play{font-size:13px;font-weight:600;min-width:126px;min-height:42px;background:#fff;border-color:#9ca7af}.scrub-label{font-size:11px}.transport #png{font-size:12px;min-height:38px}#time-label{font-size:11px}.viewer-foot{font-size:11px}.beat-quick .small-button,.beat-quick .text-button,.beat-quick a{font-size:12px;min-height:37px}.beat-quick{gap:12px}.capability{font-size:11px;line-height:1.8}.viewer .message{font-size:12px}.viewer .beat-meter{font-size:12px}.beat-meter-top{font-size:11px}
.workspace-views{display:grid;grid-template-columns:1fr 1fr 1.1fr;min-height:52px;background:#f1f3f5;border-bottom:1px solid #d6dce1;flex:none}.workspace-views>button{border:0;border-bottom:3px solid transparent;background:transparent;color:#65727d;min-height:52px;font-size:13px;padding:7px 4px;white-space:nowrap}.workspace-views>button[aria-selected=true]{background:#fff;border-bottom-color:#9d7e31;color:#293741;font-weight:650}.workspace-views>button:hover{background:#e8ecef}.inspector-panel{padding:23px 20px 28px}.panel-heading{font-size:17px;margin-bottom:13px}.easy-intro{font-size:13px;line-height:1.85;color:#6e7a84;margin-bottom:22px}.easy-panel h3{font-size:13px;font-weight:600;margin:0 0 13px;color:#34414a}.easy-colors,.easy-speed,.easy-beat{margin-bottom:24px}.easy-colors .palette-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px 4px;margin:0}.easy-colors .palette{font-size:11px;line-height:1.6;padding:4px 2px;min-height:57px}.easy-colors .swatches{height:25px;margin-bottom:7px}.easy-speed-label{font-size:13px}.easy-speed select{font-size:13px;min-height:40px;margin-top:0}.easy-beat{border-top:1px solid #dde2e6;padding-top:21px}.easy-beat>.check-row{font-size:13px;font-weight:550;color:#35444f;margin-bottom:10px}.easy-beat .check-row input{width:17px;height:17px}.field-help{font-size:12px;line-height:1.85;color:#7a858e;margin:10px 0 15px}.easy-beat .two-fields{margin-top:17px;margin-bottom:0;gap:12px}.easy-beat .two-fields label{font-size:11px}.easy-beat .two-fields input,.easy-beat .two-fields select{font-size:12px;min-height:40px}.easy-beat input:disabled,.easy-beat select:disabled{opacity:.45;background:#edf0f2}.easy-next{width:100%;background:#ecd18a;color:#3a301a;border:1px solid #c6ad63;border-radius:3px;font-size:14px;font-weight:600;min-height:43px;padding:10px}.easy-next:hover{background:#f2d88e}.easy-more{font-size:12px;line-height:1.9;color:#7a858e;margin:17px 0 0}.easy-more button,.inline-action{border:0;padding:0;background:transparent;font-size:inherit;line-height:inherit;text-decoration:underline;text-underline-offset:3px;color:#536879}
#ws-panel-advanced{min-width:0}#ws-detail-tabs{grid-template-columns:repeat(4,1fr);min-height:43px}#ws-detail-tabs button{font-size:12px;min-height:43px}.inspector-panel label{font-size:12px}.inspector-panel select,.inspector-panel input[type=number],.inspector-panel input[type=text]{font-size:13px;min-height:38px}.layer-editor>summary{font-size:12px;min-height:44px}.layer-editor>summary>strong{font-size:13px}.layer-editor>summary>small{font-size:11px}.fine{font-size:12px;line-height:1.85}.sub-fold>summary{font-size:12px}.inspector-panel .range-label>output{font-size:11px}.inspector-panel .two-fields{gap:16px 12px}.inspector-panel .two-fields>.range-label:only-child{grid-column:1/-1}.beat-presets button{font-size:11px;min-height:37px}.beat-tap-row button{font-size:12px;min-height:38px}
.save-basic>label,.save-basic>#seconds-fields{display:block;margin-bottom:19px}.save-basic>label,.save-basic>#seconds-fields label{font-size:13px}.save-basic select{font-size:13px;min-height:42px}.duration-note{font-size:12px;line-height:1.8;background:#f1f4f6;padding:10px 12px;border-left:2px solid #c1a655;color:#586a78;margin:0 0 20px}.save-options{border-top:1px solid #dce2e7;padding-top:16px;margin-top:4px}.save-options summary{font-size:12px;cursor:pointer;color:#697a88}.save-options>div{padding-top:17px}.save-options label{margin-bottom:15px}.save-options .two-fields label{margin-bottom:0}.inspector-panel #export{font-size:14px;min-height:45px;margin-top:24px}.save-explainer{font-size:12px;line-height:1.9;color:#6b7a86;margin:12px 0 0}.save-explainer strong{font-weight:550;color:#394e5d}.reuse-settings{border-top:1px solid #dce2e7;padding-top:17px;margin-top:24px}.reuse-settings>summary{font-size:12px;cursor:pointer;color:#687b89}.reuse-settings .settings-actions{margin-top:14px;padding-top:0;border-top:0}.result strong{font-size:13px}.result #download-video{font-size:13px;min-height:40px}.result p{font-size:11px}.workspace-resources>summary{font-size:12px}.workspace-footer,.workspace-footer small{font-size:11px}.workspace-footer>div{gap:16px}
@media(min-width:1101px){.studio{grid-template-columns:226px minmax(0,1fr) 354px;height:calc(100dvh - 231px);min-height:620px}.viewer{padding-left:20px;padding-right:20px}.viewer-head{min-height:48px}.viewport{min-height:170px}.workspace-footer{padding-top:14px;padding-bottom:14px}.workspace-footer small{font-size:10px}.workspace-views{min-height:52px}.preset-library .fold-body>label{margin-bottom:2px}}
@media(min-width:1650px){.studio{grid-template-columns:246px minmax(0,1fr) 380px}.preset span{font-size:13px}.inspector-panel{padding:25px}.easy-colors .palette{font-size:12px}}
@media(max-width:1100px){.workflow{height:78px;gap:12px;padding:0 14px}.workflow strong{font-size:13px}.workflow small{font-size:10px}.workflow b{font-size:18px}.preset-library .library-hint br{display:none}.library-hint{margin-bottom:12px}.preset-library fieldset{max-height:420px}.workspace-views{position:sticky;top:0;z-index:6}.inspector-panel{max-width:720px}.easy-colors .palette-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-width:480px}.easy-colors .palette{font-size:12px}.easy-panel{padding-top:26px}.easy-panel h3{font-size:14px}.inspector-tabs{position:relative;top:auto;z-index:1}.workspace-footer,.workspace-footer small{font-size:10px}}
@media(max-width:620px){.app-header h1{font-size:17px}.app-header .header-export{min-width:98px;font-size:12px}.workflow{height:68px;padding:0 8px;gap:0}.workflow button{gap:6px;padding:8px 4px;align-items:center}.workflow b{font-size:16px}.workflow strong{font-size:11px;white-space:nowrap}.workflow small{display:none}.viewer-head{min-height:44px}.viewer-label,.viewer-head strong{font-size:11px}.edit-toolbar button{font-size:11px;min-height:38px;padding:5px 6px}.transport{gap:8px}.transport #play{min-width:115px;font-size:12px}.transport #png{font-size:11px}.scrub-label{font-size:0}.transport #time-label{font-size:10px}.viewer-foot{font-size:10px}.beat-quick{gap:8px;flex-wrap:wrap}.beat-quick .small-button,.beat-quick .text-button,.beat-quick a{font-size:11px}.beat-quick a{margin-left:auto}.preset-grid{gap:16px 10px}.preset span{font-size:12px}.preset-library fieldset{padding:15px;max-height:400px}.library-heading{font-size:13px}.workspace-views>button{font-size:12px;min-height:49px}.inspector-panel{padding:23px 18px 30px}.panel-heading{font-size:17px}.easy-intro{font-size:13px}.easy-colors .palette{font-size:12px}.easy-beat .two-fields label{font-size:12px}.easy-beat .two-fields input,.easy-beat .two-fields select{font-size:13px}.easy-more{font-size:12px}.result{flex-direction:column;align-items:stretch}.result .button{text-align:center}.workspace-resources>summary{font-size:11px}.workspace-footer>div{gap:12px}.workspace-footer small{font-size:9px}}