.design-studio{display:grid;grid-template-columns:320px minmax(0,1fr);gap:28px;align-items:start}.design-panel{border:1px solid #a39bff45;background:linear-gradient(145deg,#1c2040cc,#0d101c);border-radius:22px;padding:26px;box-shadow:0 0 50px #8664ff12}.design-panel h2{font-size:32px;margin:20px 0 28px}.design-panel label:not(.design-check){display:block;font-size:12px;color:#d0d3e5;margin:20px 0 9px}.design-panel input:not([type=checkbox]),.design-panel select{width:100%;min-width:0;background:#101320;color:#fff;border:1px solid #7e83ac66;padding:13px;border-radius:9px;font:inherit;font-size:14px}.design-panel .design-check{display:flex;gap:10px;font-size:12px;margin:24px 0;align-items:center}.design-panel .design-check input{width:17px;height:17px}.design-panel :focus-visible,.design-toolbar button:focus-visible{outline:2px solid #a49aff;outline-offset:4px}.design-next{border-top:1px solid #8b87af44;margin-top:26px;padding-top:24px}.design-next .btn{font-size:12px;width:100%;justify-content:center}.design-next .control{margin-top:16px}.design-stage{min-width:0}.design-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:16px;border:1px solid #a39bff44;border-radius:18px 18px 0 0;background:#171a2c}.design-toolbar>span{font-size:9px;letter-spacing:.1em;color:#c8c6e4}.design-toolbar button{padding:9px;font-size:11px;border:1px solid #7e83ac66;border-radius:7px;background:transparent;color:#dcddeb;cursor:pointer}.design-toolbar button[aria-pressed=true]{background:#c8c0ff;color:#151124}.design-viewport{overflow:auto;padding:18px;background:radial-gradient(ellipse at top,#252a4b,#10121c);border:1px solid #a39bff44;border-top:0;border-radius:0 0 18px 18px}#design-preview{display:block;width:100%;height:760px;border:0;background:#10121c;margin:auto;border-radius:9px}.design-panel p{font-size:13px;line-height:1.7}.design-stage>.tiny{font-size:11px;margin:14px 0}.design-panel .tiny{font-size:11px;color:#b6b9cf}@media(max-width:1100px){.design-studio{grid-template-columns:270px minmax(0,1fr)}}@media(max-width:760px){.design-studio{grid-template-columns:1fr}.design-panel{padding:22px}.design-toolbar{padding:12px}.design-viewport{padding:8px}#design-preview{height:650px}}