:root{color:#f1f2f8;font-synthesis:none;text-rendering:optimizelegibility;font-optical-sizing:auto;background:#0b0d13;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,select{color:inherit}button{cursor:pointer;color:#e8ebf4;background:#252b39;border:1px solid #465065;border-radius:7px;transition:background-color .12s,border-color .12s,color .12s,box-shadow .12s}button:hover:not(:disabled){background:#333b4c;border-color:#7783a0}button:active:not(:disabled){background:#414b60}button:disabled{cursor:not-allowed;color:#d0d4de;opacity:1;background:#343a47;border-color:#606879}.editor-shell{max-width:1520px;margin:auto;padding:32px clamp(18px,3vw,48px) 56px}.editor-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.editor-header h1{letter-spacing:-.035em;margin:8px 0;font-size:clamp(28px,4vw,42px)}.editor-header p:not(.eyebrow){color:#a5a9b8;margin:0}.eyebrow{color:#aa9bff;letter-spacing:.15em;margin:0;font-size:11px;font-weight:700}.badge{color:#a9e6c1;letter-spacing:.1em;white-space:nowrap;border:1px solid #303447;border-radius:999px;padding:8px 11px;font-size:10px}.editor-workflow{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:min(100%,460px);margin:0 0 18px;display:grid}.workflow-step{background:#11141d;border:1px solid #292f40;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:8px 10px;display:flex}.workflow-step strong{color:#c6cad8;font-size:11px}.workflow-step span{color:#858b9d;white-space:nowrap;font-size:11px}.workflow-step.state-done{background:#14231e;border-color:#385b50}.workflow-step.state-done strong,.workflow-step.state-done span{color:#a8ddbf}.editor-layout{grid-template-columns:minmax(270px,330px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.side-panel,.workspace{min-width:0}.side-panel{background:#11141d;border:1px solid #252939;border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.panel-section{border-bottom:1px solid #252939;min-width:0;padding:18px}.panel-section:last-child{border-bottom:0}.panel-section>p{color:#a5a9b8;font-size:11px;line-height:1.55}.workflow-audio{order:1}.panel-section[aria-label="Audio range selection"]{order:2}.editor-accordion>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;list-style:none;display:flex}.editor-accordion>summary::-webkit-details-marker{display:none}.editor-accordion>summary:after{color:#a99aff;content:"＋";flex:none;font-size:17px}.editor-accordion[open]>summary:after{content:"−"}.editor-accordion>summary:focus-visible{outline-offset:4px;border-radius:4px;outline:2px solid #a99aff}.editor-accordion>summary h2{margin:0}.accordion-hint{color:#9297a8;font-size:10px}.accordion-content{min-width:0;padding-top:14px}.effects-panel .editor-accordion>summary{align-items:flex-start}.effects-panel .section-heading{flex:1;margin:0}.effects-panel .section-heading p{max-width:56ch;line-height:1.5}.audio-generation-action{border-top:1px solid #252939;margin-top:16px;padding-top:14px}.audio-generation-action h3{margin:0 0 8px;font-size:13px}.audio-generation-action>p{color:#a5a9b8;font-size:11px;line-height:1.55}.editor-background{order:4}.editor-regions{order:5}.workflow-export{order:6}.workflow-account{order:7}h2{letter-spacing:-.01em;margin:0;font-size:15px}h2 span{color:#7f8496;font-weight:500}.panel-section>h2{margin-bottom:14px}.segmented,.tool-row,.inline-actions{gap:6px;margin-bottom:13px;display:flex}.segmented button,.tool-row button,.inline-actions button,.playback-controls>button,.quiet-button{padding:7px 10px;font-size:12px}.segmented button.active,.tool-row button.active{color:#e3ddff;background:#302c4b;border-color:#8172dd}.field{color:#aeb2c1;flex-direction:column;gap:6px;font-size:11px;display:flex}.field input:not([type=color]),.field select,.polygon-point input{color:#f1f2f8;background:#0d1018;border:1px solid #333849;border-radius:6px;width:100%;min-width:0;height:32px;padding:5px 8px;font-size:12px}.field input[type=color]{background:#0d1018;border:1px solid #333849;border-radius:6px;width:100%;height:32px;padding:3px}.field input:focus-visible,.field select:focus-visible,button:focus-visible{outline-offset:2px;outline:2px solid #a99aff}.primary-button,.project-actions>button{color:#fff;background:#51458d;border:1px solid #9a8bea;min-height:36px;padding:8px 12px;font-size:12px;font-weight:700}.primary-button:hover:not(:disabled),.project-actions>button:hover:not(:disabled){background:#6658aa;border-color:#c2b8ff}.primary-button:active:not(:disabled),.project-actions>button:active:not(:disabled){background:#40376f}.primary-button:disabled,.project-actions>button:disabled{color:#d3d0e3;background:#39364a;border-color:#66617e}.color-pair{grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.color-pair .field{min-width:0}.file-button{color:#c8c6e0;text-align:center;cursor:pointer;border:1px dashed #484e62;border-radius:7px;padding:9px 10px;font-size:12px;display:block}.file-button input{display:none}.field-error{color:#f2a7b3;margin:8px 0 0;font-size:11px}.quiet-button{margin-top:8px}.item-list{flex-direction:column;gap:5px;max-height:180px;margin:0 0 12px;padding:0;list-style:none;display:flex;overflow:auto}.item-list button,.effect-list>button{color:#d7d9e2;text-align:left;background:#171b26;border:1px solid #0000;border-radius:7px;align-items:center;gap:9px;width:100%;padding:9px;font-size:12px;display:flex}.item-list button.selected,.effect-list>button.selected{background:#222139;border-color:#665fa1}.item-list button.selected{box-shadow:inset 3px 0 #a99aff}.item-list small,.effect-list small{color:#858a9c;margin-left:auto;font-size:10px}.geometry-fields{grid-template-columns:1fr 1fr;gap:8px;display:grid}.field.compact{text-transform:uppercase}.geometry-fields>.danger-button{grid-column:1/-1}.polygon-point{color:#aeb2c1;grid-column:1/-1;align-items:center;gap:8px;font-size:10px;display:flex}.polygon-point>span{width:26px}.polygon-point label{flex:1;align-items:center;gap:5px;display:flex}.polygon-point input{width:70px}.danger-button{color:#ffe4e8;background:#512a34;border:1px solid #a85d6d;padding:7px 9px;font-size:12px;font-weight:650}.danger-button:hover:not(:disabled){background:#713744;border-color:#e18b9b}.danger-button:disabled{color:#d8cbd0;background:#3e3337;border-color:#775b62}.inline-actions{color:#a5a9b8;align-items:center;font-size:11px}.inline-actions button{min-height:32px;padding:6px 9px;font-size:11px}.workspace{flex-direction:column;gap:16px;display:flex}.canvas-card,.timeline-panel,.effects-panel{background:#11141d;border:1px solid #252939;border-radius:14px;min-width:0;overflow:hidden}.canvas-toolbar{color:#969bad;border-bottom:1px solid #252939;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 10px;padding:12px 15px;font-size:11px;display:flex}.canvas-toolbar>*{min-width:0}canvas{touch-action:none;cursor:crosshair;width:100%;height:auto;display:block}.preview-canvas-wrap{width:100%;position:relative}.region-edit-outline{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.region-edit-outline rect,.region-edit-outline polygon{fill:#50beff14;stroke:#6ad5ff;stroke-width:3px;vector-effect:non-scaling-stroke;stroke-dasharray:8 5}.region-edit-handle{z-index:3;touch-action:none;-webkit-user-select:none;user-select:none;background:#75ddff;border:2px solid #071018;border-radius:50%;width:14px;min-width:0;height:14px;padding:0;display:block;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #fff,0 0 10px #5ad2ffd9}.region-edit-handle:hover,.region-edit-handle:active{background:#fff}.region-move-handle{cursor:move;background:#16a7ce;width:22px;height:22px}.region-vertex-handle{cursor:move;border-radius:3px;width:16px;height:16px}.region-resize-handle{border-radius:3px}.region-resize-handle.cursor-nwse{cursor:nwse-resize}.region-resize-handle.cursor-nesw{cursor:nesw-resize}.region-resize-handle.cursor-ns{cursor:ns-resize}.region-resize-handle.cursor-ew{cursor:ew-resize}.effect-position-handle{z-index:2;color:#fff;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#5145a5;border:2px solid #fff;border-radius:50%;place-items:center;width:30px;height:30px;padding:0;font-size:16px;line-height:1;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #141824,0 0 16px #b8aaff}.effect-position-handle:active{cursor:grabbing;background:#7668d5}.canvas-hint{color:#b9b3df;margin:0;padding:8px 14px;font-size:11px}.timeline-panel{padding:14px 16px 12px}.timeline-panel>h2{margin-bottom:12px}.playback-controls{align-items:center;gap:8px;display:flex}.playback-controls .primary-button{color:#fff;background:#5547a0;border-color:#7566d0}.playback-controls output{color:#c6c9d5;font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.playback-controls .timeline-time{color:#e5e2ff;background:#0d1018;border:1px solid #33394b;border-radius:7px;padding:6px 10px;font-size:14px;font-weight:700}.timeline-time span{color:#8e93a4;font-size:11px;font-weight:500}.seek{accent-color:#9b8cff;width:100%;margin:14px 0 7px}.timeline-sources{flex-wrap:wrap;align-items:center;gap:5px;margin-top:9px;display:flex}.timeline-sources-label{color:#858a9c;margin-right:3px;font-size:10px}.timeline-source{color:#969bad;border:1px solid #303548;border-radius:999px;padding:4px 7px;font-size:9px;line-height:1.2}.timeline-source.available{color:#abd6bd;background:#14231e;border-color:#385b50}.timeline-source.missing{opacity:.7;border-style:dashed}.effects-panel{padding:16px}.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px;display:flex}.section-heading p{color:#9297a8;margin:5px 0 0;font-size:11px}.section-heading select{background:#29243e;border:1px solid #484166;border-radius:7px;max-width:220px;padding:8px 10px;font-size:11px}.effect-add-controls{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.effect-add-controls .field{min-width:145px;margin:0}.effect-add-controls>.danger-button{min-height:32px}.effect-add-controls select{width:100%;max-width:190px}.effect-category-help{color:#858a9c;grid-column:1/-1;margin:-4px 0 0;font-size:10px}.effect-editor{grid-template-columns:minmax(150px,220px) minmax(0,1fr);gap:14px;min-width:0;display:grid}.effect-list{flex-direction:column;gap:5px;min-width:0;display:flex}.effect-list>button{flex-wrap:wrap}.effect-list>button.selected{background:linear-gradient(90deg,#292543,#1c1c2a);border-color:#7568c6;box-shadow:inset 3px 0 #a99aff}.effect-list>button:focus-visible,.item-list button:focus-visible{outline-offset:1px;outline:2px solid #a99aff}.audio-range-backdrop{z-index:1000;background:#04070ed1;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.audio-range-dialog{color:#f4f5fa;background:#171c28;border:1px solid #68738c;border-radius:14px;width:min(760px,100%);max-height:calc(100vh - 48px);padding:24px;overflow-y:auto;box-shadow:0 24px 80px #0000008c}.audio-range-dialog:focus{outline-offset:3px;outline:2px solid #a99aff}.audio-range-dialog h2{margin-top:0}.audio-range-duration,.audio-range-values{color:#d2d6e2}.audio-range-duration-control{color:#f4f5fa;grid-template-columns:1fr auto;align-items:center;gap:6px 14px;margin:10px 0 16px;display:grid}.audio-range-duration-control label{font-weight:650}.audio-range-duration-control output{color:#d7d1ff;font-variant-numeric:tabular-nums}.audio-range-duration-control input{accent-color:#b9aaff;grid-column:1/-1;width:100%;min-height:28px}.audio-waveform-wrap{background:#0b1020;border:1px solid #68738c;border-radius:8px;width:100%;overflow:hidden}.audio-waveform-wrap canvas{touch-action:none;cursor:crosshair;width:100%;height:160px;display:block}.audio-range-values{font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;margin:12px 0;display:flex}.audio-range-dialog audio{display:none}.audio-range-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.audio-range-actions .primary-button{margin-left:auto}@media (width<=640px){.audio-range-backdrop{padding:10px}.audio-range-dialog{max-height:calc(100vh - 20px);padding:16px}.audio-range-actions .primary-button{margin-left:0}}.effect-list small{flex-basis:100%;margin:-4px 0 0 20px}.swatch{border-radius:50%;width:9px;height:9px}.effect-fields{background:#0f121a;border:1px solid #282d3d;border-radius:9px;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:10px;min-width:0;padding:12px;display:grid}.advanced-settings{background:#121520;border:1px solid #292d3c;border-radius:8px;grid-column:1/-1;overflow:hidden}.advanced-settings>summary{color:#c3bedf;cursor:pointer;padding:10px 12px;font-size:11px;font-weight:650}.advanced-settings[open]>summary{border-bottom:1px solid #292d3c}.advanced-fields{grid-template-columns:repeat(3,minmax(100px,1fr));gap:10px;padding:12px;display:grid}.binding-fields{border-top:1px solid #292d3c;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-top:12px;display:grid}.binding-fields h3{color:#bcb4e8;grid-column:1/-1;margin:0;font-size:11px}.binding-fields [role=status]{grid-column:1/-1}.empty-selection{color:#858a9c;place-items:center;min-height:120px;font-size:12px;display:grid}.region-edit-toggle{color:#c9ccd7;text-align:left;background:#171b26;border:1px solid #3e465c;border-radius:7px;width:100%;min-height:34px;padding:7px 10px;font-size:11px}.region-edit-toggle.active{color:#c6f3ff;background:#12303b;border-color:#228eae}.region-edit-help,.workflow-prerequisite{color:#a9c9d5;background:#121c24;border-left:2px solid #35a7c5;margin:8px 0 0;padding:8px 10px;font-size:10px;line-height:1.5}.workflow-complete{color:#a8ddbf;font-size:11px}.global-gradient-panel{background:#0f121a;border:1px solid #292d3c;border-radius:9px;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:8px;margin-bottom:14px;padding:12px;display:grid}.global-gradient-panel h3,.global-gradient-panel>p{grid-column:1/-1;margin:0}.global-gradient-panel h3{color:#c6c0e8;font-size:11px}.global-gradient-panel>p{color:#858a9c;font-size:10px}.global-gradient-panel .field{min-width:0}.export-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0;display:grid}.privacy-note{color:#858a9c;font-size:10px;line-height:1.5}.panel-section [role=status]{color:#bcb4e8;font-size:11px;line-height:1.5}@media (width<=1100px){.editor-layout{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.workspace,.side-panel{display:contents}.canvas-card{grid-area:1/1}.timeline-panel{grid-area:2/1}.workflow-audio{grid-area:3/1}.editor-regions{grid-area:4/1}.effects-panel{grid-area:5/1}.workflow-account,.workflow-cloud,.editor-background,.workflow-export{grid-column:1}.panel-section{border:1px solid #252939;border-radius:12px}.panel-section:last-child{border-bottom:1px solid #252939}.editor-accordion>summary{min-height:28px}.effects-panel .effect-editor{grid-template-columns:minmax(0,220px) minmax(0,1fr)}}@media (width<=620px){.editor-shell{padding:20px 12px 40px}.editor-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:18px}.badge{display:none}.side-panel{display:contents}.panel-section{border:1px solid #252939}.editor-workflow{gap:6px;width:100%;margin-bottom:14px}.workflow-step{padding:7px 9px}.workflow-step strong,.workflow-step span{font-size:10px}.canvas-toolbar{flex-direction:column;align-items:flex-start;font-size:10px}.effect-editor{grid-template-columns:1fr}.effect-list{grid-template-columns:1fr 1fr;display:grid}.effect-fields,.advanced-fields,.binding-fields,.global-gradient-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{flex-direction:column;align-items:stretch}.effect-add-controls{flex-wrap:wrap;align-items:stretch}.effect-add-controls .field{flex:145px;min-width:0}.effect-add-controls>.danger-button{flex:1 0 100%}.playback-controls{flex-wrap:wrap}.playback-controls .timeline-time{margin-left:auto}.effects-panel .effect-editor{grid-template-columns:1fr}.effects-panel .effect-list{grid-template-columns:1fr 1fr}.effects-panel .effect-add-controls{width:100%}.effects-panel .effect-add-controls .field{flex:130px}.effects-panel .effect-add-controls>.danger-button{flex-basis:100%;min-height:40px}.panel-section,.timeline-panel,.effects-panel{scroll-margin-top:12px}.playback-controls>button{min-height:40px}}:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif}.landing-shell,.login-shell,.route-status{color:#edf0ff;width:min(1080px,100% - 40px);margin:8vh auto}.landing-header{max-width:780px;margin:0 auto 32px}.landing-header h1,.login-shell h1{margin:10px 0;font-size:clamp(2rem,6vw,4rem)}.landing-header>p:last-child,.landing-card>p,.login-shell>p{color:#aeb2c1;line-height:1.65}.landing-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.landing-card{background:linear-gradient(145deg,#151925,#10131b);border:1px solid #2a2e40;border-radius:16px;flex-direction:column;align-items:flex-start;min-width:0;padding:clamp(20px,4vw,32px);display:flex;box-shadow:0 16px 48px #0003}.landing-card h2{margin:0 0 22px;font-size:clamp(1.1rem,2vw,1.35rem)}.landing-login-form{gap:16px;width:100%;max-width:420px;display:grid}.landing-login-form .field{gap:8px;font-size:13px}.landing-login-form .field input{height:42px;padding:8px 11px;font-size:14px}.landing-login-form .primary-button,.guest-card .primary-button,.registration-return{color:#fff;background:#6656bd;border:1px solid #8e81ed;border-radius:8px;min-height:42px;padding:10px 16px;font-weight:650;text-decoration:none}.registration-link,.login-shell>a{color:#b8acff;margin-top:18px}.guest-card>p{flex:1;margin:0 0 24px}.guest-card .primary-button{margin-top:auto}.login-shell{max-width:560px}.login-shell .landing-login-form{margin-top:24px}.registration-return{align-items:center;margin-top:10px;display:inline-flex}@media (width<=700px){.landing-shell{margin-top:6vh}.landing-columns{grid-template-columns:1fr}.landing-header{margin-bottom:24px}}