:root{color-scheme:dark;--bg:#121211;--surface:#1b1a19;--surface-raised:#242321;--border:#fffaf017;--border-strong:#fffaf02e;--text:#f6f4f0;--text-muted:#f6f4f0a8;--text-faint:#f6f4f06b;--accent:#f6f4f0;--accent-ink:#121211;--accent-soft:#f6f4f014;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--control-h:44px;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--font-display:"PP Monument Extended", "Inter", sans-serif;--font-body:"Inter", system-ui, sans-serif}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}html,body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;padding:0}#root{min-height:100dvh}@font-face{font-family:PP Monument Extended;src:url(/fonts/PPMonumentExtended-Black.otf)format("opentype");font-weight:900;font-display:swap}@font-face{font-family:Anton;src:url(/fonts/Anton-Regular.ttf)format("truetype");font-display:swap}@font-face{font-family:Bebas Neue;src:url(/fonts/BebasNeue-Regular.ttf)format("truetype");font-display:swap}@font-face{font-family:Archivo Black;src:url(/fonts/ArchivoBlack-Regular.ttf)format("truetype");font-display:swap}@font-face{font-family:Comic Sans MS;src:url(/fonts/ComicSansMS-Regular.ttf)format("truetype");font-display:swap}@font-face{font-family:Impact;src:url(/fonts/Impact-Regular.ttf)format("truetype");font-display:swap}@font-face{font-family:Times New Roman;src:url(/fonts/TimesNewRoman-Regular.ttf)format("truetype");font-display:swap}@font-face{font-family:Agency FB;src:url(/fonts/AgencyFB-Bold.ttf)format("truetype");font-display:swap}@font-face{font-family:Arial Black;src:url(/fonts/ArialBlack-Regular.ttf)format("truetype");font-display:swap}@font-face{font-family:Bank Gothic;src:url(/fonts/BankGothic-Medium.ttf)format("truetype");font-display:swap}@font-face{font-family:"Bauhaus 93";src:url(/fonts/Bauhaus93-Regular.ttf)format("truetype");font-display:swap}@font-face{font-family:Bernard MT Condensed;src:url(/fonts/BernardMTCondensed.ttf)format("truetype");font-display:swap}@font-face{font-family:Bodoni MT Black;src:url(/fonts/BodoniMTBlack-Regular.ttf)format("truetype");font-display:swap}@font-face{font-family:Cooper Black;src:url(/fonts/CooperBlack-Regular.ttf)format("truetype");font-display:swap}@font-face{font-family:Harlow Solid Italic;src:url(/fonts/HarlowSolid-Italic.ttf)format("truetype");font-display:swap}@font-face{font-family:Niagara Solid;src:url(/fonts/NiagaraSolid-Regular.ttf)format("truetype");font-display:swap}@font-face{font-family:OCR A Extended;src:url(/fonts/OCRAExtended-Regular.ttf)format("truetype");font-display:swap}@font-face{font-family:Playbill;src:url(/fonts/Playbill-Regular.ttf)format("truetype");font-display:swap}@font-face{font-family:Rockwell;src:url(/fonts/Rockwell-Bold.ttf)format("truetype");font-display:swap}@font-face{font-family:Stencil;src:url(/fonts/Stencil-Regular.ttf)format("truetype");font-display:swap}@font-face{font-family:"Swiss 721";src:url(/fonts/Swiss721-Black.ttf)format("truetype");font-display:swap}@font-face{font-family:TV Patrol Gothic;src:url(/fonts/TVPatrolGothic-Regular.ttf)format("truetype");font-display:swap}@font-face{font-family:Vineta BT;src:url(/fonts/VinetaBT-Regular.ttf)format("truetype");font-display:swap}.token-app{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.token-header{opacity:1;max-height:120px;transition:max-height .42s var(--ease-out-expo), opacity .3s var(--ease-out-expo), padding .42s var(--ease-out-expo);align-items:center;gap:16px;padding:28px 40px 0;display:flex;overflow:hidden}.token-header__back{border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:44px;height:44px;color:var(--text);background:var(--surface-raised);transition:border-color .16s var(--ease-out-expo), background .16s var(--ease-out-expo);flex-shrink:0;justify-content:center;align-items:center;display:flex}.token-header__back:hover{border-color:var(--accent)}.token-header__title{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;margin:0;font-size:22px;font-weight:900}.token-header__subtitle{color:var(--text-muted);margin:6px 0 0;font-size:14px}.token-header>div{min-width:0}.token-header__celebrate{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--text);transition:border-color .16s var(--ease-out-expo), background .16s var(--ease-out-expo);flex-shrink:0;margin-left:auto;padding:10px 16px;font-size:13px;font-weight:600}.token-header__celebrate:hover{border-color:var(--accent)}.token-layout{min-height:0;transition:grid-template-columns .56s var(--ease-out-expo), gap .56s var(--ease-out-expo), padding .56s var(--ease-out-expo);flex:1;grid-template-columns:minmax(0,1.3fr) minmax(340px,420px);gap:24px;padding:24px 40px 40px;display:grid}.token-stage{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);opacity:0;min-height:480px;animation:token-stage-reveal .48s var(--ease-out-expo) forwards;transition:border-radius .56s var(--ease-out-expo), border-color .56s var(--ease-out-expo);position:relative;overflow:hidden;transform:scale(.98)}@keyframes token-stage-reveal{to{opacity:1;transform:scale(1)}}.token-stage canvas{width:100%;height:100%;display:block}.token-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);opacity:1;min-height:0;transition:opacity .32s var(--ease-out-expo);flex-direction:column;gap:24px;padding:24px;display:flex;overflow:hidden}.token-steps{flex-direction:column;flex:1;gap:26px;min-height:0;display:flex;overflow:hidden auto}.token-step{flex-direction:column;gap:26px;min-height:0;display:none}.token-step[data-active=true]{flex:none;display:flex}.token-mobile-nav{flex-direction:column;flex-shrink:0;gap:10px;display:flex}.token-mobile-nav__dots{justify-content:center;gap:8px;display:flex}.token-mobile-nav__dot{background:var(--border-strong);width:7px;height:7px;transition:background .16s var(--ease-out-expo);border-radius:50%}.token-mobile-nav__dot[data-active=true]{background:var(--accent);border-radius:4px;width:18px}.token-mobile-nav__dot[data-done=true]{background:var(--text-muted)}.token-mobile-nav__row{justify-content:space-between;align-items:center;gap:10px;display:flex}.token-mobile-nav__row .token-button{flex:1}.token-mobile-nav__row .token-button:first-child:not(:last-child){flex:none}.token-stepper{flex-shrink:0;gap:4px;margin:0;padding:0;list-style:none;display:flex}.token-stepper__item{flex:1;min-width:0}.token-stepper__button{border:0;border-bottom:2px solid var(--border);width:100%;min-height:40px;color:var(--text-faint);cursor:pointer;transition:color .16s var(--ease-out-expo), border-color .16s var(--ease-out-expo);background:0 0;justify-content:center;align-items:center;gap:8px;padding:0 8px;font-size:13px;font-weight:500;display:flex}.token-stepper__button:hover{color:var(--text)}.token-stepper__item[data-done=true] .token-stepper__button{color:var(--text-muted);border-color:var(--border-strong)}.token-stepper__item[data-active=true] .token-stepper__button{color:var(--text);border-color:var(--accent);font-weight:600}.token-stepper__num{font-variant-numeric:tabular-nums;border:1px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;display:inline-flex}.token-stepper__item[data-active=true] .token-stepper__num{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}@media (width<=420px){.token-stepper__button{flex-direction:column;gap:3px;padding:4px 0;font-size:11.5px}}.token-section{flex-direction:column;gap:12px;display:flex}.token-section__label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:11.5px;font-weight:600}@media (width>=901px){.token-section__label--mobile-only{display:none}}.token-field{flex-direction:column;gap:6px;display:flex}.token-subsection{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised);flex-direction:column;gap:10px;padding:14px;display:flex}.token-subsection__label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:600}.token-subsection__heading{align-items:center;gap:6px;display:flex}.token-field__row{justify-content:space-between;align-items:center;display:flex}.token-field__row label{color:var(--text);font-size:13px}.token-field__value{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:13px}.token-quote-summary{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised);flex-direction:column;gap:8px;margin:0;padding:14px;display:flex}.token-quote-summary__row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.token-quote-summary__row dt{color:var(--text-muted);flex-shrink:0;font-size:13px}.token-quote-summary__row dd{color:var(--text);text-align:right;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;overflow:hidden}input[type=range]{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;outline:none;width:100%;height:22px}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--fill,0%), var(--border-strong) var(--fill,0%));border-radius:999px;height:4px}input[type=range]::-moz-range-track{background:linear-gradient(to right, var(--accent) var(--fill,0%), var(--border-strong) var(--fill,0%));border-radius:999px;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text);cursor:pointer;width:20px;height:20px;transition:background .16s var(--ease-out-expo), transform .16s var(--ease-out-expo);border:0;border-radius:50%;margin-top:-8px;box-shadow:0 1px 6px #00000080}input[type=range]::-moz-range-thumb{background:var(--text);cursor:pointer;width:20px;height:20px;transition:background .16s var(--ease-out-expo);border:none;border-radius:50%}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15)}input[type=range]:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:999px}input[type=range]:hover::-webkit-slider-thumb,input[type=range]:focus::-webkit-slider-thumb,input[type=range]:hover::-moz-range-thumb,input[type=range]:focus::-moz-range-thumb{background:var(--accent)}.token-input,.token-textarea{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);font-family:var(--font-body);transition:border-color .16s var(--ease-out-expo);outline:none;padding:9px 11px;font-size:16px}.token-input:focus,.token-textarea:focus{border-color:var(--accent)}.token-input:invalid:not(:placeholder-shown){border-color:#d64545}.token-font-select{position:relative}.token-font-select__trigger{cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:8px;display:flex}.token-font-select__chevron{color:var(--text-muted);transition:transform .16s var(--ease-out-expo);flex-shrink:0}.token-font-select__chevron[data-open=true]{transform:rotate(180deg)}.token-font-select__list{z-index:20;background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-sm);max-height:260px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #00000059}.token-font-select__option{text-align:left;border-radius:var(--radius-sm);width:100%;min-height:44px;color:var(--text);cursor:pointer;background:0 0;border:none;padding:10px 11px;font-size:16px;display:block}.token-font-select__option:hover{background:var(--surface)}.token-font-select__option[data-active=true]{background:var(--accent-soft);color:var(--accent)}.token-font-select__contact{border-top:1px solid var(--border);color:var(--text-muted);margin-top:4px;padding:10px 11px;font-size:12px;line-height:1.4}.token-materials{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;display:grid}.token-swatch{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);min-height:44px;color:var(--text);cursor:pointer;transition:border-color .16s var(--ease-out-expo), background .16s var(--ease-out-expo);flex-direction:column;justify-content:flex-start;align-items:center;gap:8px;padding:12px 6px 10px;display:flex}.token-swatch:hover{border-color:var(--border-strong)}.token-swatch[data-active=true]{border-color:var(--accent);background:var(--accent-soft)}.token-swatch:focus-visible,.token-tab:focus-visible,.token-button:focus-visible,.token-stepper__button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.token-swatch__circle{width:40px;height:40px;transition:transform .16s var(--ease-out-expo);border-radius:50%}.token-swatch__label{color:var(--text);text-align:center;font-size:12.5px;line-height:1.25}.token-swatch__circle--hole-none{border:1.5px dashed var(--text-faint);background:0 0}.token-swatch__circle--hole-round{border:1px solid var(--border-strong);background:#fff;position:relative}.token-swatch__circle--hole-round:after{content:"";background:var(--bg);border-radius:50%;width:12px;height:12px;margin:auto;position:absolute;inset:0}.token-swatch__circle--hole-square{border:1px solid var(--border-strong);background:#fff;position:relative}.token-swatch__circle--hole-square:after{content:"";background:var(--bg);border-radius:3px;width:12px;height:12px;margin:auto;position:absolute;inset:0}.token-swatch__circle--contour-radial{border:1px solid var(--border-strong);background:#fff;position:relative}.token-swatch__circle--contour-radial:after{content:"";background:repeating-conic-gradient(var(--border-strong) 0deg 4deg, transparent 4deg 12deg);border-radius:50%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#0000 62%,#000 62% 88%,#0000 88%);mask-image:radial-gradient(circle,#0000 62%,#000 62% 88%,#0000 88%)}.token-swatch__circle--contour-dots{border:1px solid var(--border-strong);background:#fff;position:relative}.token-swatch__circle--contour-dots:after{content:"";width:3px;height:3px;box-shadow:0 -15px 0 0 var(--border-strong), 7.5px -13px 0 0 var(--border-strong), 13px -7.5px 0 0 var(--border-strong), 15px 0 0 0 var(--border-strong), 13px 7.5px 0 0 var(--border-strong), 7.5px 13px 0 0 var(--border-strong), 0 15px 0 0 var(--border-strong), -7.5px 13px 0 0 var(--border-strong), -13px 7.5px 0 0 var(--border-strong), -15px 0 0 0 var(--border-strong), -13px -7.5px 0 0 var(--border-strong), -7.5px -13px 0 0 var(--border-strong);background:0 0;border-radius:50%;margin:-1.5px 0 0 -1.5px;position:absolute;top:50%;left:50%}.token-tabs{border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;overflow:hidden}.token-tab{background:var(--surface-raised);min-height:44px;color:var(--text-muted);cursor:pointer;transition:background .16s var(--ease-out-expo), color .16s var(--ease-out-expo);border:none;flex:1;padding:10px;font-size:13px;font-weight:500}.token-tab[data-active=true]{background:var(--accent);color:var(--accent-ink);font-weight:700}.token-text-list__header{justify-content:space-between;align-items:center;display:flex}.token-text-list__add{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:12px;font-weight:600}.token-text-list{flex-direction:column;gap:4px;display:flex}.token-text-list__item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;min-height:40px;color:var(--text-muted);cursor:pointer;transition:border-color .16s var(--ease-out-expo), color .16s var(--ease-out-expo);justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.token-text-list__item[data-active=true]{border-color:var(--accent);color:var(--text)}.token-text-list__item-label{text-overflow:ellipsis;white-space:nowrap;text-align:left;overflow:hidden}.token-text-list__item-remove{width:22px;height:22px;color:var(--text-muted);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;line-height:1;display:flex}.token-text-list__item-remove:hover{background:var(--surface-raised);color:var(--text)}.token-upload{background:var(--surface-raised);border:1px dashed var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;min-height:44px;transition:border-color .16s var(--ease-out-expo), background .16s var(--ease-out-expo);justify-content:center;align-items:center;gap:8px;padding:14px 12px;display:flex}.token-upload:hover{border-color:var(--accent);background:var(--accent-soft)}.token-upload input{display:none}.token-upload__icon{width:18px;height:18px;color:var(--accent);flex-shrink:0}.token-upload__text{color:var(--text);font-size:13px;font-weight:500}.token-upload__notice{color:var(--text-faint);margin:0;font-size:11px;line-height:1.5}.token-vectorize-preview{flex-direction:column;gap:12px;display:flex}.token-vectorize-preview__canvas{border-radius:var(--radius-sm);background:#fff;justify-content:center;align-items:center;min-height:140px;padding:12px;display:flex}.token-vectorize-preview__canvas svg{width:100%;max-height:160px}.token-vectorize-preview__hint{color:var(--text-muted);margin:0;font-size:12px;line-height:1.5}.token-vectorize-preview__actions{gap:8px;display:flex}.token-vectorize-preview__actions .token-button{flex:1}.token-toggle{cursor:pointer;justify-content:space-between;align-items:center;display:flex}.token-toggle__switch{background:var(--border-strong);width:34px;height:18px;transition:background .16s var(--ease-out-expo);border-radius:999px;position:relative}.token-toggle__switch:after{content:"";background:var(--text);width:14px;height:14px;transition:transform .16s var(--ease-out-expo);border-radius:50%;position:absolute;top:2px;left:2px}.token-toggle[data-active=true] .token-toggle__switch:after{background:var(--accent);transform:translate(16px)}.token-actions{flex-direction:column;gap:10px;display:flex}.token-button{border:1px solid var(--border-strong);background:var(--surface-raised);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;min-height:44px;transition:border-color .16s var(--ease-out-expo), background .16s var(--ease-out-expo);padding:12px 16px;font-size:14px}.token-button:hover{border-color:var(--accent)}.token-checkbox{color:var(--text);cursor:pointer;align-items:center;gap:8px;min-height:44px;font-size:13px;display:flex}.token-checkbox input{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.token-button--primary:hover{filter:brightness(1.08)}.token-button--ghost{border-color:var(--border);color:var(--text-muted);background:0 0}.token-button--ghost:hover{color:var(--text);border-color:var(--accent)}.token-button:disabled{opacity:.5;cursor:not-allowed}.token-form{flex-direction:column;gap:10px;display:flex}.token-form__grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.token-status{color:var(--text-muted);font-size:12px}.token-status[data-tone=success]{color:#6fbf73}.token-status[data-tone=error]{color:#d97a6c}.token-modal-overlay{z-index:100;animation:token-modal-fade .2s var(--ease-out-expo) forwards;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}@keyframes token-modal-fade{0%{opacity:0}to{opacity:1}}.token-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:440px;max-height:90dvh;animation:token-modal-reveal .22s var(--ease-out-expo) forwards;padding:24px;overflow-y:auto;transform:scale(.97)translateY(6px)}@keyframes token-modal-reveal{to{transform:scale(1)translateY(0)}}.token-modal__header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.token-modal__title{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;margin:0;font-size:16px;font-weight:900}.token-modal__close{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-raised);width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:border-color .16s var(--ease-out-expo), color .16s var(--ease-out-expo);justify-content:center;align-items:center;font-size:18px;line-height:1;display:flex}.token-modal__close:hover{border-color:var(--accent);color:var(--text)}.token-position-editor{flex-direction:column;align-items:center;gap:8px;display:flex}.token-position-editor__heading{justify-content:center;align-items:center;gap:6px;width:100%;display:flex}.token-position-editor__svg{aspect-ratio:1;touch-action:none;width:min(240px,100%);overflow:visible}.token-position-editor__grid-line{stroke:var(--border);stroke-width:.005px;transition:stroke .12s var(--ease-out-expo)}.token-position-editor__axis{stroke:var(--border-strong);stroke-width:.008px}.token-position-editor__handle{fill:#0000;stroke:var(--accent);stroke-width:.01px;stroke-dasharray:.02 .02;cursor:grab}.token-position-editor__handle:active{cursor:grabbing}.token-position-editor__preview{pointer-events:none;overflow:visible}.token-position-editor__preview :is(rect,path,circle,ellipse,polygon,polyline){fill:var(--text)!important;stroke:none!important}.token-position-editor__preview-text{fill:var(--text);text-anchor:middle;dominant-baseline:central;pointer-events:none;user-select:none}.token-position-editor__label{fill:var(--text);text-anchor:middle;dominant-baseline:middle;pointer-events:none;user-select:none;font-size:.12px}.token-position-editor__steppers{flex-direction:column;gap:8px;width:100%;display:flex}.token-position-editor__stepper{justify-content:space-between;align-items:center;gap:10px;display:flex}.token-position-editor__stepper-label{color:var(--text-muted);font-size:12px}.token-position-editor__stepper-controls{align-items:center;gap:6px;display:flex}.token-position-editor__stepper-button{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-raised);width:36px;height:36px;color:var(--text);cursor:pointer;transition:border-color .16s var(--ease-out-expo), background .16s var(--ease-out-expo);justify-content:center;align-items:center;font-size:16px;line-height:1;display:flex}.token-position-editor__stepper-button:hover{border-color:var(--accent)}.token-position-editor__stepper-value{color:var(--text);font-variant-numeric:tabular-nums;text-align:center;min-width:38px;font-size:12px}.token-help-tip{border:1px solid var(--border-strong);width:15px;height:15px;color:var(--text-faint);cursor:help;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;line-height:1;display:inline-flex;position:relative}.token-help-tip__bubble{border-radius:var(--radius-sm);background:var(--surface-raised);border:1px solid var(--border-strong);width:max-content;max-width:220px;color:var(--text-muted);text-align:left;opacity:0;pointer-events:none;transition:opacity .14s var(--ease-out-expo), transform .14s var(--ease-out-expo);z-index:20;padding:8px 10px;font-size:11px;line-height:1.4;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px)}.token-help-tip:hover .token-help-tip__bubble,.token-help-tip:focus-visible .token-help-tip__bubble{opacity:1;transform:translate(-50%)}.token-app[data-celebrating=true] .token-header{opacity:0;max-height:0;padding-top:0;padding-bottom:0}.token-app[data-celebrating=true] .token-panel{opacity:0;pointer-events:none}.token-app[data-celebrating=true] .token-layout{grid-template-columns:1fr 0;gap:0;padding:0}.token-app[data-celebrating=true] .token-stage{border-color:#0000;border-radius:0}.token-celebration{pointer-events:none;opacity:0;animation:token-celebration-reveal .6s var(--ease-out-expo) .55s forwards;background:linear-gradient(#0000 60%,#1414148c);flex-direction:column;justify-content:flex-end;align-items:center;padding:48px;display:flex;position:absolute;inset:0}@keyframes token-celebration-reveal{to{opacity:1}}.token-celebration__message{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;color:var(--text);text-align:center;animation:token-celebration-rise .6s var(--ease-out-expo) .6s forwards;margin:0 0 16px;font-size:20px;font-weight:900;transform:translateY(8px)}@keyframes token-celebration-rise{to{transform:translateY(0)}}.token-celebration__actions{gap:12px;display:flex}.token-celebration .token-button{pointer-events:auto}@media (prefers-reduced-motion:reduce){.token-stage,.token-modal,.token-modal-overlay{animation-duration:1ms}}@media (width<=900px){.token-header__subtitle{display:none}.token-header__celebrate{padding:9px 12px;font-size:12px}.token-layout{grid-template-rows:auto 1fr;grid-template-columns:1fr;gap:12px;min-height:0;padding:12px}.token-header{padding:16px 16px 0}.token-header__title{font-size:15px;line-height:1.2}.token-header__subtitle{font-size:13px}.token-stage{height:38dvh;min-height:0;transition:height .56s var(--ease-out-expo), border-radius .56s var(--ease-out-expo), border-color .56s var(--ease-out-expo)}.token-layout{transition:grid-template-rows .56s var(--ease-out-expo), padding .56s var(--ease-out-expo), gap .56s var(--ease-out-expo)}.token-app[data-celebrating=true] .token-layout{grid-template-rows:1fr 0}.token-app[data-celebrating=true] .token-stage{height:100%}.token-panel{gap:16px;padding:18px 16px}.token-step[data-active=true]{min-width:0}.token-form__grid{grid-template-columns:1fr}.token-position-editor__svg{width:min(280px,80vw)}}@media (width<=420px){.token-stage{height:34dvh}}.token-header{padding:20px 32px 0}.token-layout{gap:20px;padding:20px 32px 32px}.token-header__back,.token-header__celebrate{height:var(--control-h);border-color:var(--border);background:var(--surface);border-radius:999px}.token-header__back{width:var(--control-h)}.token-header__celebrate{padding:0 18px}.token-header__back:hover,.token-header__celebrate:hover{border-color:var(--border-strong);background:var(--surface-raised)}.token-header__title{font-size:20px}.token-stage,.token-panel{border-radius:var(--radius-lg);border-color:var(--border)}.token-stage{background:radial-gradient(120% 90% at 50% 40%,#232220,#161615)}.token-panel{gap:20px;padding:20px}.token-tabs{border:1px solid var(--border);background:var(--bg);border-radius:999px;gap:4px;padding:4px}.token-tab{background:0 0;border-radius:999px;min-height:36px;font-weight:500}.token-tab:hover{color:var(--text)}.token-tab[data-active=true]{background:var(--surface-raised);color:var(--text);font-weight:600;box-shadow:0 1px 3px #0006}.token-stepper{background:var(--bg);border:1px solid var(--border);border-radius:999px;gap:4px;padding:4px}.token-stepper__button{border:0;border-radius:999px;min-height:36px}.token-stepper__item[data-done=true] .token-stepper__button{border:0}.token-stepper__item[data-active=true] .token-stepper__button{background:var(--surface-raised);box-shadow:0 1px 3px #0006}.token-stepper__num{width:18px;height:18px;font-size:10.5px}.token-stepper__item[data-done=true] .token-stepper__num{background:var(--text-muted);border-color:var(--text-muted);color:var(--accent-ink)}.token-section{gap:10px}.token-section__label{letter-spacing:.12em;font-size:11px}.token-subsection{border-radius:var(--radius-md);background:var(--surface-raised);border-color:var(--border);gap:12px;padding:16px}.token-subsection__label{letter-spacing:.12em;color:var(--text-muted);font-size:11px}.token-swatch{border-radius:var(--radius-md);background:var(--surface-raised);border:1px solid var(--border);min-height:92px;padding:14px 6px 10px}.token-swatch__circle{flex-shrink:0;width:36px;height:36px}.token-swatch[data-active=true] .token-swatch__circle{transform:none}.token-swatch[data-active=true]{background:var(--accent-soft);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.token-swatch__label{color:var(--text-muted);font-size:12px}.token-swatch[data-active=true] .token-swatch__label{color:var(--text);font-weight:600}.token-swatch__circle--hole-round,.token-swatch__circle--hole-square,.token-swatch__circle--contour-radial,.token-swatch__circle--contour-dots{background:#d9d6cf;border-color:#0000}.token-swatch__circle--hole-round:after,.token-swatch__circle--hole-square:after{background:var(--surface-raised)}.token-button{min-height:var(--control-h);border-color:var(--border-strong);transition:background .16s var(--ease-out-expo), border-color .16s var(--ease-out-expo), opacity .16s;background:0 0;border-radius:999px;padding:0 18px;font-weight:500}.token-button:hover{border-color:var(--text-muted);background:var(--accent-soft)}.token-button--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.token-button--primary:hover{filter:none;background:#fff;border-color:#fff}.token-button:disabled{opacity:.35}.token-input,.token-textarea{border-radius:var(--radius-sm);background:var(--bg);min-height:var(--control-h)}.token-input:focus,.token-textarea:focus{border-color:var(--border-strong);box-shadow:0 0 0 3px var(--accent-soft)}.token-upload{border-radius:var(--radius-sm);background:var(--bg);min-height:52px}.token-upload:hover{border-color:var(--text-muted)}.token-upload__icon,.token-text-list__add{color:var(--text)}.token-text-list__add{border:1px solid var(--border-strong);border-radius:999px;padding:6px 12px}.token-text-list__item{border-radius:var(--radius-sm);background:var(--bg);min-height:var(--control-h)}.token-text-list__item[data-active=true]{border-color:var(--text-muted)}.token-font-select__list{border-radius:var(--radius-md)}.token-font-select__option{border-radius:var(--radius-sm)}.token-font-select__option[data-active=true]{color:var(--text)}.token-position-editor__stepper-button,.token-modal__close{border-radius:999px}.token-quote-summary{border-radius:var(--radius-md);gap:0;padding:4px 16px}.token-quote-summary__row{border-bottom:1px solid var(--border);padding:11px 0}.token-quote-summary__row:last-child{border-bottom:0}.token-modal{border-radius:var(--radius-lg)}.token-toggle[data-active=true] .token-toggle__switch{background:var(--accent)}.token-toggle[data-active=true] .token-toggle__switch:after{background:var(--accent-ink)}input[type=range]::-webkit-slider-thumb{width:18px;height:18px;margin-top:-7px}input[type=range]::-moz-range-thumb{width:18px;height:18px}input[type=range]:hover::-webkit-slider-thumb,input[type=range]:focus::-webkit-slider-thumb{background:#fff}.token-field__row label{font-size:13.5px}@media (width<=900px){.token-header{padding:14px 12px 0}.token-layout{gap:12px;padding:12px}.token-panel{gap:14px;padding:14px}.token-header__back{width:40px;height:40px}.token-header__celebrate{height:40px;padding:0 14px}}.token-materials{grid-template-columns:repeat(var(--n,3), minmax(0, 1fr))}.token-swatch__label{overflow-wrap:anywhere}.token-swatch__circle--contour-radial:after{background:repeating-conic-gradient(#3a3835 0deg 4deg,#0000 4deg 12deg)}.token-swatch__circle--contour-dots:after{box-shadow:0 -15px #3a3835,7.5px -13px #3a3835,13px -7.5px #3a3835,15px 0 #3a3835,13px 7.5px #3a3835,7.5px 13px #3a3835,0 15px #3a3835,-7.5px 13px #3a3835,-13px 7.5px #3a3835,-15px 0 #3a3835,-13px -7.5px #3a3835,-7.5px -13px #3a3835}.token-swatch__circle--contour-dots{width:36px;height:36px}@media (width<=900px){.token-header{align-items:center}.token-header__title{letter-spacing:.01em;font-size:13px}.token-swatch{min-height:84px;padding:12px 2px 8px}.token-swatch__label{font-size:11px}}.token-face{gap:14px}.token-lead{color:var(--text-muted);margin:0;font-size:13.5px;line-height:1.5}.token-field__label{color:var(--text);font-size:13.5px}.token-add-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.token-add{min-height:var(--control-h);border:1px dashed var(--border-strong);border-radius:var(--radius-md);color:var(--text);font:inherit;cursor:pointer;transition:background .16s var(--ease-out-expo), border-color .16s var(--ease-out-expo);background:0 0;justify-content:center;align-items:center;gap:8px;font-size:13.5px;font-weight:500;display:flex;position:relative}.token-add:hover:not(:disabled){background:var(--accent-soft);border-color:var(--text-muted);border-style:solid}.token-add:disabled{opacity:.35;cursor:not-allowed}.token-add input{opacity:0;cursor:pointer;font-size:0;position:absolute;inset:0}.token-add[data-busy=true]{opacity:.6;pointer-events:none}.token-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised);cursor:pointer;transition:border-color .16s var(--ease-out-expo)}.token-card:hover{border-color:var(--border-strong)}.token-card[data-active=true]{border-color:var(--text-muted);cursor:default}.token-card__head{align-items:center;gap:10px;min-height:48px;padding:0 6px 0 14px;display:flex}.token-card__title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13.5px;font-weight:600;overflow:hidden}.token-card__meta{color:var(--text-faint);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.token-card__remove{width:36px;height:36px;color:var(--text-faint);cursor:pointer;background:0 0;border:0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.token-card__remove:hover{background:var(--accent-soft);color:var(--text)}.token-card__body{cursor:default;flex-direction:column;gap:14px;padding:0 14px 16px;display:flex}.token-card>.token-field{padding:0 14px 16px}.token-position-editor{gap:10px}.token-position-editor__svg{width:min(260px,100%)}.token-position-editor__disc{fill:var(--bg);stroke:var(--border-strong);stroke-width:.012px}.token-position-editor__grid-line{stroke:var(--border);stroke-width:.006px}.token-position-editor__grid-line--active{stroke:var(--text);stroke-width:.01px}.token-position-editor__hole{fill:var(--surface-raised);stroke:var(--border-strong);stroke-width:.01px}.token-position-editor__element{cursor:grab;touch-action:none}.token-position-editor__element:active{cursor:grabbing}.token-position-editor__shape{fill:var(--text);pointer-events:none}.token-position-editor__handle{fill:#0000;stroke:#0000;stroke-dasharray:none}.token-position-editor__element:hover .token-position-editor__handle{stroke:var(--border-strong)}.token-position-editor__element[data-selected=true] .token-position-editor__handle{stroke:var(--text-muted);fill:#f6f4f00d}.token-position-editor__hint{color:var(--text-faint);text-align:center;margin:0;font-size:12px}.token-help-tip__bubble{opacity:1;z-index:1000;max-width:min(280px,100vw - 24px);position:fixed;bottom:auto;transform:none}.token-steps{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;margin-right:-20px;padding-right:12px}.token-steps::-webkit-scrollbar{width:8px}.token-steps::-webkit-scrollbar-track{background:0 0}.token-steps::-webkit-scrollbar-thumb{background:var(--border-strong);border:2px solid var(--surface);border-radius:999px}@media (width<=900px){.token-steps{margin-right:-14px;padding-right:6px}}.token-position-editor__curved{fill:var(--text);cursor:pointer}.token-position-editor__curved[data-selected=true]{fill:#fff;filter:drop-shadow(0 0 .02px #fff9)}