*{box-sizing:border-box}html{color-scheme:dark;background:#0d0e16;color:#e9e6f4;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{margin:0}main{width:min(100%,760px);min-height:100svh;margin:auto;padding:18px 18px max(28px,env(safe-area-inset-bottom))}header{display:flex;align-items:center;justify-content:space-between;gap:16px}a{color:#c7bedb;text-decoration:none;font-size:12px;min-height:44px;display:flex;align-items:center}.mark{font-size:26px;color:#f2edff;gap:12px}.mark span{font:10px/1.3 ui-monospace,monospace;letter-spacing:.15em}#stage{width:100%;height:min(55svh,530px);min-height:300px;display:grid;place-items:center;background:radial-gradient(circle,rgba(97,79,149,.07),transparent 66%)}#stage canvas{display:block;width:100%;height:100%}#fallback{text-align:center;font-size:13px}h1{text-align:center;font-size:19px;font-weight:500;letter-spacing:.05em;margin:2px 0 8px}.sub,.note,#status{text-align:center;color:#b4abc6;font-size:12px;line-height:1.5;margin:0 auto 16px;max-width:510px}.controls{max-width:520px;margin:auto}.group{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:11px auto}button{font:inherit;font-size:13px;line-height:1.2;color:#ddd6ed;background:#171622;border:1px solid #443b59;min-height:44px;padding:10px 15px;border-radius:12px}button[aria-pressed=true]{color:#fff;background:#342746;border-color:#9782b7}button:disabled{opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #b1e5f2;outline-offset:3px}fieldset{border:1px solid #302b3e;border-radius:12px;padding:10px 12px 12px;display:flex;flex-wrap:wrap;justify-content:center;gap:11px;font-size:12px;color:#bbb0cd}legend{padding:0 7px;color:#91859f}label{display:inline-flex;align-items:center;gap:4px;min-height:28px}input{accent-color:#aa90d8}.note{margin-top:15px;color:#8f869f}@media(max-width:390px){main{padding:14px}#stage{height:min(48svh,390px);min-height:290px}.group button{flex:1 1 25%}fieldset{gap:7px}}

#layer-list{display:grid;gap:6px;width:100%}.layer-row,.breath-row{display:grid;grid-template-columns:25px 82px minmax(80px,1fr) 40px;align-items:center;gap:7px;min-height:34px;color:#c6bbd6}.layer-row input[type=checkbox]{justify-self:center}.layer-row input[type=range],.breath-row input{width:100%;accent-color:#a79cde}.layer-row output,.breath-row output{text-align:right;color:#9c90b3}.breath-row{grid-template-columns:114px minmax(80px,1fr) 40px;border-top:1px solid #322b42;margin-top:7px;padding-top:8px}.breath-row span{grid-column:1}fieldset{display:block}@media(max-width:390px){.layer-row{grid-template-columns:22px 76px minmax(70px,1fr) 36px;gap:5px}.breath-row{grid-template-columns:106px minmax(70px,1fr) 36px}}