.studio-shell{--black:#11100e;--paper:#e8e0d3;--copper:#b87333;min-height:100vh;background:var(--paper);color:var(--black);font-family:Arial,Helvetica,sans-serif;padding:0 5vw 2rem}.studio-header{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #9f9689;font-size:11px;letter-spacing:.12em}.studio-brand{font-weight:800}.studio-brand span{font-weight:400;color:#665e55}.studio-status{display:flex;align-items:center;gap:8px}.studio-status i{width:7px;height:7px;background:#62785e;border-radius:50%}.studio-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #9f9689}.studio-tabs button{padding:18px;text-transform:uppercase;letter-spacing:.14em;font-size:12px;cursor:pointer;border-right:1px solid #9f9689!important}.studio-tabs button:last-child{border-right:0!important}.studio-tabs button.active{background:var(--black);color:var(--paper)}.studio-panel{max-width:860px;margin:0 auto;padding:52px 0 38px}.studio-kicker{text-align:center;font-size:10px;letter-spacing:.22em;color:#655e56;margin-bottom:28px}.tempo-readout{display:grid;grid-template-columns:80px 1fr 80px;align-items:center;text-align:center}.tempo-readout button{font-size:40px;cursor:pointer;color:#655e56}.tempo-readout strong{font-family:Georgia,serif;font-size:clamp(80px,16vw,164px);line-height:.8;font-weight:400;font-variant-numeric:tabular-nums}.tempo-readout span{display:block;font-size:10px;letter-spacing:.18em;margin-top:20px}.tempo-slider{width:100%;margin:42px 0 22px;accent-color:var(--copper)}.beat-grid{display:flex;justify-content:center;gap:10px;height:18px}.beat-grid i{display:block;width:8px;height:8px;background:#aaa196;border-radius:50%;transition:transform .06s,background .06s}.beat-grid i.accent{border:1px solid var(--copper);background:transparent}.beat-grid i.on{background:var(--black);transform:scale(1.7)}.beat-grid i.accent.on{background:var(--copper)}.studio-controls{display:grid;gap:1px;background:#9f9689;border:1px solid #9f9689;margin-top:38px}.studio-controls.three{grid-template-columns:repeat(3,1fr)}.studio-controls.two{grid-template-columns:repeat(2,1fr)}.studio-controls label{background:var(--paper);padding:14px 16px;font-size:9px;letter-spacing:.15em}.field-button,.studio-controls input,.studio-controls select{display:block;width:100%;margin-top:9px;font-size:15px;letter-spacing:0;cursor:pointer}.studio-controls select{background-position:100%}.studio-actions{display:grid;grid-template-columns:1fr 2fr;gap:12px;margin-top:22px}.studio-actions.single{grid-template-columns:1fr}.studio-actions button{min-height:58px;font-size:12px;letter-spacing:.15em;cursor:pointer}.studio-actions .primary{background:var(--black);color:var(--paper)}.studio-actions .secondary{border:1px solid var(--black)!important}.studio-actions kbd{margin-left:14px;font-size:8px;border:1px solid #777;padding:4px 7px}.segmented{display:flex;justify-content:center;margin-bottom:44px}.segmented button{border:1px solid #9f9689!important;padding:10px 22px;font-size:10px;letter-spacing:.12em;cursor:pointer}.segmented button.active{background:var(--black);color:var(--paper)}.timer-readout{text-align:center;font-family:Georgia,serif;font-size:clamp(72px,15vw,145px);font-variant-numeric:tabular-nums;line-height:1}.preset-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:#9f9689;border:1px solid #9f9689;margin-top:44px}.preset-grid button{background:var(--paper);padding:17px 6px;font-size:9px;letter-spacing:.08em;cursor:pointer}.preset-grid button:hover{background:var(--black);color:var(--paper)}.tuner-gauge{margin:20px auto 38px;max-width:720px}.tuner-scale{display:flex;justify-content:space-between;font-size:9px;color:#655e56}.tuner-track{position:relative;height:42px;border-bottom:1px solid var(--black);background:repeating-linear-gradient(90deg,transparent,transparent calc(10% - 1px),#aaa196 calc(10% - 1px),#aaa196 10%)}.tuner-track:after{content:"";position:absolute;left:50%;height:42px;border-left:2px solid var(--copper)}.tuner-track i{position:absolute;bottom:-8px;width:2px;height:58px;background:var(--black);transition:left .12s ease}.note-readout{text-align:center}.note-readout strong{font-family:Georgia,serif;font-size:clamp(86px,16vw,155px);line-height:.85;font-weight:400}.note-readout span{display:block;margin-top:22px;font-size:11px;letter-spacing:.08em;color:#655e56}.note-readout.in-tune strong{color:#526b4d}.privacy-note{text-align:center;font-size:11px;color:#655e56;margin:20px 0}.studio-footer{display:flex;justify-content:space-between;border-top:1px solid #9f9689;padding-top:18px;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#655e56}@media(max-width:640px){.studio-shell{padding:0 18px}.studio-header{height:56px}.studio-status{display:none}.studio-panel{padding-top:36px}.studio-controls.three,.studio-controls.two{grid-template-columns:1fr}.tempo-readout{grid-template-columns:45px 1fr 45px}.preset-grid{grid-template-columns:repeat(4,1fr)}.studio-actions{grid-template-columns:1fr}.studio-footer{gap:10px;flex-wrap:wrap}.studio-tabs button{padding:15px 4px}}@media(prefers-reduced-motion:reduce){.beat-grid i,.tuner-track i{transition:none}}.studio-controls.four{grid-template-columns:repeat(4,1fr)}@media(max-width:800px){.studio-controls.four{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.studio-controls.four{grid-template-columns:1fr}}