:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#223831;background:#f1f0e7;--green:#255e4c;--line:#d7dbd1;--muted:#65756e;--accent:#cce79d}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button{border:1px solid #bdc9bd;border-radius:7px;background:#fffdf6;padding:9px 12px;cursor:pointer;color:inherit}button:hover{border-color:var(--green);background:#f4f8ed}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--green);color:white;border-color:var(--green)}a{color:var(--green)}input:not([type=range]),select{border:1px solid #c3cdc2;border-radius:6px;background:#fffdf8;padding:9px;color:inherit}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:24px 28px;background:#fffdf6}.eyebrow{letter-spacing:.17em;font-size:10px;font-weight:700;color:var(--muted)}h1{margin:5px 0 0;font-size:27px;letter-spacing:-1px}h1 span{font-weight:400;color:var(--muted);margin-left:10px}h2{font-size:16px;margin:0}h3{font-size:14px;margin:0}p{line-height:1.5;margin:10px 0}.small{font-size:12px;color:var(--muted)}.subtle{opacity:.85}.pill{font-size:11px;background:#e8eee1;color:var(--green);padding:7px 10px;border-radius:20px;white-space:nowrap}.pill.bad{background:#ffe0d1;color:#843d24}main{display:grid;grid-template-columns:270px minmax(400px,1fr) 290px;max-width:1600px;margin:auto;min-height:calc(100vh - 140px)}aside,.workspace,.bank{padding:22px;border-right:1px solid var(--line)}.bank{border:0;background:#f8f8ef}.workspace{background:#fffdf8}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.section-head span{font-size:11px;color:var(--muted)}aside input,aside select{width:100%;margin-bottom:10px}.library-actions{display:flex;gap:5px;margin-bottom:14px}.library-actions button{font-size:11px;flex:1}.library-item{display:block;text-align:left;width:100%;padding:12px 10px;margin-bottom:5px;border:1px solid transparent;background:transparent}.library-item strong{display:block;font-size:13px;margin-bottom:3px}.library-item small{font-size:11px;color:var(--muted)}.library-item.active{background:#e6efd9;border-color:#bdd1a6}.library-item .tags{margin-top:5px;font-size:10px;color:#72806c}#library{max-height:calc(100vh - 310px);overflow-y:auto}#library-count{font-size:11px}.title-row{display:flex;align-items:center;gap:10px}#name{font-size:23px;font-weight:650;letter-spacing:-.7px;width:100%;border:0;background:transparent;padding-left:0}#credit{font-size:12px;color:var(--green)}#description{font-size:13px;color:var(--muted);min-height:35px}.editor{border:1px solid var(--line);border-radius:8px;overflow:hidden;margin-top:16px}summary{cursor:pointer;font-size:12px;padding:12px;background:#f5f6ee}summary span{float:right;color:var(--muted);font-size:10px}textarea{display:block;width:100%;min-height:280px;height:33vh;padding:15px 18px;background:#18342c;color:#d7edc2;border:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.6;resize:vertical;tab-size:4;outline-offset:-3px}.error{font-family:monospace;font-size:11px;white-space:pre-wrap;color:#8a371f;background:#ffecde;padding:12px;border-radius:5px;margin-top:8px}.audition{padding-top:24px}.pots{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pot label{font-size:12px;font-weight:600}.pot output{float:right;font-size:10px;color:var(--muted)}.pot small{display:block;font-size:10px;height:32px;overflow:hidden;color:var(--muted);line-height:1.4}input[type=range]{accent-color:var(--green);width:100%;cursor:pointer}.clock{display:block;margin-top:15px;font-size:12px}.clock output{float:right;color:var(--green);font-variant-numeric:tabular-nums}.preview-options{display:flex;align-items:center;gap:8px;margin-top:12px;flex-wrap:wrap}.preview-options label{font-size:11px}.preview-options select{font-size:11px;padding:8px}.players{display:grid;grid-template-columns:1fr 1fr;gap:14px}.players label{font-size:11px;color:var(--muted)}audio{display:block;width:100%;height:35px;margin-top:6px}.wide{width:100%;margin-bottom:10px}#slots{padding:0;list-style:none;min-height:170px}#slots li{display:flex;align-items:center;gap:8px;border:1px solid #d5dfcd;padding:9px;margin-bottom:8px;border-radius:7px;background:#fffef8}#slots li span.number{background:#e6efd9;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;font-size:11px;flex-shrink:0}#slots li .slot-name{flex:1;font-size:12px}#slots li button{padding:3px 5px;font-size:11px;border:0;background:transparent}.install{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}#build-status{font-size:12px}#ready{font-size:12px;margin:10px 0}progress{width:100%;accent-color:var(--green)}pre{font-size:10px;white-space:pre-wrap;max-height:300px;overflow:auto}details{margin-top:12px}footer{display:flex;justify-content:space-between;gap:15px;padding:17px 28px;font-size:10px;color:var(--muted);border-top:1px solid var(--line)}canvas{width:100%;height:60px;margin-top:12px;background:#f0f4e9;border-radius:5px}@media(max-width:1100px){main{grid-template-columns:230px minmax(350px,1fr)}.bank{grid-column:1/-1;border-top:1px solid var(--line)}#slots{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;min-height:0}#slots li{margin:0}.bank .wide{max-width:350px;display:block}.install{max-width:550px}header{padding:18px}h1{font-size:22px}}@media(max-width:650px){main{display:block}aside{border:0}#library{max-height:220px}.workspace{border-top:1px solid var(--line)}h1 span{display:block;font-size:15px;margin:0}header .pill{font-size:10px}.players{display:block}.players label{display:block;margin:8px 0}#slots{grid-template-columns:1fr 1fr}.pots{gap:10px}footer{display:block}footer a{display:block;margin-top:8px}}

.compiler-bar{padding:12px 3vw;display:flex;gap:1rem;justify-content:space-between;align-items:start;font-size:.85rem;background:#e9eee8}.compiler-bar input{width:min(22rem,70vw);margin:8px}.compiler-bar summary{cursor:pointer}