*{box-sizing:border-box}body{margin:0;background:#0a0a0f;color:#f4f4f5;font:16px/1.7 system-ui,"Microsoft YaHei",sans-serif}main{max-width:1240px;margin:auto;padding:32px 24px 64px}nav{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 16px}a{color:#b7b6ff}h1{font-size:clamp(32px,5vw,54px);line-height:1.2;margin:12px 0}h2{font-size:21px}.eyebrow{color:#7dd3c0;letter-spacing:.16em;margin-top:40px;font-size:12px}.muted{color:#a6a6b3;font-size:14px}.workspace{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:28px;margin:32px 0}canvas{display:block;width:100%;height:auto;border:1px solid #393945;border-radius:16px;touch-action:none;cursor:grab}form,section{padding:24px;border:1px solid #30303e;border-radius:16px;background:#13131e}label{display:block;margin:14px 0;font-size:14px}textarea,select{display:block;width:100%;margin-top:6px;background:#08080e;color:#fff;border:1px solid #454558;border-radius:8px;padding:10px;font:inherit}input[type=range]{display:block;width:100%;accent-color:#a897ff}button,.button{display:inline-block;border:1px solid #66618e;border-radius:8px;padding:10px 14px;background:#39315d;color:#fff;font:inherit;text-decoration:none;cursor:pointer}button:disabled{opacity:.5;cursor:wait}.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}#status{font-size:13px;color:#b9b2ff}a:focus-visible,button:focus-visible,canvas:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b9b2ff;outline-offset:4px}@media(max-width:760px){.workspace{grid-template-columns:1fr}main{padding:20px 16px}form,section{padding:18px}}