:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#e9eef8;background:#0c1321;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header{padding:22px clamp(18px,4vw,60px);display:flex;gap:14px;align-items:center;border-bottom:1px solid #27364e}h1{font-size:1.28rem;margin:0}h2{font-size:.94rem;margin:4px 0 16px}header p{margin:3px 0;color:#94a7bd;font-size:.81rem}.mark{font-size:36px;color:#a6baff}.tag{margin-left:auto;border:1px solid #40516f;padding:6px 10px;border-radius:16px;font-size:.72rem;color:#a8bbd3}main{display:grid;grid-template-columns:300px minmax(0,1fr);max-width:1560px;margin:auto;gap:20px;padding:24px}.panel,.card,.info{background:#162237;border:1px solid #2b3b55;border-radius:14px;padding:22px}.panel h2:not(:first-child){margin-top:30px}.panel label{display:block;font-size:.88rem;margin:15px 0}input[type=range],input[type=text]{width:100%}input[type=range]{accent-color:#a6baff;margin-top:12px}input[type=text]{padding:10px;background:#0c1321;border:1px solid #41506c;border-radius:8px;margin-top:7px}.upload,button{cursor:pointer;background:#768ef7;color:#091427;border-radius:9px;padding:12px;text-align:center;font-weight:700}.upload input{display:none}button{border:0;width:100%;margin-top:8px}.hint,.info p{color:#a4b5c9;font-size:.78rem;line-height:1.6}.panel output{float:right;color:#c8d5ff}.switch{display:flex;gap:14px}.switch label{margin:0}.workspace{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-content:start}.card canvas{width:100%;height:auto;display:block;border-radius:9px;background:#f0f1f5}.card h2{font-size:1rem}.info{grid-column:1/-1;line-height:1.5;font-size:.88rem}@media(max-width:1000px){main{grid-template-columns:1fr}.workspace{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){main,.workspace{display:block}.panel,.card,.info{margin-bottom:16px}.tag{display:none}}