:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#252b23;background:#f4f5f0;font-synthesis:none;--green:#d4ef8b;--muted:#818779;--line:#e4e7dc;--ink:#252b23}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input{touch-action:manipulation}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:default}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[contenteditable]:focus-visible{outline:2px solid #799f39;outline-offset:3px}h1,h2,h3,p{margin:0}button{transition:background .15s,transform .15s}button:hover:not(:disabled){filter:brightness(.97)}.studio{display:flex;min-height:100vh}.sidebar{width:216px;padding:35px 22px 20px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;background:#eef0e8;border-right:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:31px;letter-spacing:-1.3px;font-weight:600}.brand>span{font-size:25px;letter-spacing:-1.2px}.sidebar-label{font-size:9px;letter-spacing:1.8px;color:#8b9183;margin:55px 10px 18px}.nav{padding:14px 11px;display:flex;gap:11px;align-items:center;text-align:left;font-size:12px;width:100%;background:transparent;border-radius:7px;margin-bottom:5px;white-space:nowrap}.nav.active{background:#dce4cf}.nav-count{margin-left:auto;font-size:10px;color:#7c866e}.side-note{margin-top:auto;padding:45px 12px 40px}.small-spark{font-size:42px;color:#798968;margin-bottom:14px}.side-note h3{font-size:23px;line-height:1.2;letter-spacing:-.6px;font-weight:500}.side-note p{font-size:11px;line-height:1.8;color:var(--muted);margin-top:14px}.sidebar-footer{display:flex;align-items:center;gap:7px;border-top:1px solid #dce0d2;padding-top:20px;font-size:10px;color:#77816c}.sidebar-footer>span:last-child{margin-left:auto}.status-dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:#859f57}.workspace{margin-left:216px;padding:0 38px;width:calc(100% - 216px);max-width:1800px}.topbar{height:81px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:11px}.muted{color:var(--muted)}.slash{margin:0 15px;color:#b5bbae}.top-actions{display:flex;align-items:center;gap:14px}.save-status{font-size:10px;color:#7d8870}.quiet{background:transparent;padding:9px 5px;font-size:11px}.outline,.primary,.secondary{border:1px solid #dce0d4;border-radius:6px;padding:11px 15px;font-size:11px;display:inline-flex;align-items:center;justify-content:center;gap:14px;background:#f7f8f3;font-weight:500;white-space:nowrap}.primary{background:var(--green);border-color:var(--green)}.primary span{font-size:18px}.page-heading{padding:33px 0 27px;display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.8px;color:#7c8571;margin-bottom:12px}.page-heading h1{font-size:clamp(25px,2.6vw,40px);letter-spacing:-1.7px;font-weight:500;line-height:1.15;max-width:690px}.page-heading p{font-size:11px;color:var(--muted);margin-top:12px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:9px;background:#f9faf6;margin-bottom:24px;padding:18px 0}.metrics>div{display:flex;gap:14px;padding:0 23px;border-right:1px solid var(--line);align-items:center}.metrics>div:last-child{border:0}.metric-icon{font-size:24px;color:#8f9c80}.metrics small{font-size:8px;letter-spacing:1.3px;color:#8b9183;display:block;margin-bottom:7px}.metrics strong{font-size:20px;font-weight:500;letter-spacing:-.6px}.metrics strong em{font-size:10px;font-style:normal;font-weight:400;color:#969c90;letter-spacing:0;margin-left:3px}#room-status{font-size:13px}#sync-label{font-size:17px}.upper-grid{display:grid;grid-template-columns:1.23fr 1fr;gap:22px;margin-bottom:23px}.panel{border:1px solid var(--line);border-radius:10px;background:#fcfcf9}.preview-panel{background:#171c17;color:#d7dfd0;border-radius:10px;padding:20px 23px;overflow:hidden;min-height:267px;position:relative;background-image:radial-gradient(ellipse at 50% 80%,#34423077,transparent 65%)}.preview-top,.preview-bottom{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.3px;gap:10px}.preview-top .status-dot{margin-right:6px}.preview-top>span:last-child{color:#7e8b76;letter-spacing:0;font-size:9px}.crowd{display:grid;grid-template-columns:repeat(20,1fr);gap:14px 17px;margin:30px 20px 25px;transform:perspective(500px) rotateX(22deg);min-height:131px}.crowd i{width:8px;height:13px;border-radius:2px;transform:rotate(var(--tilt));background:#404a38;justify-self:center}.preview-bottom{font-size:9px;color:#889680;letter-spacing:0}.preview-bottom>span:first-child{color:#dbe3d5}.preview-bottom>span:last-child{font-size:8px;letter-spacing:1.3px}.mini-star{font-size:19px;margin-left:8px}.audio-panel{padding:21px 23px 15px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px}.section-title h2{font-size:13px;font-weight:550;letter-spacing:-.2px}.tiny-badge{font-size:8px;letter-spacing:1px;color:#8e9585}.dropzone{cursor:pointer;display:flex;align-items:center;flex-direction:column;border:1px dashed #d8ddce;border-radius:7px;background:#f3f5ed;padding:18px 12px;gap:7px;min-height:126px}.dropzone.dragging{background:#dfeabf}.file-icon{font-size:22px;color:#7e8c70}.dropzone strong{font-size:12px;font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropzone>span:not(.file-icon){font-size:9px;color:#959c8e}.dropzone .local-label{font-size:8px!important;color:#7f8d71!important}.audio-controls{display:flex;justify-content:space-between;align-items:center;margin-top:14px;gap:10px}.audio-controls button{padding:8px 11px;font-size:10px}.volume{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:1px;color:#8f9785}.volume input{width:75px}.audio-foot{font-size:8px;color:#929a89;display:flex;justify-content:space-between;margin-top:14px;gap:10px}.timeline-panel{overflow:hidden;margin-bottom:23px}.timeline-title{padding:21px 23px 0}.timeline-title p{font-size:9px;color:#9a9f94;margin-top:7px}.timeline-tools{display:flex;align-items:center;gap:16px}.timeline-tools label{display:flex;align-items:center;gap:8px;font-size:9px;color:#969d8e}.timeline-tools input{width:65px}.timeline-tools button{padding:8px 12px;font-size:10px}.timeline-scroll{overflow-x:auto;padding:0 23px 18px}#timeline-inner{position:relative;min-width:100%}.ruler{position:relative;height:25px;margin-left:100px;font-size:8px;color:#929b85;cursor:crosshair}.ruler>span{position:absolute;transform:translate(-50%)}.ruler>span:first-child{transform:none}.ruler>span:last-child{transform:translate(-100%)}.wave-row,.cue-row{display:flex;align-items:stretch;min-height:72px;border-top:1px solid #ecede6}.lane-label{width:100px;flex-shrink:0;font-size:8px;font-weight:550;letter-spacing:1px;color:#8c967e;padding-top:24px}#waveform{width:calc(100% - 100px);min-height:83px;position:relative}#wave-empty{height:82px;display:flex;align-items:center;justify-content:center;font-size:10px;color:#adb4a2;background:repeating-linear-gradient(90deg,transparent,transparent calc(16.666% - 1px),#e5e9df calc(16.666% - 1px),#e5e9df 16.666%)}#cue-track,#torch-track{position:relative;width:calc(100% - 100px);min-height:72px}.cue-block{position:absolute;top:7px;bottom:7px;background:color-mix(in srgb,var(--cue) 60%,#f9faf5);border:2px solid transparent;border-radius:4px;overflow:hidden;text-align:left;padding:8px 10px;min-width:5px;touch-action:none}.cue-block.selected{border-color:#718650}.cue-block small{display:block;font-size:7px;color:#58674b;white-space:nowrap}.cue-block strong{font-size:9px;display:block;margin-top:7px;font-weight:550;white-space:nowrap}.fade-shape{position:absolute;bottom:0;left:0;right:0;height:8px;background:#71865015;clip-path:polygon(0 100%,20% 0,80% 0,100% 100%)}.torch-row{min-height:34px}.torch-row .lane-label{padding-top:15px}#torch-track{min-height:40px}.torch-block{position:absolute;top:6px;bottom:6px;background:transparent;border:1px dashed #dfe4d6;border-radius:3px;font-size:9px;color:#b1b9a6}.torch-block.enabled{background:#ebefd7;color:#6d784f;border:1px solid #becf8c}#playhead-line{position:absolute;top:18px;bottom:0;width:1px;background:#56673c;pointer-events:none;z-index:2}#playhead-line>span{position:absolute;top:-4px;left:-3px;border:4px solid transparent;border-top-color:#56673c}.transport{border-top:1px solid var(--line);padding:13px 22px;display:flex;justify-content:space-between;align-items:center;background:#f7f8f2;gap:10px}.transport-buttons,.live-actions{display:flex;align-items:center;gap:13px}.icon-button{background:transparent;font-size:17px;padding:3px 7px}.play-button{border-radius:50%;width:32px;height:32px;background:#e0e6d3;font-size:12px}.time-display{display:flex;gap:10px;align-items:center;font-size:11px;font-variant-numeric:tabular-nums}.time-display b{font-weight:500}.time-display>span{color:#929a86}.transport-caption{font-size:9px;color:#929b86}.blackout{background:#262e24;color:#f2f4ee;padding:10px 13px;border-radius:5px;font-size:10px}.live-actions .primary{font-size:10px;padding:8px 13px}.bottom-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:23px}.inspector,.settings{padding:22px}.field-row{display:flex;gap:12px;margin-bottom:15px}.field-row label{font-size:8px;letter-spacing:.8px;color:#929a88;display:flex;flex-direction:column;gap:7px;flex:1;min-width:0}.field-row .wide{flex:2}.field-row input:not([type=range]),.field-row select,.setting-row input,.share-label input{border:1px solid #dfe4d5;background:#f6f8f0;border-radius:5px;padding:8px 10px;font-size:11px;color:#434d3b;width:100%;height:34px}.field-row input[type=color]{padding:4px;height:34px}.numeric input{font-variant-numeric:tabular-nums}.sliders label{position:relative}.sliders output{position:absolute;right:0;top:0;font-size:9px;color:#596a44;letter-spacing:0}input[type=range]{appearance:none;background:#dfe5d4;height:3px;accent-color:#81945f;cursor:pointer;margin-top:10px}input[type=range]::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border-radius:50%;background:#7f925d}.inspector-footer{display:flex;align-items:center;gap:13px;border-top:1px solid var(--line);padding-top:14px;margin-top:20px}.check{display:flex;align-items:center;gap:5px;font-size:9px;color:#7c896c;margin-right:auto}.check input{accent-color:#7f925d}.inspector-footer button{font-size:9px;padding:8px}.danger{color:#8c7465}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line);font-size:11px;gap:10px}.setting-row small{display:block;font-size:8px;color:#939d86;margin-top:5px}.setting-row input{width:75px;text-align:right}.setting-row>div{font-size:9px;color:#8b967f;white-space:nowrap}.settings-note{display:flex;align-items:center;gap:13px;margin-top:21px;color:#8c9b78}.settings-note>span{font-size:26px}.settings-note p{font-size:9px;line-height:1.8}.settings-note strong{font-weight:500;color:#66764f}.small{font-size:10px;line-height:1.65;color:#89947c}.settings>.small{margin-top:15px;font-size:9px}.page-footer{padding:23px 0 20px;display:flex;justify-content:space-between;font-size:9px;color:#9ba38f}.page-footer>span:last-child>span{margin-left:16px;font-size:16px}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:50;background:#283322;color:#eef4e4;padding:14px 20px;border-radius:8px;font-size:12px;max-width:90vw;box-shadow:0 5px 20px #0002}dialog{border:1px solid var(--line);border-radius:18px;padding:30px;max-width:460px;width:calc(100% - 30px);background:#f9faf5;color:var(--ink)}dialog::backdrop{background:#111b14aa;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;align-items:center}dialog h2{font-size:32px;letter-spacing:-1px;font-weight:500;margin:9px 0 15px}dialog p{font-size:12px;line-height:1.6;color:#7d8970}dialog canvas{display:block;margin:20px auto;border-radius:10px}.share-label{display:block;font-size:8px;letter-spacing:1px;color:#859276;margin:17px 0 10px}.share-label input{margin-top:7px;font-size:10px}.dialog-actions{display:flex;gap:10px;margin:12px 0}dialog .small{font-size:10px;margin-top:14px}dialog li{font-size:12px;line-height:1.7;margin-bottom:9px}dialog ol{padding-left:20px}dialog p+p{margin-top:15px}#light-surface{position:fixed;inset:0;background:#111311;z-index:-1}.join-card{max-width:420px;padding:45px 30px;margin:0 auto;color:#e9efe0;text-align:center}.join-card .brand{justify-content:center;margin-bottom:55px}.join-card .eyebrow{color:#a1b189}.join-card h1{font-size:56px;line-height:1.03;letter-spacing:-2.5px;font-weight:450}.join-card>p{font-size:13px;line-height:1.65;color:#9ca892;margin-top:22px}.join-stars{color:#d4ef8b;font-size:35px;letter-spacing:20px;margin:30px 0}.join-stars span{font-size:60px}.big{font-size:15px;padding:16px 23px;width:100%;justify-content:space-between}.join-card .secondary{margin-top:12px;background:transparent;color:#ccd9bc;border-color:#404d35;width:100%;font-size:11px}.join-card .small{font-size:10px}.join-checks{display:flex;flex-direction:column;gap:8px;font-size:10px;color:#9cbb7a;margin:25px 0 0}.joined .join-card{display:none}#phone-hud{position:fixed;bottom:0;left:0;right:0;padding:15px 20px max(20px,env(safe-area-inset-bottom));color:#fff;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;background:#0003}#phone-hud[hidden]{display:none}#phone-exit{background:#0007;color:#fff;padding:8px 12px;border-radius:20px;font-size:11px}.joined{background:#000}.joined #light-surface{z-index:0}@media(min-width:1500px){.workspace{padding:0 55px}.crowd{gap:17px 22px;margin-top:32px}.preview-panel{min-height:290px}.audio-panel{padding:25px}.dropzone{min-height:145px}}@media(max-width:1100px){.sidebar{width:175px;padding:30px 14px}.workspace{margin-left:175px;width:calc(100% - 175px);padding:0 22px}.brand>span{font-size:21px}.nav{font-size:10px;gap:6px}.metrics>div{padding:0 14px;gap:9px}.metric-icon{font-size:20px}.metrics strong{font-size:17px}.crowd{gap:13px 9px;margin:32px 0}.preview-panel{padding:20px 16px}.transport-caption{display:none}.field-row{gap:9px}.inspector-footer{gap:7px}.check{font-size:8px}.bottom-grid{grid-template-columns:1.4fr 1fr}.top-actions{gap:10px}.save-status{display:none}}@media(max-width:800px){.sidebar{width:65px;padding:25px 10px}.brand>span,.sidebar-label,.nav,.side-note,.sidebar-footer{display:none}.sidebar .brand{justify-content:center}.workspace{margin-left:65px;width:calc(100% - 65px);padding:0 18px}.topbar{height:65px}.topbar>div:first-child{display:none}.top-actions{width:100%;justify-content:flex-end}.page-heading{align-items:flex-start}.page-heading h1{font-size:29px}.page-heading>.primary{font-size:9px;padding:10px}.metrics{grid-template-columns:repeat(2,1fr);gap:20px}.metrics>div:nth-child(2){border:0}.upper-grid,.bottom-grid{grid-template-columns:1fr}.crowd{gap:14px 16px;margin:28px 14px}.preview-panel{min-height:250px}.audio-panel{padding:20px}.timeline-title{padding:18px 15px 0}.timeline-title p{font-size:8px}.timeline-tools label{display:none}.timeline-scroll{padding:0 15px 18px}.timeline-inner{min-width:650px!important}.cue-block{padding:6px 4px}.cue-block strong{font-size:8px}.cue-block small{font-size:6px}.transport{padding:12px;flex-wrap:wrap}.live-actions{margin-left:auto}.page-heading p{max-width:240px;line-height:1.5}.metric-icon{font-size:22px}.settings .small{font-size:10px}.lane-label{width:70px;font-size:7px}#waveform,#cue-track,#torch-track{width:calc(100% - 70px)}.ruler{margin-left:70px}}@media(max-width:500px){.sidebar{display:none}.workspace{margin:0;width:100%;padding:0 12px}.topbar{height:56px}.page-heading{padding:26px 0 20px;display:block}.page-heading>.primary{margin-top:18px}.page-heading h1{font-size:31px}.page-heading p{max-width:none}.crowd{gap:14px 10px;margin:28px 0}.bottom-grid{gap:15px}.field-row{gap:8px}.inspector{padding:17px}.cue-block strong{display:none}.cue-block small{writing-mode:vertical-rl;font-size:7px}.cue-block{padding:4px}.section-title h2{font-size:12px}.timeline-title p{max-width:220px;line-height:1.5}.timeline-title{align-items:flex-start}.time-display{font-size:10px}.transport-buttons{gap:9px}.live-actions{gap:8px}.primary,.outline{padding:10px;font-size:10px}.inspector-footer{flex-wrap:wrap}.check{font-size:9px;width:100%;margin-bottom:3px}.inspector-footer button:last-child{margin-left:auto}}@media(max-width:800px){#timeline-inner{--lane-width:70px}}.join-card .primary{color:var(--ink);font-size:15px;padding:16px 23px}.admin-login{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0,#e5eccf 0,transparent 38%),#f4f5f0}.login-card{width:min(430px,100%);padding:42px;border:1px solid var(--line);border-radius:18px;background:#fcfcf9;box-shadow:0 24px 80px #36402c14}.login-card .brand{margin-bottom:58px}.login-card h1{font-size:42px;line-height:1.05;letter-spacing:-2px;font-weight:500}.login-card>p{margin:16px 0 30px;color:var(--muted);font-size:12px;line-height:1.65}.login-card label{display:block;font-size:9px;letter-spacing:1.4px;color:#78836d}.login-card input{display:block;width:100%;margin:8px 0 16px;padding:13px;border:1px solid #d9ddd2;border-radius:6px;background:#fff}.login-card .login-error{min-height:20px;margin:14px 0 0;color:#995f4d}.login-card .primary{color:var(--ink)}@media(max-width:500px){.login-card{padding:30px 24px}.login-card h1{font-size:36px}}#light-surface{transition:background .08s linear}.phone-hud-actions{display:flex;gap:8px}#phone-exit,#phone-fullscreen{background:#0007;color:#fff;padding:8px 12px;border-radius:20px;font-size:18px;line-height:1}#phone-fullscreen[hidden]{display:none}.join-steps{min-height:100svh;max-width:520px;padding:clamp(32px,8vh,80px) 24px 76px;display:flex;flex-direction:column;justify-content:center;gap:38px}.join-steps .join-intro{margin:0;color:#dce5d3;font-size:16px;line-height:1.55;text-align:left}.join-step{display:grid;gap:12px;text-align:left}.join-step-label{font-size:11px;font-weight:700;letter-spacing:2.4px;color:#d4ef8b}.join-steps .step-button{min-height:76px;border-radius:12px;font-size:19px;padding:20px 24px}.join-steps .step-button:disabled{opacity:.3}.join-steps #torch-enable:disabled:not(:first-child){opacity:1}.join-step-note{margin:0;color:#9ca892;font-size:11px;line-height:1.5}.join-steps #phone-error{font-size:12px;color:#ffb5a5;text-align:center;margin:0}.phone-credit{position:fixed;z-index:2;left:0;right:0;bottom:max(22px,env(safe-area-inset-bottom));color:#aab39d;text-align:center;font-size:11px;letter-spacing:.3px}.joined #phone-hud{justify-content:flex-end;background:transparent}.joined #phone-exit,.joined #phone-fullscreen{width:38px;height:38px;padding:0}.torch-row{min-height:42px}.torch-row .lane-label{padding-top:16px}#torch-track{min-height:48px}.torch-block{top:5px;bottom:5px;display:flex;align-items:center;justify-content:center;gap:5px;overflow:hidden;background:#f8f9f4;border:1px dashed #d5dccd;color:#858e7c}.torch-block.selected{box-shadow:inset 0 0 0 2px #718650}.torch-block.enabled{background:#ebefd7;color:#596645;border-style:solid;border-color:#becf8c}.torch-block label{display:flex;align-items:center;gap:2px;white-space:nowrap;cursor:pointer}.torch-block input{width:11px;height:11px;margin:0;accent-color:#718650}.torch-block span{overflow:hidden}.single-only[hidden]{display:none}.check{margin-right:0}.inspector-footer button.danger{margin-left:auto}.phone-page{background:#f19100}.phone-page.joined{background:#000}.phone-page .join-steps,.join-steps .join-intro,.join-step-label{color:#181818}.join-steps .primary{background:#181818;border-color:#181818;color:#fff}.join-steps .secondary{background:transparent;border-color:#181818;color:#181818;margin-top:0}.join-step-note{color:#3a2a18}.join-steps #phone-error{color:#681b0e}.phone-credit{color:#181818;font-weight:600}.phone-page{background:#000;color:#fff}.phone-page #light-surface{z-index:0}.phone-page .join-steps{position:relative;z-index:1;min-height:calc(100svh - 104px);width:calc(100% - 32px);max-width:500px;margin:16px auto 88px;padding:clamp(32px,8vh,72px) 24px;background:#000e;border:1px solid #ffffff24;border-radius:18px;color:#fff;gap:30px}.join-mark{font-size:32px;color:#fff}.phone-page .join-steps .join-intro{color:#fff;font-size:18px;line-height:1.5}.phone-page .join-steps .primary{background:#f19100;border-color:#f19100;color:#111}.phone-page .join-steps .secondary{background:transparent;border-color:#ffffff80;color:#fff}.phone-page .join-step-note{color:#bdbdbd}.phone-page .join-steps #phone-error{color:#ffb39f}.phone-page .phone-credit{display:flex;flex-direction:column;gap:8px;color:#fff;font-weight:500}.phone-credit a:last-child{text-decoration:underline;text-underline-offset:3px}.joined .phone-credit{display:none}.online-list{display:grid;gap:9px;margin-top:20px;max-height:52vh;overflow:auto}.online-project-row{display:grid;grid-template-columns:1fr 34px;gap:6px}.online-project{display:grid;grid-template-columns:1fr auto;gap:5px 15px;text-align:left;border:1px solid var(--line);background:#f3f6ed;color:var(--ink);border-radius:8px;padding:13px 15px;cursor:pointer}.online-project:hover{border-color:#9aaa7e;background:#eef3e6}.online-project strong{font-size:12px}.online-project span{grid-column:1;font-size:10px;color:#728065}.online-project small{grid-column:2;grid-row:1/3;align-self:center;color:#89947c;font-size:9px}.online-project:disabled{opacity:.55}.online-delete{border:1px solid var(--line);background:transparent;color:#96766a;border-radius:8px;cursor:pointer;font-size:17px}.online-delete:hover{background:#f5eae5}.auto-panel{padding:24px;margin-bottom:24px;background:linear-gradient(110deg,#f1f6e5,#fcfcf9 65%)}.auto-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.auto-heading .eyebrow{margin-bottom:7px}.auto-heading h2{font-size:23px;letter-spacing:-.7px;font-weight:500}.auto-heading p{font-size:11px;line-height:1.5;margin-top:8px;color:#78836f}.auto-controls{display:grid;grid-template-columns:1.25fr 1fr 1fr;align-items:start;gap:28px}.auto-controls fieldset{border:0;padding:0;margin:0;min-width:0}.auto-palette legend,.auto-speed{font-size:9px;letter-spacing:1.2px;color:#6d7c5e}.auto-palette legend{margin-bottom:12px}#auto-colors{display:flex;flex-wrap:wrap;gap:8px}.auto-color{display:flex;flex-direction:column;align-items:center}.auto-color input{width:36px;height:36px;padding:3px;border:1px solid #d4ddc5;border-radius:7px;background:#fff;cursor:pointer}.auto-color button{font-size:15px;background:transparent;color:#829271;padding:0 10px}.auto-speed select{display:block;width:100%;margin-top:12px;padding:10px;border:1px solid #d4ddc5;border-radius:6px;background:#fbfdf7;font-size:12px;letter-spacing:0}.auto-speed small{display:block;letter-spacing:0;line-height:1.5;font-size:10px;color:#8b9680;margin-top:8px}.auto-action{display:flex;align-items:flex-start;flex-direction:column;gap:5px;padding-top:21px}.auto-action .quiet{white-space:normal;text-align:left;font-size:10px}.auto-action [hidden]{display:none}.auto-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px;padding-top:17px;border-top:1px solid #dfe5d4;font-size:11px;color:#63744f}.auto-bottom label{display:flex;align-items:center;gap:7px}.auto-bottom input{accent-color:#7c964c}.auto-bottom [role=status]{text-align:right;line-height:1.5}.auto-footnote{margin-top:10px;font-size:10px;line-height:1.6;color:#8c9582}#auto-progress{width:100%;height:5px;margin-top:15px;accent-color:#819e4a}@media(max-width:1000px){.auto-controls{grid-template-columns:1fr 1fr}.auto-action{grid-column:1/-1;flex-direction:row;align-items:center;padding-top:0}.auto-bottom{align-items:flex-start;flex-direction:column;gap:10px}.auto-bottom [role=status]{text-align:left}}@media(max-width:500px){.auto-panel{padding:18px}.auto-heading .tiny-badge{font-size:7px;text-align:right}.auto-controls{gap:18px;grid-template-columns:1fr}.auto-action{flex-wrap:wrap}.auto-heading h2{font-size:22px}}