:root{--bg:#eeedf4;--panel:#f7f6fc;--ink:#21182f;--muted:#746a84;--line:#d7d0e1;--accent:#7040da;color-scheme:light}body{background:var(--bg)}#header{background:#eeedf4e8}.studio-head{max-width:1500px;margin:60px auto 35px;display:flex;align-items:end;justify-content:space-between;gap:50px}.studio-head h1{font-size:clamp(48px,6vw,90px);font-weight:450;letter-spacing:-.06em;line-height:.95;margin:20px 0}.studio-head h1 em{font-family:Georgia,serif;font-weight:400;color:var(--accent)}.studio-head>p{max-width:360px;line-height:1.7}.studio{display:grid;grid-template-columns:minmax(0,1fr) 290px;max-width:1500px;margin:auto;gap:20px}.stage{background:#0b0a13;color:#d5c8f1;border-radius:160px 0 0 0;overflow:hidden;display:flex;flex-direction:column;min-height:560px}.stage-top{padding:25px 25px 12px 70px;display:flex;justify-content:space-between;gap:20px;font:11px monospace}.stage canvas{width:100%;height:470px;touch-action:none;cursor:grab}.stage canvas:fullscreen{width:100vw;height:100vh}.stage-controls{display:flex;align-items:center;gap:12px;padding:18px}.stage-controls input{flex:1;min-width:40px}.stage-controls button{color:#ded4f0;background:#20192d;border-color:#40324e}.instrument{display:grid;gap:12px;padding:22px;background:#f8f7fc;border:1px solid var(--line)}.instrument hr{width:100%;border:0;border-top:1px solid var(--line)}.instrument input,.instrument select{width:100%}.file-button{background:var(--accent);color:#fff;text-align:center;padding:12px;cursor:pointer}.file-button input{position:absolute;width:1px;height:1px;opacity:0}.file-button:focus-within{outline:3px solid #21182f}.instrument .primary{background:var(--accent);color:white}.small{font-size:12px;line-height:1.6;color:var(--muted)}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.readouts{max-width:1500px;margin:20px auto;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.readouts>div{padding:25px;border-right:1px solid var(--line)}.readouts small,.readouts strong{display:block}.readouts strong{font-size:26px;margin-top:8px}.process{display:grid;grid-template-columns:repeat(6,1fr);align-items:center;gap:15px;max-width:1500px;margin:60px auto}.process span{font-family:Georgia;font-size:25px}.process p{font-size:13px;line-height:1.6}.work{display:flex;align-items:center;gap:22px;border-top:1px solid var(--line);padding:20px 0}.work>div{flex:1}.work-glyph{font-size:50px;color:var(--accent)}.work h3{margin:0 0 10px}#opening{background:#21182f;color:#ddd1f8}@media(max-width:800px){.studio-head{margin-top:25px;display:block}.studio-head>p{max-width:100%}.studio{grid-template-columns:1fr}.stage{min-height:420px;border-radius:80px 0 0 0}.stage canvas{height:350px}.stage-top{padding-left:40px}.stage-controls{flex-wrap:wrap}.stage-controls input{min-width:140px}.readouts{grid-template-columns:1fr 1fr}.readouts>div{padding:18px}.process{grid-template-columns:1fr 2fr}.instrument{grid-template-columns:1fr 1fr}.instrument>hr,.instrument>.small,.instrument>.two,.instrument>label:not(.file-button),.instrument>#save-status{grid-column:1/-1}}
#main{max-width:1500px;padding:0 35px;margin:auto}@media(max-width:700px){#main{padding:0 20px}}

.work-thumbnail{width:100px;height:70px;object-fit:cover;border-radius:10px}@media(max-width:600px){.work-thumbnail{width:55px;height:55px}}