@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&family=Newsreader:ital,opsz,wght@0,6..72,400;1,6..72,400&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bone-0:#fbf7ef;--bone-50:#f8f3e9;--bone-100:#f1ebdf;--bone-200:#e8e0d0;--bone-300:#ddd2be;--bone-400:#cbbca1;--bone-500:#a8987f;--bone-600:#8c7f6b;--bone-700:#5e5648;--bone-800:#3a342b;--bone-900:#26221b;--bone-950:#1b1714;--coal-0:#edebe0;--coal-50:#c9c8bb;--coal-100:#9a9c8e;--coal-200:#777a6c;--coal-300:#585b4e;--coal-400:#3c3f33;--coal-500:#2a2c22;--coal-600:#1f2018;--coal-700:#161710;--coal-800:#0f100b;--coal-900:#0b0c0a;--coal-950:#070803;--vermilion-50:#fbeae3;--vermilion-100:#f6d3c6;--vermilion-400:#e4633f;--vermilion-500:#e0421f;--vermilion-600:#c5371a;--vermilion-700:#a42c14;--amber-200:#f7d283;--amber-300:#f6c460;--amber-400:#f4b23e;--amber-500:#e89a1e;--amber-600:#c47c14;--green-400:#6fb58a;--green-500:#4e9a6e;--green-600:#3c7c57;--green-700:#2c5c40;--inkblue-400:#4a618c;--inkblue-500:#2a3f66;--inkblue-600:#1f3052;--crimson-100:#f4d2ce;--crimson-500:#b3261e;--crimson-600:#971f18;--font-display:"Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--font-sans:"Bricolage Grotesque", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-serif:"Newsreader", ui-serif, Georgia, serif;--font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-black:800;--text-2xs:.6875rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.4rem;--text-xl:1.8rem;--text-2xl:2.35rem;--leading-none:1;--leading-tight:.96;--leading-display:.92;--leading-snug:1.1;--leading-normal:1.5;--tracking-tighter:-.045em;--tracking-tight:-.025em;--tracking-label:.14em;--space-1:.25rem;--space-1_5:.375rem;--space-2:.5rem;--space-2_5:.625rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-xs:2px;--radius-sm:3px;--radius-md:5px;--radius-lg:8px;--radius-xl:12px;--radius-pill:999px;--radius-control:var(--radius-sm);--radius-card:var(--radius-md);--radius-overlay:var(--radius-lg);--dur-fast:.14s;--dur-base:.2s;--ease-standard:cubic-bezier(.2, 0, .1, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--transition-control:color var(--dur-fast) var(--ease-standard), background-color var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard), transform var(--dur-fast) var(--ease-standard), opacity var(--dur-fast) var(--ease-standard)}@media (prefers-reduced-motion:reduce){:root{--dur-fast:0s;--dur-base:0s}}:root,[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:var(--bone-100);--surface:var(--bone-50);--surface-2:var(--bone-200);--surface-3:var(--bone-300);--surface-inset:var(--bone-200);--text:var(--bone-950);--text-muted:var(--bone-700);--text-subtle:var(--bone-600);--text-on-accent:var(--bone-0);--border:color-mix(in oklab, var(--bone-950) 14%, transparent);--border-strong:color-mix(in oklab, var(--bone-950) 28%, transparent);--rule:var(--bone-950);--ring:var(--vermilion-500);--primary:var(--vermilion-500);--primary-hover:var(--vermilion-600);--primary-press:var(--vermilion-700);--primary-soft:var(--vermilion-50);--primary-text:var(--vermilion-700);--accent:var(--inkblue-500);--accent-hover:var(--inkblue-600);--accent-soft:color-mix(in oklab, var(--inkblue-500) 12%, var(--bone-50));--accent-text:var(--inkblue-600);--link:var(--inkblue-600);--success:var(--green-600);--success-soft:color-mix(in oklab, var(--green-500) 18%, var(--bone-50));--success-text:var(--green-700);--danger:var(--crimson-500);--danger-soft:var(--crimson-100);--danger-text:var(--crimson-600);--selection-bg:var(--vermilion-500);--selection-fg:var(--bone-0);--shadow-sm:0 1px 2px color-mix(in oklab, var(--bone-950) 7%, transparent);--shadow-md:0 4px 12px color-mix(in oklab, var(--bone-950) 9%, transparent);--focus-ring:0 0 0 3px color-mix(in oklab, var(--ring) 40%, transparent);--glow:none}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:var(--coal-900);--surface:var(--coal-800);--surface-2:var(--coal-700);--surface-3:var(--coal-600);--surface-inset:var(--coal-950);--text:var(--coal-0);--text-muted:var(--coal-100);--text-subtle:var(--coal-200);--text-on-accent:var(--coal-950);--border:color-mix(in oklab, var(--coal-0) 14%, transparent);--border-strong:color-mix(in oklab, var(--coal-0) 26%, transparent);--rule:color-mix(in oklab, var(--coal-0) 30%, transparent);--ring:var(--amber-400);--primary:var(--amber-400);--primary-hover:var(--amber-300);--primary-press:var(--amber-200);--primary-soft:color-mix(in oklab, var(--amber-400) 16%, var(--coal-800));--primary-text:var(--amber-300);--accent:var(--green-400);--accent-hover:var(--green-400);--accent-soft:color-mix(in oklab, var(--green-400) 16%, var(--coal-800));--accent-text:var(--green-400);--link:var(--green-400);--success:var(--green-400);--success-soft:color-mix(in oklab, var(--green-400) 16%, var(--coal-800));--success-text:var(--green-400);--danger:#e5604d;--danger-soft:color-mix(in oklab, #e5604d 16%, var(--coal-800));--danger-text:#f0937f;--selection-bg:var(--amber-400);--selection-fg:var(--coal-950);--shadow-sm:0 2px 6px #00000080;--shadow-md:0 6px 18px #0000008c;--focus-ring:0 0 0 3px color-mix(in oklab, var(--ring) 40%, transparent);--glow:0 0 22px color-mix(in oklab, var(--amber-400) 35%, transparent)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;transition:background-color var(--dur-base) var(--ease-standard), color var(--dur-base) var(--ease-standard);margin:0}::selection{background:var(--selection-bg);color:var(--selection-fg)}h1,h2,h3{font-family:var(--font-display);font-weight:var(--fw-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text);margin:0}p{margin:0}#root{flex-direction:column;align-items:stretch;min-height:100dvh;display:flex}.dz-wrapper{gap:var(--space-3);flex-direction:column;width:100%;display:flex}.dz-eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--fw-medium);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted)}.dz-eyebrow-slash{color:var(--primary);margin-right:5px}.dz-zone{justify-content:center;align-items:center;gap:var(--space-3);background:var(--surface);border:1.5px dashed var(--border-strong);border-radius:var(--radius-card);cursor:pointer;width:100%;min-height:260px;padding:var(--space-10) var(--space-8);box-sizing:border-box;transition:var(--transition-control);-webkit-user-select:none;user-select:none;flex-direction:column;display:flex;position:relative}.dz-zone:hover{border-color:var(--text-subtle);background:var(--surface-2)}.dz-zone:focus-visible{box-shadow:var(--focus-ring);outline:none}.dz-zone--active{border-color:var(--primary);background:var(--primary-soft)}[data-theme=dark] .dz-zone--active{box-shadow:var(--glow)}.dz-input{opacity:0;cursor:pointer;width:100%;height:100%;display:none;position:absolute;inset:0}.dz-icon{color:var(--text-subtle);transition:color var(--dur-fast) var(--ease-standard)}.dz-zone:hover .dz-icon,.dz-zone--active .dz-icon{color:var(--primary)}.dz-label{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--text-md);letter-spacing:var(--tracking-tight);color:var(--text);margin:0}.dz-sublabel{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-subtle);letter-spacing:.01em;margin:0}.dz-error{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--danger-text);background:var(--danger-soft);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);display:inline-flex}@media (width<=480px){.dz-zone{min-height:200px;padding:var(--space-8) var(--space-6)}}.cp-page{align-items:center;gap:var(--space-5);flex-direction:column;width:100%;display:flex}.cp-eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--fw-medium);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted);align-self:flex-start}.cp-eyebrow-slash{color:var(--primary);margin-right:5px}.cp-container{border-radius:var(--radius-card);background:var(--coal-950,#070803);width:min(80vw,420px);height:min(80vw,420px);box-shadow:var(--shadow-md);position:relative;overflow:hidden}[data-theme=dark] .cp-container{border:1px solid var(--border)}.cp-container :global(.reactEasyCrop_CropArea){border-color:var(--primary)!important;box-shadow:0 0 0 9999px oklab(0% none none/.6)!important}[data-theme=dark] .cp-container :global(.reactEasyCrop_CropArea){box-shadow:0 0 0 9999px color-mix(in oklab, var(--coal-950) 80%, transparent)!important}.cp-controls{width:100%;max-width:min(80vw,420px)}.cp-zoom-row{align-items:center;gap:var(--space-3);grid-template-columns:auto 1fr auto;display:grid}.cp-zoom-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-subtle);-webkit-user-select:none;user-select:none}.cp-zoom-value{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-subtle);text-align:right;-webkit-user-select:none;user-select:none;min-width:28px}.cp-zoom-slider{cursor:pointer;width:100%;accent-color:var(--primary);height:4px}.cdr-btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-weight:var(--fw-medium);font-size:var(--text-sm);white-space:nowrap;border-radius:var(--radius-control);padding:0 var(--space-4);cursor:pointer;-webkit-user-select:none;user-select:none;height:40px;min-height:44px;transition:var(--transition-control);border:1px solid #0000;line-height:1;text-decoration:none;display:inline-flex}.cdr-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.cdr-btn[disabled]{opacity:.45;pointer-events:none}.cdr-btn svg{flex-shrink:0}.cdr-btn--primary{background:var(--primary);color:var(--text-on-accent);border-color:#0000}.cdr-btn--primary:hover:not([disabled]){background:var(--primary-hover)}.cdr-btn--primary:active:not([disabled]){background:var(--primary-press);transform:translateY(.5px)}[data-theme=dark] .cdr-btn--primary{color:var(--coal-950)}.cdr-btn--ghost{color:var(--text-muted);background:0 0}.cdr-btn--ghost:hover:not([disabled]){background:var(--surface-2);color:var(--text)}.cdr-btn--ghost:active:not([disabled]){background:var(--surface-3)}.cdr-btn--secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.cdr-btn--secondary:hover:not([disabled]){background:var(--surface-2);border-color:var(--text-subtle)}.cdr-spin{animation:.7s linear infinite cdr-rotate}@keyframes cdr-rotate{to{transform:rotate(360deg)}}.cp-actions{gap:var(--space-3);width:100%;max-width:min(80vw,420px);display:flex}.cp-actions .cdr-btn{flex:1}@media (width<=400px){.cp-actions{flex-direction:column-reverse}}.dl-page{align-items:stretch;gap:var(--space-5);flex-direction:column;width:100%;display:flex}.dl-eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--fw-medium);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted)}.dl-eyebrow-slash{color:var(--primary);margin-right:5px}.dl-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);overflow:hidden}.dl-previews{padding:var(--space-10) var(--space-8);border-bottom:1px solid var(--border);justify-content:center;align-items:center;gap:0;display:flex}.dl-preview-item{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.dl-preview-divider{background:var(--border);width:1px;height:80px;margin:0 var(--space-8);flex-shrink:0}.dl-img{image-rendering:pixelated;border-radius:var(--radius-sm);display:block}.dl-img--2x{width:192px;height:192px}.dl-img--1x{width:96px;height:96px}.dl-caption{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-subtle)}.dl-meta-row{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);flex-wrap:wrap;display:flex}.dl-status{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--success-text);display:inline-flex}.dl-check{color:var(--success)}.dl-badges{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.dl-badge{font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--fw-medium);letter-spacing:.02em;text-transform:uppercase;padding:3px var(--space-2);border-radius:var(--radius-xs);background:var(--surface-3);color:var(--text-muted);align-items:center;display:inline-flex}.dl-actions{gap:var(--space-3);width:100%;display:flex}.dl-actions .cdr-btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:44px;font-family:var(--font-sans);font-weight:var(--fw-medium);font-size:var(--text-sm);white-space:nowrap;border-radius:var(--radius-control);padding:0 var(--space-4);cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--transition-control);border:1px solid #0000;flex:1;text-decoration:none;display:inline-flex}.dl-actions .cdr-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.dl-actions .cdr-btn--primary{background:var(--primary);color:var(--text-on-accent)}.dl-actions .cdr-btn--primary:hover{background:var(--primary-hover)}.dl-actions .cdr-btn--primary:active{background:var(--primary-press);transform:translateY(.5px)}[data-theme=dark] .dl-actions .cdr-btn--primary{color:var(--coal-950)}.dl-actions .cdr-btn--ghost{color:var(--text-muted);background:0 0}.dl-actions .cdr-btn--ghost:hover{background:var(--surface-2);color:var(--text)}@media (width<=480px){.dl-previews{padding:var(--space-8) var(--space-4)}.dl-img--2x{width:min(40vw,160px);height:min(40vw,160px)}.dl-img--1x{width:min(20vw,80px);height:min(20vw,80px)}.dl-preview-divider{margin:0 var(--space-4)}.dl-actions{flex-direction:column}}.app{background:var(--bg);flex-direction:column;min-height:100dvh;display:flex}.app-header{z-index:40;background:color-mix(in oklab, var(--bg) 86%, transparent);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--border);flex-shrink:0;position:sticky;top:0}.app-header-inner{justify-content:space-between;align-items:center;max-width:640px;height:56px;margin-inline:auto;padding-inline:clamp(1rem,5vw,2rem);display:flex}.app-brand{align-items:center;gap:11px;display:flex}.app-logo-tile{border-radius:var(--radius-sm);background:var(--text);height:30px;color:var(--bg);font-family:var(--font-display);font-weight:var(--fw-black);letter-spacing:-.03em;-webkit-user-select:none;user-select:none;cursor:pointer;transition:var(--transition-control);border:none;align-items:center;padding:0 8px;font-size:14px;display:inline-flex}.app-logo-tile:hover{opacity:.85}.app-logo-tile:focus-visible{box-shadow:var(--focus-ring);outline:none}.app-logo-slash{color:var(--primary);opacity:.9;margin-right:1px}[data-theme=dark] .app-logo-tile{box-shadow:var(--glow)}.app-wordmark{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--fw-medium);letter-spacing:.04em;color:var(--text-muted)}.app-wordmark-slash{color:var(--primary);margin-right:2px}.app-theme-toggle{border-radius:var(--radius-control);width:34px;height:34px;color:var(--text-muted);cursor:pointer;transition:var(--transition-control);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.app-theme-toggle:hover{background:var(--surface-2);color:var(--text)}.app-theme-toggle:focus-visible{box-shadow:var(--focus-ring);outline:none}.app-main{box-sizing:border-box;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;max-width:640px;margin-inline:auto;padding:clamp(1.5rem,5vw,3rem) clamp(1rem,5vw,2rem);display:flex}.app-footer{border-top:1px solid var(--border);padding:var(--space-4) clamp(1rem, 5vw, 2rem);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;flex-shrink:0;display:flex}.app-footer-text{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-subtle)}.app-footer-slash{color:var(--primary);margin-right:6px}.app-footer-credit{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.03em;color:var(--text-subtle)}.app-footer-heart{color:var(--primary)}.app-footer-link{color:var(--text-muted);transition:color var(--dur-fast) var(--ease-standard);text-decoration:none}.app-footer-link:hover{color:var(--primary)}