.hint[data-v-0def5feb]{margin:var(--ds-space-2) 0 0;font-size:var(--ds-text-sm);color:var(--ds-text-3)}#preview[data-v-e11c95c3],#mockups[data-v-e11c95c3]{display:flex;margin-top:var(--ds-space-5);justify-content:center;align-items:flex-end}#preview[data-v-e11c95c3]{gap:var(--ds-space-4)}#mockups[data-v-e11c95c3]{gap:var(--ds-space-4);flex-wrap:wrap}figure[data-v-e11c95c3]{margin:0;display:flex;flex-direction:column;align-items:center;gap:var(--ds-space-1)}figcaption[data-v-e11c95c3]{font-size:var(--ds-text-xs);color:var(--ds-text-3)}#mockups canvas[data-v-e11c95c3]{border-radius:var(--ds-radius-sm)}#preview canvas[data-v-e11c95c3]{background:repeating-conic-gradient(var(--ds-surface-3) 0% 25%,var(--ds-surface-1) 0% 50%) 0 0 / 8px 8px;image-rendering:pixelated;border:var(--ds-border-width) solid var(--ds-border);border-radius:2px}.dropzone[data-v-3217225f]{position:relative;display:block;border:2px dashed var(--ds-border-strong);border-radius:var(--ds-radius-md);padding:var(--ds-space-10) var(--ds-space-4);cursor:pointer;color:var(--ds-text-2);background:var(--ds-surface-0);transition:border-color var(--ds-duration) var(--ds-ease),background-color var(--ds-duration) var(--ds-ease)}.dropzone[data-v-3217225f]:hover,.dropzone.dragover[data-v-3217225f]{border-color:var(--ds-accent);background:var(--ds-accent-soft);color:var(--ds-text)}.dropzone[data-v-3217225f]:focus-within{box-shadow:var(--ds-focus-ring)}input[type=file][data-v-3217225f]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.mode[data-v-325fd0f0]{display:flex;gap:var(--ds-space-2);margin-bottom:var(--ds-space-4)}.mode label[data-v-325fd0f0]{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--ds-space-2);min-height:var(--ds-control-md);border:var(--ds-border-width) solid var(--ds-border-strong);border-radius:var(--ds-radius-md);background:var(--ds-surface-2);font-size:var(--ds-text-md);font-weight:var(--ds-weight-medium);cursor:pointer}.mode label[data-v-325fd0f0]:has(input:checked){border-color:var(--ds-accent);background:var(--ds-accent-soft)}.mode input[data-v-325fd0f0]{accent-color:var(--ds-accent)}.mode label[data-v-325fd0f0]:focus-within{box-shadow:var(--ds-focus-ring)}fieldset:disabled .options[data-v-72a47a14]{opacity:.55}.hint[data-v-72a47a14]{margin:var(--ds-space-2) 0 0;font-size:var(--ds-text-sm);color:var(--ds-text-3)}.snippet[data-v-6440a860]{margin-top:var(--ds-space-5);text-align:left}.snippet summary[data-v-6440a860]{cursor:pointer;font-size:var(--ds-text-sm);font-weight:var(--ds-weight-medium);color:var(--ds-text-2)}.snippet pre[data-v-6440a860]{margin:var(--ds-space-3) 0;padding:var(--ds-space-3);overflow-x:auto;background:var(--ds-surface-0);border:var(--ds-border-width) solid var(--ds-border);border-radius:var(--ds-radius-sm);font-size:var(--ds-text-xs);line-height:1.5}.copy-row[data-v-6440a860]{display:flex;align-items:center;gap:var(--ds-space-3)}.copy-row button[data-v-6440a860]{flex:0 0 auto;min-height:var(--ds-control-md);padding:var(--ds-space-2) var(--ds-space-4);font-size:var(--ds-text-md)}#copyStatus[data-v-6440a860]{font-size:var(--ds-text-sm);color:var(--ds-text-2)}#status[data-v-02c62340]{margin-top:var(--ds-space-4);font-size:var(--ds-text-md);font-weight:var(--ds-weight-medium);min-height:1.5em}.font-picker[data-v-bba7f0f4]{position:relative;min-width:0}.font-picker-btn[data-v-bba7f0f4]{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-2);width:100%;min-height:0;padding:var(--ds-space-2) var(--ds-space-3);border-radius:var(--ds-radius-sm);border:var(--ds-border-width) solid var(--ds-border-strong);background:var(--ds-surface-1);color:var(--ds-text);font-size:var(--ds-text-md);font-weight:var(--ds-weight-regular);text-align:left;cursor:pointer}.font-picker-btn[data-v-bba7f0f4]:hover,.font-picker-btn[aria-expanded=true][data-v-bba7f0f4]{background:var(--ds-surface-1);border-color:var(--ds-accent)}.font-picker-btn[data-v-bba7f0f4]:after{content:"";flex:none;border:.3em solid transparent;border-top-color:currentColor;border-bottom:0}.font-picker-btn[data-v-bba7f0f4]:focus-visible,.font-picker-list[data-v-bba7f0f4]:focus-visible{outline:none;box-shadow:var(--ds-focus-ring)}.font-picker-value[data-v-bba7f0f4]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.font-picker-list[data-v-bba7f0f4]{position:absolute;z-index:10;top:calc(100% + var(--ds-space-1));left:0;width:max(100%,16rem);max-height:20rem;overflow-y:auto;margin:0;padding:var(--ds-space-1);list-style:none;border-radius:var(--ds-radius-sm);border:var(--ds-border-width) solid var(--ds-border-strong);background:var(--ds-surface-1);box-shadow:var(--ds-shadow-overlay)}.font-picker-list li[data-v-bba7f0f4]{padding:var(--ds-space-2) var(--ds-space-3);border-radius:var(--ds-radius-sm);font-size:var(--ds-text-lg);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.font-picker-list li.active[data-v-bba7f0f4]{background:var(--ds-surface-2)}.font-picker-list li[aria-selected=true][data-v-bba7f0f4]{background:var(--ds-accent-soft)}#textPanel[data-v-77ea2c41]{text-align:left;border:2px dashed var(--ds-border-strong);border-radius:var(--ds-radius-md);padding:var(--ds-space-4);background:var(--ds-surface-0)}.outputs[data-v-82fb24e5]{display:grid;gap:var(--ds-space-5);margin-top:var(--ds-space-6)}.output[data-v-82fb24e5]{display:flex;flex-direction:column;padding:var(--ds-space-4);border:var(--ds-border-width) solid var(--ds-border-strong);border-radius:var(--ds-radius-lg);background:var(--ds-surface-2);text-align:left}.output h2[data-v-82fb24e5]{margin:0;font-size:var(--ds-text-md);font-weight:var(--ds-weight-bold);color:var(--ds-text)}.output-note[data-v-82fb24e5]{margin:var(--ds-space-2) 0 0;font-size:var(--ds-text-sm);color:var(--ds-text-2)}.output>button[data-v-82fb24e5]{margin-top:var(--ds-space-5)}:root{--ds-surface-0: #0a1324;--ds-surface-1: #111d33;--ds-surface-2: #182741;--ds-surface-3: #1f3050;--ds-border: #223553;--ds-border-strong: #2f4668;--ds-text: #f2eee2;--ds-text-2: #a7b3c4;--ds-text-3: #8593a8;--ds-accent: #d4a257;--ds-accent-hover: #e0b06a;--ds-accent-soft: rgba(212, 162, 87, .14);--ds-on-accent: #0a1324;--ds-link: #6aaef5;--ds-success: #5fcf8a;--ds-warning: #e3b341;--ds-danger: #ef6b6b;--ds-info: #6aaef5;--ds-focus-ring: 0 0 0 2px var(--ds-surface-0), 0 0 0 4px var(--ds-accent);--ds-shadow-overlay: 0 8px 24px rgba(0, 0, 0, .35);--ds-font-sans: "Supreme", sans-serif;--ds-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--ds-text-xs: 12px;--ds-text-sm: 13px;--ds-text-md: 14px;--ds-text-lg: 16px;--ds-text-xl: 20px;--ds-text-2xl: 24px;--ds-text-3xl: 32px;--ds-weight-regular: 400;--ds-weight-medium: 500;--ds-weight-semibold: 600;--ds-weight-bold: 700;--ds-leading: 1.5;--ds-leading-tight: 1.25;--ds-tracking-tight: -.01em;--ds-space-1: 4px;--ds-space-2: 8px;--ds-space-3: 12px;--ds-space-4: 16px;--ds-space-5: 20px;--ds-space-6: 24px;--ds-space-8: 32px;--ds-space-10: 40px;--ds-space-12: 48px;--ds-space-16: 64px;--ds-radius-sm: 6px;--ds-radius-md: 10px;--ds-radius-lg: 16px;--ds-radius-full: 999px;--ds-border-width: 1px;--ds-duration: .15s;--ds-duration-slow: .25s;--ds-ease: cubic-bezier(.2, 0, 0, 1);--ds-control-sm: 28px;--ds-control-md: 36px;--ds-control-lg: 40px;--ds-row-height: 44px;--ds-topbar-height: 56px;--ds-player-height: 60px;--ds-icon-sm: 16px;--ds-icon-md: 20px;--ds-icon-stroke: 1.75;--ds-container: 1200px;--ds-gutter: 24px;--ds-gap: 20px;--ds-z-topbar: 500;--ds-z-player: 900;--ds-z-backdrop: 1000;--ds-z-dialog: 1001;--ds-z-toast: 9999}.light-theme{--ds-surface-0: #f6f5f1;--ds-surface-1: #ffffff;--ds-surface-2: #f0eee8;--ds-surface-3: #e8e5dd;--ds-border: #e2dfd7;--ds-border-strong: #cbc6ba;--ds-text: #14213a;--ds-text-2: #3f4a60;--ds-text-3: #5f6b84;--ds-accent: #c9984d;--ds-accent-hover: #b8842f;--ds-accent-soft: rgba(201, 152, 77, .16);--ds-on-accent: #14213a;--ds-link: #0f5aa8;--ds-success: #177a42;--ds-warning: #9a6416;--ds-danger: #c93c3c;--ds-info: #0f5aa8;--ds-focus-ring: 0 0 0 2px var(--ds-surface-0), 0 0 0 4px var(--ds-accent);--ds-shadow-overlay: 0 8px 24px rgba(20, 33, 58, .12)}:root[data-theme=light]{--ds-surface-0: #f6f5f1;--ds-surface-1: #ffffff;--ds-surface-2: #f0eee8;--ds-surface-3: #e8e5dd;--ds-border: #e2dfd7;--ds-border-strong: #cbc6ba;--ds-text: #14213a;--ds-text-2: #3f4a60;--ds-text-3: #5f6b84;--ds-accent: #c9984d;--ds-accent-hover: #b8842f;--ds-accent-soft: rgba(201, 152, 77, .16);--ds-on-accent: #14213a;--ds-link: #0f5aa8;--ds-success: #177a42;--ds-warning: #9a6416;--ds-danger: #c93c3c;--ds-info: #0f5aa8;--ds-focus-ring: 0 0 0 2px var(--ds-surface-0), 0 0 0 4px var(--ds-accent);--ds-shadow-overlay: 0 8px 24px rgba(20, 33, 58, .12)}@font-face{font-family:Supreme;font-weight:400;font-style:normal;font-display:swap;src:url(./Supreme-Regular-4XHPfODv.woff2) format("woff2")}@font-face{font-family:Supreme;font-weight:500;font-style:normal;font-display:swap;src:url(./Supreme-Medium-r1fq46EK.woff2) format("woff2")}@font-face{font-family:Supreme;font-weight:700;font-style:normal;font-display:swap;src:url(./Supreme-Bold-tOPSM1Q8.woff2) format("woff2")}:root[data-theme=dark]{color-scheme:dark}:root[data-theme=light]{color-scheme:light}*{box-sizing:border-box}body{margin:0;font-family:var(--ds-font-sans);font-size:var(--ds-text-lg);line-height:var(--ds-leading);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--ds-surface-0);color:var(--ds-text);transition:background-color var(--ds-duration-slow) var(--ds-ease),color var(--ds-duration-slow) var(--ds-ease)}body>:not(#app):not(script):not(.cookie-banner):not(.cookie-consent):not([class*=cookie]){background-color:transparent!important}:where(body>:not(#app):not(script):not(.cookie-banner):not(.cookie-consent):not([class*=cookie])) :where(*:not(.cookie-banner):not(.cookie-consent):not([class*=cookie])){background-color:transparent!important}body>:not(#app):not(script) [class*=drop],body>:not(#app):not(script) [class*=sub-menu],body>:not(#app):not(script) [class*=submenu],body>:not(#app):not(script) [class*=popup],body>:not(#app):not(script) [class*=popover],body>:not(#app):not(script) [class*=megamenu]{background-color:var(--ds-surface-1)!important}body>:not(#app):not(script) span:empty,body>:not(#app):not(script) [aria-expanded]>span:empty,body>:not(#app):not(script) [aria-expanded]>span>span:empty,body>:not(#app):not(script) [aria-expanded]>div>span:empty{background-color:currentColor!important;border-color:currentColor!important}body>:not(#app):not(script) button svg line,body>:not(#app):not(script) button svg path,body>:not(#app):not(script) button svg rect,body>:not(#app):not(script) [aria-expanded] svg line,body>:not(#app):not(script) [aria-expanded] svg path,body>:not(#app):not(script) [aria-expanded] svg rect,body>:not(#app):not(script) [role=button] svg line,body>:not(#app):not(script) [role=button] svg path,body>:not(#app):not(script) [role=button] svg rect{stroke:currentColor!important;fill:currentColor!important}body>:not(#app):not(script) [class*=toggler-icon]{filter:brightness(0) saturate(100%)!important}:root[data-theme=dark] body>:not(#app):not(script) [class*=toggler-icon]{filter:brightness(0) saturate(100%) invert(1)!important}.cookie-banner,.cookie-consent,[class*=cookie-banner],[class*=cookie-consent],[id*=cookie-banner],[id*=cookie-consent]{z-index:10000!important;position:fixed!important}body>:not(#app):not(script):not(.cookie-banner):not(.cookie-consent):not([class*=cookie]):not([id*=cookie]),body>:not(#app):not(script):not(.cookie-banner):not(.cookie-consent):not([class*=cookie]):not([id*=cookie]) *:not([class*=cookie]):not([id*=cookie]){color:var(--ds-text)!important}body>:not(#app):not(script):not(.cookie-banner):not(.cookie-consent):not([class*=cookie]):not([id*=cookie]) a:not([class*=cookie]):not([id*=cookie]),body>:not(#app):not(script):not(.cookie-banner):not(.cookie-consent):not([class*=cookie]):not([id*=cookie]) a:not([class*=cookie]):not([id*=cookie]) *,body>:not(#app):not(script):not(.cookie-banner):not(.cookie-consent):not([class*=cookie]):not([id*=cookie]) button.footer-link:not([class*=cookie]):not([id*=cookie]){color:var(--ds-link)!important}body>:not(#app):not(script):not(.cookie-banner):not(.cookie-consent):not([class*=cookie]):not([id*=cookie]) a:hover:not([class*=cookie]):not([id*=cookie]),body>:not(#app):not(script):not(.cookie-banner):not(.cookie-consent):not([class*=cookie]):not([id*=cookie]) a:hover:not([class*=cookie]):not([id*=cookie]) *,body>:not(#app):not(script):not(.cookie-banner):not(.cookie-consent):not([class*=cookie]):not([id*=cookie]) button.footer-link:hover:not([class*=cookie]):not([id*=cookie]){color:var(--ds-accent)!important}body>:not(#app) button.footer-link{line-height:inherit;font-weight:inherit;letter-spacing:inherit}#app{display:flex;justify-content:center;padding:var(--ds-space-12) var(--ds-space-4)}.card{background:var(--ds-surface-1);padding:var(--ds-space-10);border-radius:var(--ds-radius-lg);border:var(--ds-border-width) solid var(--ds-border);max-width:520px;width:100%;text-align:center}:where(#app) h1{margin:0 0 var(--ds-space-3);font-size:var(--ds-text-2xl);font-weight:var(--ds-weight-bold);line-height:var(--ds-leading-tight);letter-spacing:var(--ds-tracking-tight);color:var(--ds-text)}:where(#app) p{color:var(--ds-text-2);font-size:var(--ds-text-md);margin:0 0 var(--ds-space-6)}:where(#app) code{font-family:var(--ds-font-mono);font-size:.9em}@media (max-width: 480px){#app{padding:var(--ds-space-6) var(--ds-space-4)}.card{padding:var(--ds-space-6)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}:where(#app) fieldset{border:var(--ds-border-width) solid var(--ds-border);border-radius:var(--ds-radius-md);margin:var(--ds-space-5) 0 0;padding:var(--ds-space-3) var(--ds-space-4) var(--ds-space-4);text-align:left}:where(#app) legend{color:var(--ds-text-2);font-size:var(--ds-text-sm);font-weight:var(--ds-weight-medium);padding:0 var(--ds-space-2)}:where(#app) .options{display:flex;flex-wrap:wrap;gap:var(--ds-space-2) var(--ds-space-4)}:where(#app) .options label{font-size:var(--ds-text-md);cursor:pointer;display:inline-flex;align-items:center;gap:var(--ds-space-1)}:where(#app) input[type=radio],:where(#app) input[type=checkbox]{accent-color:var(--ds-accent)}:where(#app) input[type=text]{width:100%;padding:var(--ds-space-2) var(--ds-space-3);border-radius:var(--ds-radius-sm);border:var(--ds-border-width) solid var(--ds-border-strong);background:var(--ds-surface-1);color:var(--ds-text);font:inherit;font-size:var(--ds-text-sm)}:where(#app) input[type=text]::placeholder{color:var(--ds-text-3)}:where(#app) input[type=range]{width:100%;accent-color:var(--ds-accent)}:where(#app) input[type=color]{width:3rem;height:var(--ds-control-sm);padding:2px;border:var(--ds-border-width) solid var(--ds-border-strong);border-radius:var(--ds-radius-sm);background:var(--ds-surface-1);cursor:pointer}:where(#app) input[type=color]:disabled{opacity:.4;cursor:not-allowed}:where(#app) input:focus-visible,:where(#app) button:focus-visible{outline:none;box-shadow:var(--ds-focus-ring)}:where(#app) .field{display:grid;grid-template-columns:minmax(7rem,11rem) 1fr 3.5rem;align-items:center;gap:var(--ds-space-2) var(--ds-space-3);font-size:var(--ds-text-md)}:where(#app) .field+.field{margin-top:var(--ds-space-3)}:where(#app) .field label{display:inline-flex;align-items:center;gap:var(--ds-space-1);cursor:pointer}:where(#app) .field output{font-variant-numeric:tabular-nums;color:var(--ds-text-2);text-align:right}:where(#app) .field.stack{grid-template-columns:1fr;gap:var(--ds-space-1)}:where(#app) button{flex:1;min-height:var(--ds-control-lg);background:var(--ds-accent);color:var(--ds-on-accent);border:var(--ds-border-width) solid transparent;padding:var(--ds-space-3);border-radius:var(--ds-radius-md);font:inherit;font-size:var(--ds-text-lg);font-weight:var(--ds-weight-semibold);cursor:pointer;transition:background-color var(--ds-duration) var(--ds-ease),border-color var(--ds-duration) var(--ds-ease)}:where(#app) button:hover{background:var(--ds-accent-hover)}:where(#app) button.secondary{background:var(--ds-surface-2);color:var(--ds-text);border-color:var(--ds-border-strong)}:where(#app) button.secondary:hover{background:var(--ds-surface-3);border-color:var(--ds-accent)}:where(#app) button:disabled{opacity:.6;cursor:wait}@media (max-width: 480px){:where(#app) .field{grid-template-columns:1fr 3.5rem}:where(#app) .field>:first-child{grid-column:1 / -1}}