@font-face{font-family:Isenheim Regulier;src:url(/assets/Isenheim_Regulier-BJU2X4qO.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Space Mono;src:url(/assets/SpaceMono-Regular-Ba0nOT4a.ttf) format("truetype");font-weight:400;font-style:normal}:root{color-scheme:dark;font-family:Space Mono,Segoe UI,monospace;font-synthesis:none;--color-primary: #252929;--color-primary-deep: #1d2020;--color-light: #d8d8d8;--color-secondary: #9572b2;--color-secondary-soft: rgba(149, 114, 178, .18);--trace-color: rgba(216, 216, 216, .15);--trace-width: 1px;--trace: var(--trace-width) solid var(--trace-color);--color-muted: rgba(216, 216, 216, .72);--control-font-size: .92rem;--control-height: 2.95rem;--control-radius: 10px;--control-padding-x: .9rem;--select-arrow-offset: .9rem;--select-arrow-space: 2.3rem;background:var(--color-primary);color:var(--color-light);line-height:1.4;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;overflow-x:hidden;background:radial-gradient(circle at top left,var(--color-secondary-soft),transparent 34%),radial-gradient(circle at bottom right,rgba(37,41,41,.4),transparent 38%),linear-gradient(180deg,#222626 0%,var(--color-primary) 100%)}button,input,textarea,option,select{font:inherit;font-weight:400;font-size:var(--control-font-size);line-height:1.2}button{border:none;border-radius:var(--control-radius);background:var(--color-secondary);color:var(--color-primary);min-height:var(--control-height);padding:.78rem var(--control-padding-x);cursor:pointer;font-weight:400;display:inline-flex;align-items:center;justify-content:center;transition:transform .16s ease,opacity .16s ease;-webkit-tap-highlight-color:transparent}button:hover{transform:translateY(-1px)}button:active{transform:translateY(0);opacity:.75}button:disabled{cursor:default;opacity:.5;transform:none}button.secondary-button{background:#252929d1;color:var(--color-light);border:var(--trace)}button.secondary-button:hover,button.secondary-button:active{background:#252929d1}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:1px solid rgba(149,114,178,.5);outline-offset:2px}input[type=number],textarea,select{width:100%;border:var(--trace);border-radius:var(--control-radius);background:#1d2020eb;color:var(--color-light);padding:.78rem var(--control-padding-x);font-weight:400}input[type=number],select{min-height:var(--control-height)}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:var(--select-arrow-space);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%239572b2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--select-arrow-offset) center;background-size:.75rem auto}textarea{resize:vertical;min-height:5rem;max-height:10rem}input::placeholder,textarea::placeholder{color:var(--color-muted);opacity:1;font-weight:400}input[type=range]{accent-color:var(--color-secondary)}input[type=range]{width:100%}#root{min-height:100vh;min-height:100dvh}.app-shell{display:flex;flex-direction:column;width:100%;min-height:100vh;min-height:100dvh}.sidebar{display:flex;flex-direction:column;gap:1.5rem;min-width:0;padding:clamp(1rem,2vw,2rem);background:linear-gradient(180deg,rgba(149,114,178,.08),transparent 28%),#252929f0;border-right:var(--trace)}.preview-label{font-family:Isenheim Regulier,serif;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;color:var(--color-secondary)}h1{margin:0;font-size:2rem;line-height:1}.brand-block{display:flex;flex-direction:column;gap:.25rem}.brand-logo{display:block;width:min(100%,320px);height:auto}.brand-subtitle{font-family:Isenheim Regulier,serif;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:var(--color-secondary);white-space:nowrap}.intro,.preview-note,.seed-note{margin:.75rem 0 0;color:var(--color-muted);font-weight:400}.preview-links{color:var(--color-light);line-height:1.5}.preview-links a{color:var(--color-secondary);text-decoration:none}.preview-links a:hover{color:var(--color-light)}.preview-links a:focus-visible{outline:var(--trace);outline-offset:2px;border-radius:6px}.control-stack{display:grid;grid-template-columns:1fr;gap:1rem}.field-group,.control-row{display:flex;flex-direction:column;gap:.55rem;min-width:0}.field-group span,.control-top{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:.75rem;color:var(--color-light);font-weight:400}.field-feedback{font-size:.76rem;line-height:1.45}.field-feedback-error{color:var(--color-light)}.color-picker{display:flex;flex-direction:column;gap:.4rem}.color-picker .control-label{font-size:.82rem;color:var(--color-light);opacity:.7}.color-swatches{display:flex;gap:.5rem}.color-swatch{width:28px;height:28px;min-width:28px;min-height:28px;aspect-ratio:1;border-radius:50%;border:2px solid transparent;padding:0;cursor:pointer;transition:border-color .15s,transform .15s;box-sizing:border-box}.color-swatch:hover{transform:scale(1.12)}.color-swatch-active{border-color:var(--color-light)}.color-swatch-invert{background:linear-gradient(135deg,#252929 50%,#d8d8d8 50%);background-clip:padding-box;overflow:hidden}.color-swatch-invert:hover{background:linear-gradient(135deg,#d8d8d8 50%,#252929 50%);background-clip:padding-box;transform:scale(1.12)}.button-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:auto;align-items:end}.purpose-button{width:100%}.export-menu{position:relative}.export-trigger{width:100%}.export-dropdown{position:absolute;right:0;bottom:calc(100% + .5rem);width:100%;min-width:9.75rem;padding:.35rem;display:grid;gap:.35rem;background:#1d2020fa;border:var(--trace);border-radius:calc(var(--control-radius) + 2px);z-index:10}.export-option{width:100%;min-height:calc(var(--control-height) - .35rem);background:#252929eb;color:var(--color-light);border:var(--trace)}.export-option:hover{background:#373b3bf5}.preview-panel{display:flex;flex-direction:column;min-width:0;min-height:0;padding:clamp(1rem,2.4vw,2rem);gap:1rem}.preview-header{display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:1rem}.svg-frame{flex:1;width:100%;min-height:clamp(260px,54vh,620px);display:flex;align-items:center;justify-content:center;padding:clamp(.6rem,1.8vw,1rem)}.svg-preview{width:min(100%,72vh,760px);max-width:760px;aspect-ratio:1;margin-inline:auto}.svg-preview svg{display:block;width:100%;height:100%;background:var(--color-primary);border:var(--trace);border-radius:24px}@media (min-width: 980px){.app-shell{display:grid;grid-template-columns:clamp(280px,28vw,340px) minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;height:100dvh;border-right:var(--trace);border-bottom:none}}@media (max-width: 979px){.sidebar{border-right:none;border-bottom:var(--trace)}.preview-panel{min-height:auto}.svg-frame{min-height:min(76vw,720px)}}@media (max-width: 979px){.control-stack{grid-template-columns:1fr}}@media (min-width: 980px) and (max-height: 900px){:root{--select-arrow-offset: .72rem;--select-arrow-space: 2.05rem}.app-shell{grid-template-columns:clamp(256px,26vw,300px) minmax(0,1fr)}.sidebar,.preview-panel{padding:.85rem}.sidebar{gap:.95rem}.control-stack{grid-template-columns:1fr;gap:.55rem}.field-group,.control-row{gap:.28rem}.field-group span,.control-top,.intro,.preview-note,.seed-note{font-size:.79rem}.brand-logo{width:min(100%,200px)}button,input[type=number],textarea,select{min-height:2.7rem;padding:.58rem .72rem}textarea{min-height:4rem}.button-row{gap:.5rem}.svg-frame{padding:.7rem;min-height:min(46vh,430px)}}@media (min-width: 980px) and (max-height: 760px){.sidebar,.preview-panel{padding:.75rem}.sidebar{gap:.8rem}.eyebrow,.preview-label{margin-bottom:.3rem;font-size:.68rem}.brand-logo{width:min(100%,176px)}.control-stack{gap:.42rem}.field-group,.control-row{gap:.2rem}.field-group span,.control-top,.intro,.preview-note,.seed-note{font-size:.74rem}.button-row{gap:.45rem}.svg-frame{min-height:min(40vh,340px)}.svg-preview{width:min(100%,48vh,420px)}}@media (max-width: 720px){.control-stack{grid-template-columns:1fr}h1{font-size:clamp(1.65rem,7vw,2rem)}.button-row{grid-template-columns:1fr}.preview-header{flex-direction:column;align-items:flex-start}.svg-frame{border-radius:22px;min-height:min(88vw,560px)}.svg-preview svg{border-radius:18px}}@media (max-width: 480px){.sidebar,.preview-panel{padding:1rem}.eyebrow,.preview-label{letter-spacing:.14em}.field-group span,.control-top,.intro,.preview-note,.seed-note{font-size:.95rem}.brand-logo{width:min(100%,250px)}button{min-height:2.75rem;padding:.65rem .82rem}.svg-frame{padding:.75rem;border-radius:18px;min-height:min(92vw,420px)}}.mobile-only{display:none}.desktop-only{display:flex}.mobile-bar{display:none}@media (max-width: 979px){.sidebar{display:none}.desktop-only{display:none!important}.mobile-only{display:flex!important}.app-shell{min-height:100vh;min-height:100dvh;position:relative}.preview-panel{flex:1;min-height:100vh;min-height:100dvh;padding:0 .75rem 8.5rem}input[type=text],input[type=email],input[type=number],textarea,select,.mobile-header .field-group span{font-size:16px}.mobile-header{display:flex;flex-direction:column;gap:.5rem;padding:.75rem 0 0}.mobile-header .mobile-header-top{margin-bottom:.5rem}.mobile-header-top{display:flex;align-items:center;justify-content:space-between;width:100%}.mobile-header .brand-block{flex-direction:row;align-items:baseline;gap:.4rem}.mobile-header .brand-logo{width:min(100%,120px);margin-bottom:0}.mobile-header .brand-subtitle{font-size:.6rem;letter-spacing:.1em}.info-button{width:24px;height:24px;min-height:24px;min-width:24px;padding:0;border-radius:50%;background:transparent;color:var(--color-muted);font-family:Isenheim Regulier,serif;font-size:.72rem;font-style:italic;display:flex;align-items:center;justify-content:center;border:1px solid rgba(216,216,216,.25)}.info-button:hover,button.info-button:active{background:transparent;border-color:#d8d8d873;transform:none;opacity:1}.mobile-header .field-group,.mobile-header .control-row{gap:.3rem;width:100%}.mobile-header textarea{min-height:2.8rem}.mobile-header .purpose-button{min-height:2.2rem;font-size:.8rem;padding:.35rem .75rem;width:100%}.svg-frame{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:.35rem 0}.svg-preview{width:100%;max-width:none}.mobile-bar{display:flex;flex-direction:column;position:fixed;bottom:0;left:0;right:0;z-index:100;background:linear-gradient(180deg,rgba(149,114,178,.06),transparent 40%),#1d2020fa;border-top:var(--trace);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding-bottom:env(safe-area-inset-bottom,0)}.bar-panel{padding:.5rem .75rem;border-bottom:1px solid rgba(149,114,178,.12)}.bar-panel .field-group,.bar-panel .control-row{gap:.3rem}.bar-panel .field-group span,.bar-panel .control-top{font-size:.78rem}.bar-panel input[type=number],.bar-panel select{font-size:.85rem;min-height:2.4rem;padding:.4rem .7rem}.bar-tabs{display:flex;gap:0;padding:.3rem .5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.bar-tabs::-webkit-scrollbar{display:none}.bar-tab{flex:1;min-width:0;min-height:auto;padding:.4rem .3rem;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;background:none;color:var(--color-muted);border:none;border-radius:6px;white-space:nowrap}.bar-tab:hover{background:#9572b21a;transform:none}button.bar-tab:active{background:#9572b21a;opacity:1}.bar-tab-active{background:#9572b22e;color:var(--color-secondary)}.bar-tab-active:hover,button.bar-tab-active:active{background:#9572b238}.bar-toolbar{display:flex;align-items:center;gap:.4rem;padding:.35rem .5rem .45rem}.bar-toolbar .color-swatches{flex:1;justify-content:center;gap:.3rem;min-width:0}.bar-toolbar .color-swatch{width:22px;height:22px;min-width:22px;min-height:22px}.bar-action,.bar-toolbar .export-trigger{font-size:.72rem;min-height:1.9rem;padding:.3rem .55rem;white-space:nowrap;flex-shrink:0}.bar-toolbar .export-dropdown{bottom:calc(100% + .4rem)}}.info-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0000008c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center}.info-modal-wrap{display:contents}.info-close{position:fixed;top:1rem;right:1rem;z-index:201;width:auto;height:auto;min-height:auto;min-width:auto;padding:0;border-radius:0;background:none;color:var(--color-light);font-size:1.5rem;line-height:1;border:none}.info-close:hover{background:none;transform:none}.info-close:active{background:none;opacity:.6}.info-popover{width:100%;padding:1.4rem 1.3rem;background:var(--color-primary);border:var(--trace);border-radius:16px;box-shadow:0 12px 48px #00000080;text-align:center}.info-popover p{margin:0 0 .6rem;font-size:.82rem;color:var(--color-muted);line-height:1.5}.info-popover p:first-of-type{color:var(--color-light);font-weight:400}.info-popover p:last-child{margin-bottom:0}.info-popover a{color:var(--color-secondary);text-decoration:none}.info-popover a:hover{color:var(--color-light)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal{background:var(--color-primary);border:var(--trace);border-radius:16px;padding:2rem 2.2rem;max-width:400px;width:90vw;box-shadow:0 12px 48px #00000080}.modal-title{font-family:Isenheim Regulier,serif;font-size:1.1rem;font-weight:400;color:var(--color-light);margin:0 0 .6rem;text-transform:uppercase;letter-spacing:.08em}.modal-description{font-size:.85rem;color:var(--color-muted);line-height:1.5;margin:0 0 1.4rem}.modal-form{display:flex;flex-direction:column;gap:1.2rem}.modal-form input[type=email]{width:100%;box-sizing:border-box}.modal-consent{display:flex;align-items:flex-start;gap:.55rem;cursor:pointer;font-size:.78rem;color:var(--color-muted);line-height:1.45}.modal-consent input[type=checkbox]{flex-shrink:0;width:16px;height:16px;margin-top:1px;accent-color:var(--color-secondary);cursor:pointer}.modal-consent a{color:var(--color-secondary);text-decoration:underline;text-underline-offset:2px}.modal-consent a:hover{color:var(--color-light)}.modal-actions{display:flex;flex-direction:column;gap:.6rem}.modal-submit{width:100%;background:var(--color-secondary);color:var(--color-primary);font-weight:600;border:none;border-radius:var(--control-radius);padding:.75rem 1rem;font:inherit;font-size:.92rem;cursor:pointer;transition:opacity .15s}.modal-submit:hover:not(:disabled){opacity:.88}.modal-submit:disabled{opacity:.55;cursor:not-allowed}.modal-skip{width:100%;background:none;border:none;color:var(--color-muted);font:inherit;font-size:.82rem;cursor:pointer;padding:.5rem;transition:color .15s}.modal-skip:hover{color:var(--color-light);background:none}