@font-face{font-family:Suisse Intl;src:url(/_next/static/media/SuisseIntl-Regular-WebXL.c0251dee.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Suisse Intl;src:url(/_next/static/media/SuisseIntl-Book-WebXL.b58f3ea9.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Suisse Intl;src:url(/_next/static/media/SuisseIntl-Medium-WebXL.888c47c2.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Suisse Intl;src:url(/_next/static/media/SuisseIntl-SemiBold-WebXL.14f9a03c.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Suisse Intl Mono;src:url(/_next/static/media/SuisseIntlMono-Regular-WebXL.40ddcd2d.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--page-bg:#191919;--island-bg:#000000;--surface:#262626;--surface-input:#333333;--text:#ffffff;--text-muted:rgba(255,255,255,0.55);--text-subtle:rgba(255,255,255,0.45);--border:rgba(255,255,255,0.12);--accent:#ffffff;--accent-fg:#0f0f12;--error:#ffb4b4;--control-track:rgba(255,255,255,0.35);--control-thumb:#ffffff;--radius:24px;--radius-sm:12px;--font-sans:"Suisse Intl","Helvetica Neue",Helvetica,Arial,sans-serif;--font-mono:"Suisse Intl Mono","Courier New",Courier,monospace;--tool-section-gap:28px;--tool-control-gap:10px;font-feature-settings:"ss01" 1;color-scheme:dark}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);font-weight:300;background:var(--page-bg);color:var(--text);display:flex;height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.mono{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:-.02em}#sidebar{width:320px;min-width:320px;background:var(--island-bg);display:flex;flex-direction:column;overflow-y:auto;padding:24px;gap:var(--tool-section-gap);margin:12px;border-radius:var(--radius);-webkit-clip-path:inset(0 round var(--radius));clip-path:inset(0 round var(--radius))}h1{font-size:.875rem;color:var(--text)}h1,h2{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:-.02em;font-weight:400}h2{font-size:.75rem;color:var(--text-muted);margin-bottom:10px}.section{display:flex;flex-direction:column;gap:var(--tool-control-gap)}.upload-zone{border:1px dashed var(--border);border-radius:var(--radius-sm);-webkit-clip-path:inset(0 round var(--radius-sm));clip-path:inset(0 round var(--radius-sm));padding:16px 12px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s,color .2s;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:-.02em;font-size:.6875rem;color:var(--text-muted);position:relative}.upload-zone:hover{border-color:rgba(255,255,255,.4);background:var(--surface);color:var(--text)}.upload-zone.loaded{border-style:solid;border-color:var(--accent);color:var(--accent);background:rgba(255,255,255,.08)}.upload-zone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-zone .hint{font-size:.625rem;color:var(--text-subtle);margin-top:4px}.upload-zone.loaded .hint{color:rgba(255,255,255,.6)}.slider-row{gap:10px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:-.02em;font-size:.6875rem}.slider-row,.slider-row label{display:flex;align-items:center}.slider-row label{align-self:center;color:var(--text-muted);flex-shrink:0;min-height:24px;white-space:nowrap;width:58px}.slider-row input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1 1;height:24px;margin:0;padding:0;background:linear-gradient(var(--control-track),var(--control-track)) no-repeat 50% /100% 1px;border-radius:0;outline:none;cursor:pointer;touch-action:none}.slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--control-thumb);border:none;cursor:pointer}.slider-row input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--control-thumb);border:none;cursor:pointer}.slider-row input[type=range]:focus-visible::-webkit-slider-thumb{outline:2px solid var(--text-subtle);outline-offset:3px}.export-val-pill,.slider-row .val{align-items:center;background:var(--surface-input);border-radius:99px;box-sizing:border-box;color:var(--text);display:inline-flex;flex-shrink:0;font-size:.6875rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;justify-content:center;line-height:1;outline:none;padding:5px 10px;text-align:center;text-transform:uppercase;width:auto}.export-val-pill[contenteditable=true],.slider-row .val[contenteditable=true]{cursor:text}.export-val-pill:focus,.num-row input:focus,.slider-row .val:focus{background:var(--surface);outline:none}.num-row{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:-.02em;font-size:.6875rem}.num-row label{width:58px;color:var(--text-muted);flex-shrink:0}.num-row input[type=number],.num-row input[type=text]{flex:1 1;background:var(--surface-input);border:none;border-radius:var(--radius-sm);-webkit-clip-path:inset(0 round var(--radius-sm));clip-path:inset(0 round var(--radius-sm));color:var(--text);padding:10px 14px;font-family:var(--font-mono);font-size:.75rem;height:42px}.color-presets{display:grid;grid-gap:6px;gap:6px;grid-template-columns:repeat(auto-fill,28px);width:100%}.color-presets.bw-only .color-swatch:not([data-bw]){display:none}.color-swatch{border:none;border-radius:6px;box-shadow:inset 0 0 0 1px var(--border);cursor:pointer;height:28px;padding:0;position:relative;transition:transform .12s;width:28px}.color-swatch:hover{transform:scale(1.08)}.color-swatch.active:after{align-items:center;color:var(--check,#000);content:"\2713";display:flex;font-size:.8rem;font-weight:700;inset:0;justify-content:center;position:absolute}.color-swatch:focus-visible{outline:2px solid var(--text-subtle);outline-offset:2px}.btn{width:100%;min-height:42px;padding:8px 14px;border:1px solid transparent;border-radius:var(--radius-sm);-webkit-clip-path:inset(0 round var(--radius-sm));clip-path:inset(0 round var(--radius-sm));font-family:var(--font-mono);font-size:.75rem;line-height:1;text-transform:uppercase;letter-spacing:-.02em;font-weight:400;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:filter .3s ease-in-out,opacity .3s ease-in-out}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:not(:disabled):hover{filter:brightness(.9)}.btn-primary{background:var(--text);color:var(--accent-fg)}.btn-danger{background:var(--error);color:var(--accent-fg)}.btn-neutral{background:var(--surface);color:var(--text)}#progress-wrap{display:none;flex-direction:column;gap:8px}#progress-wrap.visible{display:flex}#progress-bar-bg{background:var(--control-track);border-radius:99px;height:6px;overflow:hidden}#progress-bar{height:100%;background:var(--accent);width:0;transition:width .1s;border-radius:99px}#progress-label{color:var(--text-muted)}#progress-label,#status{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:-.02em;font-size:.625rem}#status{color:var(--text-subtle);min-height:14px}#status.ok{color:var(--accent)}#status.err{color:var(--error)}#result-area{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--page-bg)}#result-area,.result-frame{overflow:hidden;position:relative}.result-frame{box-shadow:0 0 0 1px var(--border),0 8px 40px rgba(0,0,0,.6)}.result-frame,.result-frame>*{border-radius:var(--radius-sm)}.result-frame>*{display:block}.upload-landing{align-items:center;background:var(--island-bg);color:var(--text);display:flex;font-size:28px;height:100%;justify-content:center;line-height:1.1;text-align:center;white-space:pre;width:100%}.result-hint,.upload-landing{letter-spacing:-.02em;text-transform:uppercase}.result-hint{font-family:var(--font-mono);font-size:.625rem;color:var(--text-subtle)}.control-bar{display:flex;gap:8px;align-items:center}.pb-btn{background:var(--island-bg);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);-webkit-clip-path:inset(0 round var(--radius-sm));clip-path:inset(0 round var(--radius-sm));padding:8px 16px;min-height:38px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:-.02em;font-size:.6875rem;cursor:pointer;transition:filter .3s ease-in-out,opacity .3s}.pb-btn:not(:disabled):hover{filter:brightness(1.4)}.pb-btn:disabled{opacity:.35;cursor:default}@media (max-width:640px){body{flex-direction:column;height:auto;min-height:100vh;overflow:auto}#sidebar{width:auto;min-width:0}#result-area{min-height:60vh}}.form-body,html{background:var(--page-bg)}.form-body{display:block;height:auto;min-height:100%;overflow:visible}.form-wrap{width:min(640px,calc(100% - 24px));margin:24px auto 32px;background:var(--island-bg);border-radius:var(--radius);-webkit-clip-path:inset(0 round var(--radius));clip-path:inset(0 round var(--radius));padding:28px 24px 24px}.form-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:22px}.brand-mark,.done-kicker,.field-msg,.step-mark{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:-.02em}.brand-mark,.step-mark{font-size:.6875rem}.step-mark{color:var(--text-muted)}.form-body h1.form-title{font-family:var(--font-sans);font-weight:300;text-transform:none;letter-spacing:-.03em;font-size:clamp(1.6rem,4vw,2rem);line-height:1.12;color:var(--text);margin:0 0 12px}.form-lead,.prose{color:var(--text-muted);font-size:1rem;line-height:1.45}.form-lead{margin-bottom:28px}.prose a{color:var(--text)}.q-stack{gap:52px}.q-block,.q-stack{display:flex;flex-direction:column}.q-block{gap:var(--tool-control-gap)}.done-kicker,.field-msg{font-size:.625rem;color:var(--text-subtle)}.grid-label,.q-title{font-size:1.05rem;font-weight:300;line-height:1.35}.grid{gap:40px}.grid,.grid-row{display:flex;flex-direction:column}.grid-row{align-items:stretch;gap:14px}.grid-row.invalid .grid-label{color:var(--error)}.grid-row.invalid .scale-opt:not(:has(input:checked)){box-shadow:0 0 0 2px var(--error);-webkit-clip-path:none;clip-path:none}.scale-line{display:flex;align-items:center;gap:10px}.scale-end{flex:0 0 auto;color:var(--text-muted);font-size:.8125rem;font-weight:300;line-height:1.2;white-space:nowrap}.scale-line .scale{flex:1 1 auto;flex-wrap:nowrap;justify-content:center;gap:14px;min-width:0}.choices{display:flex;flex-direction:column;gap:8px}.choices.inline{flex-direction:row}.check,.choice,.scale-opt{position:relative;background:var(--surface);color:var(--text);cursor:pointer}.check,.choice{display:flex;align-items:center;min-height:48px;padding:12px 16px;border-radius:var(--radius-sm);-webkit-clip-path:inset(0 round var(--radius-sm));clip-path:inset(0 round var(--radius-sm));font-size:1rem;line-height:1.35}.choices.inline .choice{flex:1 1;justify-content:center;text-align:center}.check input,.choice input,.scale-opt input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}.check:focus-within,.choice:focus-within,.scale-opt:focus-within{background:var(--surface-input)}.check:has(input:checked),.choice:has(input:checked),.scale-opt:has(input:checked){background:var(--text);color:var(--accent-fg)}.check:has(input:checked):focus-within,.choice:has(input:checked):focus-within,.scale-opt:has(input:checked):focus-within{background:var(--text)}.scale{display:flex;flex-wrap:wrap;gap:6px}.scale-opt{min-width:44px;height:44px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;border-radius:99px;font-family:var(--font-mono);font-size:.75rem;letter-spacing:-.02em}.grid-row .scale-opt{flex:0 0 52px;width:52px;min-width:52px;max-width:52px;height:52px;min-height:52px;padding:0;border-radius:50%;-webkit-clip-path:circle(50%);clip-path:circle(50%);background:color-mix(in srgb,var(--text) 28%,var(--surface));color:color-mix(in srgb,var(--text) 55%,transparent);box-shadow:none;font-family:var(--font-sans);font-weight:500;font-size:1.125rem;letter-spacing:0;line-height:1}.grid-row .scale-opt:focus-within{background:color-mix(in srgb,var(--text) 40%,var(--surface));color:color-mix(in srgb,var(--text) 75%,transparent)}.grid-row .scale-opt:has(input:checked),.grid-row .scale-opt:has(input:checked):focus-within{background:var(--text);color:var(--accent-fg);box-shadow:none;-webkit-clip-path:circle(50%);clip-path:circle(50%)}.stars{display:flex;flex-direction:row-reverse;justify-content:flex-end}.star-opt{position:relative;display:inline-flex;align-items:center;justify-content:center;width:34px;height:44px;padding:0;background:transparent;color:var(--text-subtle);cursor:pointer}.star-opt svg{width:26px;height:26px;fill:currentColor;display:block}.star-opt input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}@media (hover:hover){.star-opt:hover,.star-opt:hover~.star-opt{color:var(--text)}}.star-opt:has(input:checked),.star-opt:has(input:checked)~.star-opt{color:var(--text)}.f-area,.f-input,.f-select{width:100%;background:var(--surface-input);border:none;border-radius:var(--radius-sm);-webkit-clip-path:inset(0 round var(--radius-sm));clip-path:inset(0 round var(--radius-sm));color:var(--text);font-family:var(--font-sans);font-weight:300;font-size:16px;line-height:1.4;padding:12px 14px;min-height:48px}.f-area:focus,.f-input:focus,.f-select:focus{background:var(--surface);outline:none}.f-area{min-height:128px;resize:vertical}.f-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text) 50%),linear-gradient(135deg,var(--text) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:32px}.q-block.invalid .f-area,.q-block.invalid .f-input,.q-block.invalid .f-select{box-shadow:inset 0 0 0 1px var(--error)}.field-msg{color:var(--error);min-height:14px}.field-msg:empty{display:none}@keyframes field-pulse{0%,to{opacity:1}50%{opacity:.62}}.is-sending{cursor:progress}.is-sending .check,.is-sending .choice,.is-sending .f-area,.is-sending .f-input,.is-sending .f-select,.is-sending .scale-opt,.is-sending .star-opt{animation:field-pulse 1.8s ease-in-out infinite;pointer-events:none}.is-sending .q-block:nth-child(2) :is(.choice,.check,.scale-opt,.star-opt,.f-input,.f-area,.f-select){animation-delay:.18s}.is-sending .q-block:nth-child(3) :is(.choice,.check,.scale-opt,.star-opt,.f-input,.f-area,.f-select){animation-delay:.36s}@media (prefers-reduced-motion:reduce){.is-sending .check,.is-sending .choice,.is-sending .f-area,.is-sending .f-input,.is-sending .f-select,.is-sending .scale-opt,.is-sending .star-opt{animation:none;opacity:.72}}.form-actions{display:flex;gap:8px;margin-top:28px}.form-actions .btn{flex:1 1;min-height:48px;width:auto}.thanks-actions{flex-direction:column}.thanks-actions a.btn{text-decoration:none;white-space:normal;text-align:center;line-height:1.35;padding:14px 16px}.thanks-title{font-family:var(--font-sans);font-weight:300;font-size:clamp(1.8rem,5vw,2.4rem);letter-spacing:-.03em;line-height:1.1;text-transform:none;color:var(--text);margin:8px 0 12px}.done-kicker{margin-bottom:10px;color:var(--text)}.form-footer{display:flex;justify-content:center;padding:36px 24px}.form-footer a{display:inline-flex;line-height:0}.form-footer img{width:148px;height:auto;display:block}@media (max-width:760px){.form-wrap{width:calc(100% - 16px);margin:8px auto 16px;padding:22px 16px 16px}.choices.inline{flex-direction:column}.form-footer{padding:2px 16px 28px}.form-footer img{width:132px}}@media (max-width:420px){.scale-line,.scale-line .scale{gap:8px}.scale-end{font-size:.75rem}.grid-row .scale-opt{flex-basis:42px;width:42px;min-width:42px;max-width:42px;height:42px;min-height:42px;font-size:1rem}.star-opt{width:28px}.star-opt svg{width:22px;height:22px}}@media (hover:none) and (pointer:coarse){.check,.choice,.form-actions .btn{min-height:48px}.grid-row .scale-opt{flex-basis:46px;width:46px;min-width:46px;max-width:46px;height:46px;min-height:46px}}