@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/design/fonts/inter-latin-wght-normal.woff2)format("woff2")}*,:before,:after{box-sizing:border-box}body{background:var(--surface-page);min-height:100dvh;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);flex-direction:column;margin:0;display:flex}a{color:var(--accent)}a:hover{color:var(--accent-hover)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.site-header{width:100%;max-width:1120px;padding:var(--space-8) var(--space-4) var(--space-6);margin:0 auto}.site-header h1.site-header__logo{margin:0;line-height:0}.site-header__logo img{width:auto;height:32px;display:block}.site-header__subtitle{margin:var(--space-2) 0 0;color:var(--text-secondary);font-size:var(--text-lg)}main{gap:var(--space-6);width:100%;max-width:1120px;padding:0 var(--space-4) var(--space-12);flex:1 0 auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:start;align-items:start;margin:0 auto;display:grid}@media (width<=760px){main{grid-template-columns:minmax(0,1fr)}}.site-header a.site-header__logo{width:fit-content;line-height:0;display:block}main.prose{line-height:var(--leading-relaxed);display:block}.prose>*{max-width:760px}.prose h1{margin:var(--space-4) 0 var(--space-2);font-size:var(--text-3xl);line-height:var(--leading-tight)}.prose h2{margin:var(--space-8) 0 var(--space-2);font-size:var(--text-xl)}.prose p{margin:0 0 var(--space-3)}.prose .prose__meta{color:var(--text-secondary);font-size:var(--text-sm)}.button.generate{width:100%;margin-top:var(--space-4);display:flex}.card{padding:var(--space-6);background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.result{top:var(--space-4);position:sticky}@media (width<=760px){.result{position:static}}.field,.checkbox-field,.setting{margin-bottom:var(--space-4)}.field__label{margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);display:block}.field__control{width:100%;padding:var(--space-3) var(--space-4);font:inherit;color:var(--text-primary);background:var(--surface-card);border:1.5px solid var(--border-default);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-standard);font-size:15px}.field__control:hover{border-color:var(--color-neutral-300)}.field__control:focus-visible{border-color:var(--focus-ring);box-shadow:0 0 0 3px var(--accent-tint);outline:none}textarea.field__control{resize:vertical}.checkbox-field{align-items:center;gap:var(--space-3);font-size:var(--text-sm);display:flex}input[type=checkbox],input[type=range]{accent-color:var(--accent)}input[type=checkbox]{width:20px;height:20px;margin:0}.button{justify-content:center;align-items:center;gap:var(--space-2);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;border-radius:var(--radius-pill);transition:background var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);border:1.5px solid #0000;padding:11px 22px;line-height:1.2;text-decoration:none;display:inline-flex}.button:active:not(:disabled){transform:scale(.97)}.button--primary{background:var(--accent);color:var(--text-on-accent);box-shadow:var(--shadow-coral)}.button--primary:hover:not(:disabled){background:var(--accent-hover)}.button--primary:active:not(:disabled){background:var(--accent-active)}.button--dark{background:var(--color-ink-900);color:var(--text-on-inverse)}.button--dark:hover{background:var(--color-ink-700)}.button--secondary{background:var(--color-neutral-100);color:var(--text-primary)}.button--secondary:hover{background:var(--color-neutral-200)}.button--outline{color:var(--text-primary);border-color:var(--border-default);background:0 0}.button--outline:hover:not(:disabled){border-color:var(--color-ink-900)}.button--ghost{color:var(--text-primary);background:0 0}.button--ghost:hover{background:var(--color-neutral-100)}.button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.drop{align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-5);background:var(--surface-sunken);border:1.5px dashed var(--border-default);border-radius:var(--radius-lg);transition:border-color var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard);flex-wrap:wrap;display:flex}.drop.over{border-color:var(--accent);background:var(--accent-tint)}#image-input,#frame-logo-input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}#image-input:focus-visible+.drop-hint,#frame-logo-input:focus-visible+.drop-hint{text-decoration:underline;text-decoration-color:var(--accent)}.drop:has(#image-input:focus-visible),.drop:has(#frame-logo-input:focus-visible){border-color:var(--focus-ring)}.drop-hint{font-size:var(--text-sm);color:var(--text-secondary)}.chosen{align-items:center;gap:var(--space-3);width:100%;display:flex}.chosen[hidden]{display:none}.chosen img{object-fit:cover;border-radius:var(--radius-sm)}#image-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-sm);flex:1;overflow:hidden}#image-error[hidden]{display:none}.advanced{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border-default)}.advanced>summary{margin-bottom:var(--space-4);cursor:pointer;font-weight:var(--weight-semibold)}.setting-control{align-items:center;gap:var(--space-3);display:flex}.setting-control input[type=range]{flex:1}.setting-control output{text-align:right;min-width:5em;font-size:var(--text-sm);font-variant-numeric:tabular-nums;color:var(--text-secondary)}.setting small{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--text-secondary);display:block}.setting input[type=color]{border:1.5px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface-card);width:3em;height:2em;padding:0}.frame-section{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border-default)}.frame-section__title{margin:0 0 var(--space-4);font-size:inherit;font-weight:var(--weight-semibold)}.swatches{gap:var(--space-3);margin:0 calc(-1 * var(--space-2)) var(--space-3);padding:var(--space-2);display:flex;overflow-x:auto}.swatch{align-items:center;gap:var(--space-1);cursor:pointer;font-size:var(--text-xs);text-align:center;flex-direction:column;flex:0 0 76px;display:flex;position:relative}.swatch input{opacity:0;width:1px;height:1px;position:absolute}.swatch__chip{background:var(--surface-sunken);border:1.5px solid var(--border-default);border-radius:var(--radius-md);width:100%;height:40px;transition:border-color var(--duration-fast) var(--ease-standard);justify-content:center;align-items:center;display:flex}.swatch__logo{width:28px;height:28px}.swatch__chip--none{background:var(--surface-card)}.swatch:hover .swatch__chip{border-color:var(--color-neutral-300)}.swatch input:checked+.swatch__chip{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}.swatch input:focus-visible+.swatch__chip{border-color:var(--focus-ring);box-shadow:0 0 0 3px var(--accent-tint)}.frame-note{margin:0 0 var(--space-4);font-size:var(--text-xs);color:var(--text-secondary)}.frame-note:empty,.frame-body[hidden],.frame-colors[hidden],.frame-logo[hidden]{display:none}.frame-colors{margin-bottom:var(--space-4)}.frame-colors input[type=color]{border:1.5px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface-card);width:3em;height:2em;padding:0}.frame-upload__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-sm);flex:1;overflow:hidden}.preview-frame{background:var(--surface-sunken);border:1px solid var(--border-default);place-items:center;display:grid;overflow:hidden}canvas{width:100%;height:auto;display:block}.preview-frame{position:relative}#preview-img{width:100%;height:100%;position:absolute;inset:0}canvas[hidden],#preview-img[hidden],#placeholder[hidden]{display:none}#placeholder{aspect-ratio:1;box-sizing:border-box;width:100%;padding:var(--space-4);text-align:center;color:var(--text-secondary);place-items:center;margin:0;display:grid}.form-status{margin:var(--space-4) 0;padding-left:var(--space-3);border-left:3px solid var(--border-default);font-size:var(--text-sm)}.form-status--error{color:var(--color-coral-600);border-left-color:var(--accent)}#status[data-state=ok],#status[data-state=tuned]{border-left-color:var(--color-ink-900)}#status[data-state=weak],#status[data-state=error]{color:var(--color-coral-600);border-left-color:var(--accent)}.site-footer{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);width:100%;max-width:1120px;padding:var(--space-6) var(--space-4) var(--space-8);border-top:1px solid var(--border-default);font-size:var(--text-sm);color:var(--text-secondary);flex-wrap:wrap;margin:0 auto;display:flex}.site-footer__copyright{margin:0}.site-footer__start{align-items:center;gap:var(--space-2) var(--space-6);flex-wrap:wrap;display:flex}.site-footer__link{color:var(--text-secondary)}.site-footer__link:hover{color:var(--accent)}.site-footer__end{align-items:center;gap:var(--space-3) var(--space-6);flex-wrap:wrap;display:flex}@media (width<=560px){.site-footer{align-items:flex-start;gap:var(--space-4);flex-direction:column}}.powered-by{--powered-by-label:#655e56;--powered-by-hover:#2c56a8;align-items:center;gap:var(--space-2);text-decoration:none;display:inline-flex}.powered-by__label{letter-spacing:.08em;text-transform:uppercase;color:var(--powered-by-label);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;transition:color .14s}.powered-by:hover .powered-by__label{color:var(--powered-by-hover)}.powered-by img{width:auto;height:14px;display:block}.lang-switcher{position:relative}.lang-switcher__button{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-pill);background:var(--surface-card);color:var(--text-primary);cursor:pointer;user-select:none;list-style:none;display:inline-flex}.lang-switcher__button::-webkit-details-marker{display:none}.lang-switcher__button:hover{border-color:var(--accent);color:var(--accent)}.lang-switcher__chevron{transition:transform var(--duration-fast) var(--ease-standard)}.lang-switcher[open] .lang-switcher__chevron{transform:rotate(180deg)}.lang-switcher__menu{bottom:calc(100% + var(--space-2));z-index:10;min-width:100%;padding:var(--space-1);background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin:0;list-style:none;position:absolute;left:0}.lang-switcher__menu a{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-primary);white-space:nowrap;text-decoration:none;display:block}.lang-switcher__menu a:hover,.lang-switcher__menu a:focus-visible{background:var(--accent-tint);color:var(--accent);outline:none}.lang-switcher__menu a[aria-current=true]{font-weight:var(--weight-semibold)}.lang-banner{bottom:var(--space-4);z-index:20;justify-content:center;align-items:center;gap:var(--space-2) var(--space-3);width:max-content;max-width:calc(100% - 2 * var(--space-4));padding:var(--space-3) var(--space-4);background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);font-size:var(--text-sm);flex-wrap:wrap;display:flex;position:fixed;left:50%;transform:translate(-50%)}.lang-banner__message{margin:0}