:root{font-family:Arial,Helvetica,sans-serif;color:#ece6da;background:#181b29;font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select{cursor:pointer}button{background:#242a3b;border:1px solid #41465a;color:#f6edda;border-radius:7px;min-height:42px;padding:10px 13px;font-size:12px;font-weight:600}button:hover{border-color:#ffac91;background:#303548}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible,summary:focus-visible{outline:3px solid #ffac91;outline-offset:4px}header{padding:26px 3vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #343848}.brand{display:flex;gap:12px;letter-spacing:3px;font-size:10px;line-height:1.5}.brand b{font-size:14px}.logo{color:#ff977c;font-size:32px;line-height:1}.edition,footer{font-size:10px;letter-spacing:2px;color:#9fabc1}.workspace{display:grid;grid-template-columns:250px minmax(350px,650px) 225px;gap:3vw;justify-content:center;padding:42px 3vw;min-height:calc(100dvh - 160px)}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.8px;color:#e99b85;margin:0 0 20px}h1{font-family:Georgia,serif;font-size:44px;line-height:1.04;font-weight:400;letter-spacing:-1.5px;margin:0 0 18px}p{line-height:1.6}.intro{font-size:13px;color:#adb4c6;margin-bottom:30px}section{border-top:1px solid #363a49;padding:20px 0 12px}h2{font-size:13px;margin:0 0 14px}h2 span{color:#e99b85;font-size:10px;margin-right:10px}.tabs{display:flex;gap:5px}.tabs button{flex:1;padding:8px}.selected{background:#eb997e!important;color:#1c2030;border-color:#eb997e}.hint{font-size:11px;color:#aab2c4;line-height:1.65}.quiet{background:none;border:0;padding-left:0;color:#d2bdad}select,input[type=text],input:not([type]){width:100%;background:#222738;color:#f1e7d5;border:1px solid #424758;border-radius:6px;min-height:43px;padding:10px}.check{font-size:12px;display:flex;align-items:center;gap:8px;margin-top:13px;min-height:32px}input[type=checkbox]{accent-color:#ed9b80;width:17px;height:17px}.formula{font:10px/1.7 monospace;color:#c5c5cb;background:#131725;padding:10px;margin-top:12px}details{font-size:11px;color:#aeb5c5;line-height:1.6}summary{cursor:pointer;color:#e0d5c4;min-height:40px;padding-top:10px}.artpanel{align-self:start;min-width:0}.artbar,.caption{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.6px;color:#b8bdc8;align-items:center}.artbar{margin:0 0 18px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#e6b28b;margin-right:9px}.canvaswrap{background:#111523;padding:22px;border:1px solid #3c4051;box-shadow:0 20px 50px #090b1244}canvas{width:100%;display:block;aspect-ratio:1;image-rendering:pixelated;touch-action:none;cursor:crosshair}.caption{padding:15px 0;border-bottom:1px solid #363b4c}.diagnostics{display:flex;gap:35px;padding:24px 0 12px}.diagnostics div{display:flex;flex-direction:column;gap:5px}.diagnostics strong{font:26px Georgia,serif;color:#e3ba94}.diagnostics span{font-size:10px;color:#9faac1}.warning strong{color:#ff8e7a}.status{font-size:11px;color:#aebacf;margin:10px 0}.save{padding-top:4px}.save h2{font:26px Georgia,serif;margin-bottom:26px}.save>label{display:block;font-size:11px;color:#b3b9c9;margin-bottom:9px}.save>button{width:100%;margin-top:10px}.primary{background:#eaa083;border-color:#eaa083;color:#1a2031}.save .hint{margin-top:18px}.note{border-left:2px solid #a97e66;background:#202535;padding:17px;margin:28px 0}.note span{font-size:9px;color:#eeb594;letter-spacing:2px}.note p{font:italic 16px/1.5 Georgia,serif;margin-bottom:0}.privacy{border-top:1px solid #363b4c}.swatches{display:flex;gap:6px}.swatches button{width:32px;min-height:32px;padding:0}.swatches .chosen{outline:2px solid #ff9c7c;outline-offset:2px}footer{display:flex;justify-content:space-between;padding:22px 3vw;border-top:1px solid #343848;font-size:8px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(min-width:1500px){.workspace{padding-top:65px;gap:65px}}@media(max-width:1100px){.workspace{grid-template-columns:220px minmax(300px,1fr);gap:30px}.save{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}.save .eyebrow,.save h2{grid-column:1/-1;margin-bottom:5px}.save .note{margin:10px 0}.save .privacy{grid-column:1/-1}.save>label{grid-column:1/-1}.save>input{grid-column:1/-1}}@media(max-width:650px){header{padding:18px}.edition{display:none}.workspace{display:flex;flex-direction:column;padding:26px 18px;gap:25px}h1{font-size:40px}h1 br{display:none}.intro{margin-bottom:20px}.artpanel{order:-1;width:100%}.canvaswrap{padding:12px}.diagnostics{justify-content:space-between;gap:10px}.save{display:block}.save>label{margin-top:20px}.tabs button{min-height:46px}footer{padding:20px 18px;font-size:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}