:root{color-scheme:dark;font-family:Inter,"Segoe UI",sans-serif;background:#0b0910;color:#f0eaf9}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 70% 0,#30134280,transparent 55%);min-height:100vh}header{max-width:1440px;margin:auto;padding:24px 36px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #302239}.brand{display:flex;align-items:center;gap:12px;letter-spacing:2px}.brand img{width:44px;height:44px;object-fit:contain}.brand span{color:#b890ff}.local{font-size:10px;letter-spacing:1.5px;color:#b6a1c9}.local span{margin-left:15px;border:1px solid #4e3860;border-radius:4px;padding:6px 8px}main{max-width:1440px;padding:30px 36px;margin:auto}.eyebrow{font-size:10px;letter-spacing:2px;color:#b18dd7}h1{font-size:48px;font-weight:600;letter-spacing:-2px;margin:13px 0}p{color:#a99bb7;line-height:1.6;font-size:13px}.intro{margin:0 0 28px}h2{font-size:16px;font-weight:600}button,.upload,select,input{font:inherit}button,.upload{border:1px solid #503762;border-radius:7px;padding:11px 16px;background:#24192e;color:#e1c9f8;font-size:12px;font-weight:600;cursor:pointer}button:hover,.upload:hover{background:#392349}.primary{background:#a57aef;color:#160c24;border-color:#b58aFC}.primary:hover{background:#be98fa}button:disabled{opacity:.4;cursor:not-allowed}.upload{position:relative;overflow:hidden}.upload input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.upload:focus-within,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d6baff;outline-offset:3px}.topbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.topbar span{margin-left:auto;font-size:11px;color:#8f819d}#status{min-height:22px;font-size:12px;color:#d2bbeb;padding:8px 0;overflow-wrap:anywhere}.workspace{display:grid;grid-template-columns:260px minmax(0,1fr);border:1px solid #392744;border-radius:12px;overflow:hidden;background:#140e1c}aside{padding:22px;border-right:1px solid #392744}aside h2{margin:0 0 22px}label{display:block;font-size:11px;color:#bba8cb}input:not([type=file]),select{display:block;width:100%;min-width:0;margin:7px 0 16px;border:1px solid #4b355d;background:#100c17;color:#e9dcf5;border-radius:5px;padding:9px;font-size:12px}input[type=color]{height:36px;padding:4px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.hint{font-size:11px;color:#92829f}#add{width:100%;margin-top:5px}.privacy{border-top:1px solid #3a2848;padding-top:18px;margin-top:25px}.privacy strong{font-size:12px;color:#d1b8e8}.privacy p{font-size:11px}.stage{min-height:560px;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden;background-color:#100c15;background-image:linear-gradient(45deg,#1b1423 25%,transparent 25%),linear-gradient(-45deg,#1b1423 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1b1423 75%),linear-gradient(-45deg,transparent 75%,#1b1423 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}canvas{display:block;max-width:100%;max-height:680px;width:auto;height:auto;object-fit:contain;touch-action:none;cursor:crosshair;box-shadow:0 12px 60px #0008}#empty{text-align:center;max-width:280px}#empty span{font-size:72px;color:#8661a8}#empty p{font-size:12px}footer{display:flex;justify-content:space-between;gap:20px;margin-top:20px}footer p{font-size:10px;color:#8f7f9c}[hidden]{display:none!important}@media(max-width:800px){header{padding:18px}.local{font-size:8px}.local span{display:none}main{padding:22px 18px}h1{font-size:38px}.workspace{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid #392744}form{display:grid;grid-template-columns:1fr 1fr;gap:12px}form .hint{grid-column:1/-1}.privacy{margin-top:16px}.stage{min-height:280px;padding:14px}.topbar span{margin:8px 0 0;width:100%}footer{display:block}canvas{max-height:560px}}

a{color:#c9a5fa;text-underline-offset:4px;font-size:12px}a:focus-visible{outline:3px solid #d6baff;outline-offset:4px}.hub-link{margin-left:auto;margin-right:24px}@media(max-width:500px){.local{display:none}.hub-link{margin-right:0}}

.stage{align-items:flex-start}fieldset{border:0;padding:0;margin:0;min-width:0}fieldset legend{font-size:11px;color:#bba8cb;margin-bottom:10px}.stage #empty{padding-top:60px}@media(max-width:800px){fieldset{grid-column:1/-1}}