@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:400 700;font-display:swap;src:url("/static/dist/assets/BricolageGrotesque-Variable-C23fTOVi.woff2")format("woff2")}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root,html[data-theme]{--primary:#603;--primary-fg:#fff;--accent:var(--primary);--body-fg:var(--body-loud-color);--body-bg:#fff;--body-quiet-color:#6a6253;--body-loud-color:#1a1814;--header-color:var(--body-quiet-color);--header-branding-color:var(--body-loud-color);--header-bg:var(--app-page-bg);--header-link-color:var(--body-loud-color);--breadcrumbs-fg:var(--body-quiet-color);--breadcrumbs-link-fg:var(--accent);--breadcrumbs-bg:#ebe5d8;--link-fg:var(--accent);--link-hover-color:#52002a;--link-selected-fg:#52002a;--hairline-color:#d6cebd;--border-color:#cdc6b6;--error-fg:#c8402f;--message-success-bg:#e6f2ec;--message-warning-bg:#f8eeda;--message-error-bg:#f9e7e3;--darkened-bg:#f4f0ea;--selected-bg:#1a1814;--selected-fg:#fff;--selected-row:#ebe5d8;--button-fg:var(--body-loud-color);--button-bg:#faf7f0;--button-hover-bg:#ede8dd;--default-button-fg:var(--primary-fg);--default-button-bg:var(--primary);--default-button-hover-bg:#52002a;--close-button-bg:var(--button-bg);--close-button-hover-bg:var(--button-hover-bg);--delete-button-fg:#fff;--delete-button-bg:#c8402f;--delete-button-hover-bg:#a93424;--object-tools-fg:#fff;--object-tools-bg:var(--primary);--object-tools-hover-bg:#52002a;--font-family-primary:"Bricolage Grotesque", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--app-page-bg:#f1ece2;--preview-wall:#e9e9e9;--preview-sheet-dark:#1f2023;--app-warning:#6e4600;--disabled-bg:#d6cebd;--disabled-fg:#5a5346;--backdrop:#1a181480;--app-shadow-sm:0 1px 2px #1f1b1614;--app-card-shadow:0 1px 2px #1f1b160a, 0 12px 32px -8px #1f1b1614;--app-shadow-lg:0 2px 6px #1f1b160d, 0 20px 48px -12px #1f1b162e;--app-radius-lg:24px;--app-radius:14px;--app-radius-sm:8px;--app-radius-check:4px;--type-title:700 24px / normal var(--font-family-primary);--type-section:500 12px / 16px var(--font-family-primary);--type-label:600 13px / normal var(--font-family-primary);--type-field-label:600 11px / normal var(--font-family-primary);--type-field-value:400 15px / normal var(--font-family-primary);--type-hex:400 14px / normal var(--font-family-primary);--type-select:600 14px / normal var(--font-family-primary);--type-key:700 15px / normal var(--font-family-primary);--type-primary-action:700 20px / normal var(--font-family-primary);--type-secondary-action:500 14px / normal var(--font-family-primary);--type-warning:500 12px / 16px var(--font-family-primary);--site-max-width:1080px;--space-tight:4px;--space-field:6px;--space-1:8px;--space-gutter:12px;--space-2:16px;--space-3:24px;--space-preview:32px;--space-4:40px;--space-5:64px;--section-padding-top:10px;--section-padding-bottom:12px;--panel-head-padding-top:14px;--panel-width:600px;--dialog-width:560px;--secondary-copy-width:104px;--checkbox-size:20px;--key-border-width:2px;--chosen-color-width:156px;--control-height:44px;--key-height:48px;--field-height:52px;--key-tall-height:56px;--primary-action-height:60px;--handle-target:44px;--handle-size:14px;--crop-image-max-height:336px}*,:before,:after{box-sizing:border-box}::selection{background-color:color-mix(in srgb, var(--body-loud-color) 20%, transparent)}:focus-visible{outline:2px solid var(--body-loud-color);outline-offset:2px}html{-webkit-text-size-adjust:100%;overscroll-behavior:none}body{min-height:100vh;font-family:var(--font-family-primary);color:var(--body-fg);background-color:var(--app-page-bg);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;font-size:16px;line-height:1.5;display:flex}h1,h2,h3{color:var(--body-loud-color);letter-spacing:-.02em;margin:0 0 var(--space-2);font-weight:700;line-height:1.25}h1{font-size:2rem}p{margin:0 0 var(--space-2)}a{color:var(--link-fg);text-decoration:none}a:hover{color:var(--link-hover-color)}.primary-action{height:var(--primary-action-height);padding:0 var(--space-3);border-radius:var(--app-radius-sm);background:var(--primary);color:var(--primary-fg);font:var(--type-primary-action);cursor:pointer;border:0;flex:1;justify-content:center;align-items:center;display:flex}.primary-action:disabled{background:var(--disabled-bg);color:var(--disabled-fg);cursor:default}.secondary-action{height:var(--control-height);color:var(--body-loud-color);font:var(--type-secondary-action);cursor:pointer;background:0 0;border:0;align-items:center;padding:0;text-decoration:underline;display:inline-flex}.secondary-action:hover{color:var(--body-loud-color)}.secondary-action:disabled,.secondary-action[aria-disabled=true]{color:var(--disabled-fg);cursor:default}.secondary-action.has-icon{gap:var(--space-1)}.secondary-action.has-icon:before{content:"";width:18px;height:18px;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat;background-color:currentColor;flex:none}.icon-circle-help{--icon:url("data:image/svg+xml,%3csvg%20aria-hidden='true'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3ccircle%20cx='12'%20cy='12'%20r='10'/%3e%3cpath%20d='M9.09%209a3%203%200%200%201%205.82%201c0%202-3%203-3%203'/%3e%3cpath%20d='M12%2017h.01'/%3e%3c/svg%3e")}.icon-download{--icon:url("data:image/svg+xml,%3csvg%20aria-hidden='true'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M12%2015V3'/%3e%3cpath%20d='M21%2015v4a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2v-4'/%3e%3cpath%20d='m7%2010%205%205%205-5'/%3e%3c/svg%3e")}.icon-upload{--icon:url("data:image/svg+xml,%3csvg%20aria-hidden='true'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M12%203v12'/%3e%3cpath%20d='m17%208-5-5-5%205'/%3e%3cpath%20d='M21%2015v4a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2v-4'/%3e%3c/svg%3e")}.icon-check{--icon:url("data:image/svg+xml,%3csvg%20aria-hidden='true'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2.5'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M5%2012.5l4.5%204.5L19%207.5'/%3e%3c/svg%3e")}.text-field{min-width:0;height:var(--field-height);padding:0 var(--space-gutter);background:var(--body-bg);border:1px solid var(--border-color);border-radius:var(--app-radius-sm);font:var(--type-field-label);color:var(--body-loud-color);flex-direction:column;justify-content:center;display:flex}.text-field:focus-within{outline:var(--key-border-width) solid var(--body-loud-color);outline-offset:2px}.text-field input{width:100%;height:24px;font:var(--type-field-value);color:var(--body-loud-color);background:0 0;border:0;padding:0}.text-field input:focus-visible{outline:none}.check-toggle{align-items:center;gap:var(--space-1);height:var(--control-height);font:var(--type-label);color:var(--body-loud-color);cursor:pointer;display:flex}.check-toggle input{appearance:none;width:var(--checkbox-size);height:var(--checkbox-size);border:var(--key-border-width) solid var(--body-loud-color);border-radius:var(--app-radius-check);cursor:pointer;background:0 0;flex:none;place-items:center;margin:0;display:grid}.check-toggle input:checked{background:var(--selected-bg)}.check-toggle input:checked:after{content:"";background-color:var(--selected-fg);width:14px;height:14px;-webkit-mask:url("data:image/svg+xml,%3csvg%20aria-hidden='true'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2.5'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M5%2012.5l4.5%204.5L19%207.5'/%3e%3c/svg%3e") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20aria-hidden='true'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2.5'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M5%2012.5l4.5%204.5L19%207.5'/%3e%3c/svg%3e") 50%/contain no-repeat}.check-toggle:has(input:disabled){color:var(--disabled-fg);cursor:default}.check-toggle input:disabled{border-color:var(--disabled-bg);cursor:default}.check-toggle input:disabled:checked{background:var(--disabled-bg)}.check-toggle input:disabled:checked:after{background-color:var(--disabled-fg)}.warning-line{font:var(--type-warning);color:var(--app-warning);margin:2px 0 0}.key{height:var(--key-height);border:var(--key-border-width) solid var(--body-loud-color);border-radius:var(--app-radius-sm);background:var(--button-bg);color:var(--body-loud-color);font:var(--type-label);cursor:pointer;padding:0}.key[aria-pressed=true],.key.is-selected{background:var(--selected-bg);color:var(--selected-fg)}.size-key{width:var(--key-height);font:var(--type-key)}.client-key{padding:0 var(--space-tight);text-align:center;justify-content:center;align-items:center;line-height:16px;display:flex}.image-key{width:64px;height:var(--key-tall-height);border:var(--key-border-width) solid var(--body-loud-color);border-radius:var(--app-radius-sm);background:var(--button-bg);color:var(--body-loud-color);font:var(--type-field-label);cursor:pointer;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:2px;padding:0;display:flex}.image-key img{object-fit:contain;width:26px;height:26px}.image-key img.is-logo{width:40px;height:26px}.image-key img.is-photo{object-fit:cover}.image-key img.is-round{border-radius:50%}.font-select{min-width:0;height:var(--key-height);flex:140px;position:relative}.font-select select{appearance:none;border:var(--key-border-width) solid var(--body-loud-color);border-radius:var(--app-radius-sm);background:var(--button-bg);width:100%;height:100%;color:var(--body-loud-color);font:var(--type-select);cursor:pointer;padding:0 40px 0 10px}.font-select:after{content:"";background-color:var(--body-loud-color);pointer-events:none;width:16px;height:16px;margin:auto 0;position:absolute;top:0;bottom:0;right:14px;-webkit-mask:url("data:image/svg+xml,%3csvg%20aria-hidden='true'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2.5'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='m6%209%206%206%206-6'/%3e%3c/svg%3e") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20aria-hidden='true'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2.5'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='m6%209%206%206%206-6'/%3e%3c/svg%3e") 50%/contain no-repeat}.stepper,.segment{border:var(--key-border-width) solid var(--body-loud-color);border-radius:var(--app-radius-sm);flex:1;min-width:0}.stepper{background:var(--button-bg);font:var(--type-label);justify-content:space-between;align-items:center;display:flex}.stepper button{width:var(--control-height);height:100%;color:inherit;font:700 16px / 1 var(--font-family-primary);cursor:pointer;background:0 0;border:0}.segment{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden}.segment button{background:var(--button-bg);color:var(--body-loud-color);font:var(--type-label);cursor:pointer;border:0}.segment button[aria-pressed=true]{background:var(--selected-bg);color:var(--selected-fg)}.stepper.is-disabled,.segment.is-disabled{border-color:var(--disabled-bg);color:var(--disabled-fg)}.stepper.is-disabled button,.segment.is-disabled button{color:var(--disabled-fg);cursor:default}.segment.is-disabled button[aria-pressed=true]{background:var(--disabled-bg)}.color-block{gap:var(--space-tight);flex-direction:column;display:flex}.color-label{font:var(--type-label);line-height:18px}.color-row{align-items:stretch;gap:var(--space-gutter);display:flex}.swatches{gap:var(--space-tight);flex:1;grid-template-columns:repeat(5,minmax(0,1fr));min-width:0;display:grid}.swatch{height:var(--control-height);border-radius:var(--app-radius-sm);cursor:pointer;border:0;padding:0;position:relative;overflow:hidden}.swatch-fill{width:100%;height:100%;display:block}.swatch[aria-pressed=true]:after{content:"";background-color:var(--selected-fg);width:16px;height:16px;margin:auto;position:absolute;inset:0;-webkit-mask:url("data:image/svg+xml,%3csvg%20aria-hidden='true'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2.5'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M5%2012.5l4.5%204.5L19%207.5'/%3e%3c/svg%3e") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20aria-hidden='true'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2.5'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M5%2012.5l4.5%204.5L19%207.5'/%3e%3c/svg%3e") 50%/contain no-repeat}.is-light[aria-pressed=true]:after{background-color:var(--body-loud-color)}.color-divider{background:var(--hairline-color);flex:none;width:1px}.chosen-color{width:var(--chosen-color-width);height:var(--control-height);border:1px solid var(--border-color);border-radius:var(--app-radius-sm);background:var(--body-bg);flex:none;display:flex;overflow:hidden}.chosen-color.is-active{border:var(--key-border-width) solid var(--selected-bg)}.chosen-swatch{width:var(--control-height);cursor:pointer;flex:none;position:relative}.chosen-swatch input{appearance:none;cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;display:block}.chosen-swatch input::-webkit-color-swatch-wrapper{padding:0}.chosen-swatch input::-webkit-color-swatch{border:0}.chosen-swatch input::-moz-color-swatch{border:0}.chosen-swatch:after{content:"";background-color:var(--selected-fg);opacity:.65;pointer-events:none;width:12px;height:12px;position:absolute;bottom:4px;right:4px;-webkit-mask:url("data:image/svg+xml,%3csvg%20aria-hidden='true'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='m2%2022%201-1h3l9-9'/%3e%3cpath%20d='M3%2021v-3l9-9'/%3e%3cpath%20d='m15%206%203.4-3.4a2.1%202.1%200%201%201%203%203L18%209l.4.4a2.1%202.1%200%200%201-3%203l-3.8-3.8a2.1%202.1%200%200%201%203-3l.4.4Z'/%3e%3c/svg%3e") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20aria-hidden='true'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='m2%2022%201-1h3l9-9'/%3e%3cpath%20d='M3%2021v-3l9-9'/%3e%3cpath%20d='m15%206%203.4-3.4a2.1%202.1%200%201%201%203%203L18%209l.4.4a2.1%202.1%200%200%201-3%203l-3.8-3.8a2.1%202.1%200%200%201%203-3l.4.4Z'/%3e%3c/svg%3e") 50%/contain no-repeat}.chosen-swatch.is-light:after{background-color:var(--body-loud-color)}.chosen-color>input{min-width:0;font:var(--type-hex);color:var(--body-loud-color);background:0 0;border:0;flex:1;padding:0 10px}.section{gap:var(--space-field);padding:var(--section-padding-top) var(--space-3) var(--section-padding-bottom);border-top:1px solid var(--hairline-color);background:var(--app-page-bg);flex-direction:column;display:flex}.section.is-images{gap:var(--space-tight)}.section.is-fill{flex:1}.section-title{font:var(--type-section);letter-spacing:0;color:var(--body-quiet-color);margin:0}.copy-bar{padding:var(--space-gutter) var(--space-3);background:var(--app-page-bg);border-top:1px solid var(--hairline-color);align-items:center;gap:20px;display:flex;position:sticky;bottom:0}.copy-bar.has-warning{row-gap:var(--space-1);flex-wrap:wrap}.copy-bar .warning-line{flex:1 0 100%;margin:0}.copy-html{min-width:var(--secondary-copy-width);text-align:center;justify-content:center}.preview{min-width:0;height:100vh;padding:var(--space-3) var(--space-preview);background:var(--preview-wall);flex-direction:column;flex:400px;align-self:flex-start;display:flex;position:sticky;top:0}.preview-switch{justify-content:flex-end;gap:var(--space-field);flex:none;display:flex}.preview-switch .key{height:var(--control-height);padding:0 var(--space-2)}.preview-stage{justify-content:center;align-items:center;gap:var(--space-1);flex-direction:column;flex:1;min-height:0;display:flex}.preview-card{background:var(--body-bg);border:0;width:100%;max-width:640px;display:block}.preview-card.is-dark{background:var(--preview-sheet-dark)}.preview-foot{height:var(--control-height);flex:none;justify-content:flex-end;align-items:center;gap:20px;margin-bottom:-4px;display:flex;position:relative}.preview-foot .warning-line{left:0;right:0;bottom:calc(100% + var(--space-1));text-align:right;margin:0;position:absolute}.preview-foot-divider{width:1px;height:var(--control-height);background:var(--hairline-color);flex:none}.preview-note{font:var(--type-warning);color:var(--body-loud-color);margin:0}.preview-note.is-hidden{visibility:hidden}.dialog{width:min(var(--dialog-width), calc(100% - 2 * var(--space-3)));padding:var(--space-3);border:var(--key-border-width) solid var(--body-loud-color);border-radius:var(--app-radius-sm);background:var(--app-page-bg);color:var(--body-fg)}.dialog[open]{gap:var(--space-2);flex-direction:column;display:flex}.dialog:focus-visible{outline:none}.dialog::backdrop{background:var(--backdrop)}.dialog-title{font:var(--type-title);letter-spacing:-.02em;margin:0}.dialog-foot{justify-content:flex-end;display:flex}.client-keys{gap:var(--space-field);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.steps{counter-reset:step;min-height:206px;margin:0;padding:0;list-style:none}.steps li{counter-increment:step;grid-template-columns:var(--space-3) minmax(0, 1fr);padding:var(--space-gutter) 0;border-top:1px solid var(--hairline-color);font:var(--type-field-value);line-height:22px;display:grid}.steps li:before{content:counter(step);font-weight:700}.steps b{font-weight:600}