:root{--ff-font-family:"Source Sans 3", "Segoe UI", sans-serif;--ff-color-primary:#0094d9;--ff-color-secondary:#0066b2;--ff-color-tertiary:#79b83e;--ff-color-alternate:#f3943d;--ff-color-primary-text:#3c3c3c;--ff-color-secondary-text:#979ca3;--ff-color-primary-bg:#fff;--ff-color-secondary-bg:#f8f8f8;--ff-color-accent-1:#616161;--ff-color-accent-2:#757575;--ff-color-accent-3:#e0e0e0;--ff-color-accent-4:#fcfcfc;--ff-color-success:#3dac00;--ff-color-warning:#ffb11d;--ff-color-error:#ff1414;--ff-color-info:#1c4494;--ff-color-line:#eee;--ff-color-white:#fff;--ff-color-black:#000;--ff-color-bg-success:#d7ffc5;--ff-color-bg-error:#ffd9d9;--ff-color-bg-warning:#ffeec7;--ff-color-bg-info:#ceedff;--ff-color-sub-primary:#d8edff;--ff-color-sub-secondary:#cfebff;--ff-color-sub-tertiary:#e7ffcf;--ff-color-sub-alternate:#ffecdc;--ff-space-xs:4px;--ff-space-sm:8px;--ff-space-md:16px;--ff-space-lg:24px;--ff-space-xl:32px;--ff-radius-sm:8px;--ff-radius-md:16px;--ff-radius-lg:24px;--ff-radius-full:9999px;--ff-shadow-sm:0 1px 3px #0000001a;--ff-shadow-md:0 3px 6px #0000001a;--ff-shadow-lg:0 8px 15px #0000001a;--ff-shadow-xl:0 16px 25px #0000001a;--ff-content-max:1400px;--ff-breakpoint-small:479px;--ff-breakpoint-medium:767px;--ff-breakpoint-large:991px;--ff-text-display-large:57px;--ff-text-display-medium:45px;--ff-text-display-small:36px;--ff-text-headline-large:32px;--ff-text-headline-medium:28px;--ff-text-headline-small:24px;--ff-text-title-large:22px;--ff-text-title-medium:20px;--ff-text-title-small:18px;--ff-text-body:14px;--ff-text-label:12px;--ds-font:var(--ff-font-family);--ds-font-display:var(--ff-font-family);--ds-font-mono:"JetBrains Mono", ui-monospace, monospace;--ds-primary:var(--ff-color-primary);--ds-secondary:var(--ff-color-secondary);--ds-tertiary:var(--ff-color-tertiary);--ds-alternate:var(--ff-color-alternate);--ds-success:var(--ff-color-success);--ds-warning:var(--ff-color-warning);--ds-error:var(--ff-color-error);--ds-info:var(--ff-color-info);--ds-text:var(--ff-color-primary-text);--ds-text-soft:var(--ff-color-accent-1);--ds-muted:var(--ff-color-secondary-text);--ds-faint:var(--ff-color-accent-2);--ds-bg:var(--ff-color-primary-bg);--ds-surface:var(--ff-color-secondary-bg);--ds-surface-2:var(--ff-color-accent-4);--ds-line:var(--ff-color-line);--ds-line-soft:var(--ff-color-accent-3);--ds-radius-sm:var(--ff-radius-sm);--ds-radius:var(--ff-radius-md);--ds-radius-lg:var(--ff-radius-lg);--ds-shadow-sm:var(--ff-shadow-sm);--ds-shadow:var(--ff-shadow-md);--ds-shadow-lg:var(--ff-shadow-lg)}[data-theme=dark],.app-dark{--ff-color-primary:#0094d9;--ff-color-secondary:#0066b2;--ff-color-tertiary:#79b83e;--ff-color-alternate:#f3943d;--ff-color-primary-text:#fff;--ff-color-secondary-text:#95a1ac;--ff-color-primary-bg:#0c1319;--ff-color-secondary-bg:#1a2329;--ff-color-accent-1:#eee;--ff-color-accent-2:#e0e0e0;--ff-color-accent-3:#2b363e;--ff-color-accent-4:#111619;--ff-color-success:#3dac00;--ff-color-warning:#ffb11d;--ff-color-error:#ff1414;--ff-color-info:#1c4494;--ff-color-line:#22282f;--ff-color-white:#fff;--ff-color-black:#000;--ff-color-bg-success:#0d1a00;--ff-color-bg-error:#1d0000;--ff-color-bg-warning:#201100;--ff-color-bg-info:#000c20;--ff-color-sub-primary:#00212d;--ff-color-sub-secondary:#00111f;--ff-color-sub-tertiary:#183100;--ff-color-sub-alternate:#4f2800}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--ff-font-family);font-size:var(--ff-text-body);color:var(--ff-color-primary-text);background:var(--ff-color-primary-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.viewport[data-v-2f8b2dff]{min-height:100dvh;padding:var(--ff-space-lg) var(--ff-space-md);justify-content:center;align-items:center;display:flex}.container[data-v-2f8b2dff]{gap:var(--ff-space-md);flex-direction:column;width:100%;max-width:720px;display:flex}.text-input[data-v-2f8b2dff]{width:100%;font-family:var(--ds-font-mono);font-size:var(--ff-text-body);color:var(--ff-color-primary-text);background:var(--ff-color-primary-bg);padding:var(--ff-space-sm) var(--ff-space-md);border:1px solid var(--ff-color-accent-3);border-radius:var(--ff-radius-sm);resize:vertical;white-space:pre-wrap;line-height:1.5;transition:border-color .15s}.text-input[data-v-2f8b2dff]:focus{border-color:var(--ff-color-primary);outline:none}.app-btn[data-v-2f8b2dff]{justify-content:center;align-self:flex-end;align-items:center;gap:var(--ff-space-xs);padding:var(--ff-space-sm) var(--ff-space-lg);border-radius:var(--ff-radius-full);font-family:var(--ff-font-family);font-size:var(--ff-text-body);color:var(--ff-color-white);cursor:pointer;border:0;font-weight:600;transition:background .15s,opacity .15s;display:inline-flex}.app-btn--primary[data-v-2f8b2dff]{background:var(--ff-color-tertiary)}.app-btn--primary[data-v-2f8b2dff]:hover{opacity:.9}.app-btn--secondary[data-v-2f8b2dff]{background:var(--ff-color-primary)}.app-btn--secondary[data-v-2f8b2dff]:hover{background:var(--ff-color-secondary)}