*{box-sizing:border-box}body{margin:0;background:#faf9f6;color:#201c27;font:15px/1.5 Inter,Arial,sans-serif}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}a{color:inherit;text-decoration:none}header{padding:24px 40px;border-bottom:1px solid #deddd7;display:flex;align-items:center;justify-content:space-between}header a{font-size:20px;font-weight:650}.light{font-weight:400}.slash{padding:0 8px;color:#98939b}.badge,.eyebrow,.stage-meta,.control-heading{font-size:11px;letter-spacing:.09em}.badge{border:1px solid #d8d5cf;padding:6px 10px;border-radius:5px}main{max-width:1600px;padding:46px 40px 0;margin:auto}.intro{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:34px}.eyebrow{margin:0 0 12px;color:#6d6773}h1{font-size:clamp(40px,4.6vw,72px);font-weight:580;letter-spacing:-.065em;line-height:1.05;margin:0}.intro-copy{color:#6d6773;margin:0 0 4px;line-height:1.65}.workbench{display:grid;grid-template-columns:minmax(0,1fr) 340px;border:1px solid #dedbd5;border-radius:16px;overflow:hidden}.canvas-panel{background:#eeece7;display:flex;flex-direction:column;min-width:0;position:relative}.stage-meta{display:flex;justify-content:space-between;gap:12px;padding:23px 27px;color:#68626d}.stage-meta span:last-child{letter-spacing:0;text-transform:none}.artboard{flex:1;display:flex;align-items:center;justify-content:center;min-height:400px;background-image:radial-gradient(#d8d4ce .7px,transparent .7px);background-size:18px 18px}svg{display:block;width:100%;max-width:700px;max-height:680px;aspect-ratio:1;overflow:visible}.stage-bottom{padding:18px 26px;display:flex;align-items:center;justify-content:space-between;color:#716b77;font-size:13px}.stage-bottom button{border:1px solid #ccc7c0;border-radius:30px;background:transparent;padding:10px 20px;color:#201c27;min-width:138px}.stage-bottom button[aria-pressed=true]{background:#201c27;color:white;border-color:#201c27}.controls{background:#fffefa;border-left:1px solid #dedbd5;padding:24px;display:flex;flex-direction:column;gap:10px}.control-heading{display:flex;justify-content:space-between;color:#8c8490;margin-bottom:5px}.controls>label,legend{font-size:13px;font-weight:550}.controls>label:not(.range-label),fieldset{margin-top:13px}textarea,select{width:100%;border:1px solid #dcd8d2;border-radius:7px;background:transparent;padding:10px 12px;min-height:44px}textarea{resize:vertical;min-height:95px;max-height:180px;font-size:22px;font-weight:650;line-height:1.25}.hint,.status{font-size:11px;color:#756e7b;margin:0;line-height:1.5}.status{min-height:34px}.status.error{color:#b33827}fieldset{padding:0;border:0;min-width:0}legend{padding:0;margin-bottom:10px}.shape-pair{display:grid;grid-template-columns:1fr 15px 1fr;align-items:end;gap:10px}.shape-pair label{font-size:11px;color:#756e7b}.shape-pair select{margin-top:4px;color:#201c27;font-size:13px}.shape-pair>span{align-self:center;padding-top:18px}.range-label{display:flex;justify-content:space-between;margin-top:6px}.range-label output{font-weight:400;color:#7a7380;font-size:12px}input[type=range]{width:100%;margin:0;accent-color:#423450;min-height:26px;cursor:pointer}.swatches{display:flex;align-items:center;gap:8px}.swatch{flex:none;width:28px;height:28px;border-radius:50%;border:2px solid white;box-shadow:0 0 0 1px #dcd8d2}.swatch[aria-pressed=true]{box-shadow:0 0 0 2px #201c27}.lilac{background:#c0a5ff}.lime{background:#d8ef8a}.peach{background:#ffc09e}.ink{background:#201c27}.check{display:flex;align-items:center;gap:4px;font-size:11px;margin-left:auto;white-space:nowrap}.check input{accent-color:#201c27}.export{margin-top:16px;background:#201c27;border:0;color:white;border-radius:7px;padding:13px 16px;display:flex;justify-content:space-between;font-size:13px;font-weight:500}footer{display:flex;justify-content:space-between;gap:32px;padding:24px 0 30px;color:#78717e;font-size:12px}footer p{margin:0;max-width:480px}footer strong{color:#443b4e;font-weight:500}footer p:last-child{text-align:right}:focus-visible{outline:3px solid #8461d5;outline-offset:4px}@media(max-width:900px){header{padding:20px 24px}main{padding:34px 24px 0}.workbench{grid-template-columns:minmax(0,1fr) 290px}.controls{padding:20px}.intro-copy{font-size:13px}svg{max-height:580px}.stage-meta{padding:20px 16px;font-size:9px}.artboard{min-height:330px}.stage-bottom{padding:16px}}@media(max-width:680px){header{padding:17px 18px}header a{font-size:17px}.badge{font-size:8px;letter-spacing:.04em;padding:5px}.slash{padding:0 4px}main{padding:28px 16px 0}.intro{display:block;margin-bottom:24px}h1{font-size:46px}.intro-copy{margin-top:15px;font-size:13px}.intro-copy br{display:none}.workbench{grid-template-columns:1fr;border-radius:12px}.artboard{min-height:0}svg{max-height:410px}.controls{border-left:0;border-top:1px solid #dedbd5;padding:22px}.stage-meta{font-size:9px;padding:16px 18px}.stage-bottom{padding:8px 18px 16px}footer{display:block;font-size:11px;padding:20px 0}footer p:last-child{text-align:left;margin-top:14px}.swatch{width:32px;height:32px}.check{font-size:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

@media(max-width:680px){.canvas-panel{position:sticky;top:0;z-index:2;box-shadow:0 1px 0 #dedbd5}.artboard{flex:none}svg{height:240px}.workbench{overflow:clip}.stage-bottom{gap:12px}}

.blob-settings{display:flex;flex-direction:column;gap:8px;padding-top:14px;border-top:1px solid #e6e1da}.blob-settings legend{margin-bottom:0}.blob-actions{display:flex;gap:8px}.secondary{background:transparent;border:1px solid #dcd8d2;border-radius:7px;padding:10px 12px;font-size:12px;min-height:44px}.secondary:disabled,input:disabled{cursor:not-allowed;opacity:.45}.blob-actions button:first-child{flex:1}[hidden]{display:none!important}.hex-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.hex-pair>div{min-width:0}.hex-pair label{font-size:11px;color:#756e7b}.hex-field{display:flex;align-items:center;gap:7px;border:1px solid #dcd8d2;border-radius:7px;padding:0 9px;margin-top:5px}.hex-field span{width:14px;height:14px;border-radius:4px;box-shadow:0 0 0 1px #0002;flex:none}.hex-field input{width:100%;min-width:0;padding:11px 0;background:transparent;border:0;font-size:13px}.hex-field:has([aria-invalid=true]){border-color:#b33827}.hex-error{font-size:11px;line-height:1.4;color:#b33827;margin:5px 0 0}.hex-error:empty{display:none}
@media(min-width:681px){.workbench{overflow:clip;align-items:start;background:#eeece7}.canvas-panel{position:sticky;top:16px}.artboard{min-height:400px;height:min(65vw,680px)}}
#shape-style{margin:5px 0 12px}

.wrap-toggle{margin-left:0;white-space:normal;min-height:32px}#wrap-settings{display:flex;flex-direction:column;gap:8px}#wrap-settings>label:not(.range-label){font-size:12px}#wrap-warning{color:#b33827}#wrap-warning:empty{display:none}