@layer reset, tokens, base, layout, components, utilities;@property --animation-reduced{syntax:"*";inherits:false;initial-value:none}@layer reset{*,:after,:before{box-sizing:border-box}blockquote,body,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,ol,p,pre,ul{margin:0}ol,ul{padding:0}ol[role=list],ul[role=list]{list-style:none}fieldset{border:0;min-inline-size:0}fieldset,legend{padding:0}audio,canvas,embed,iframe,img,object,svg,video{display:block;max-inline-size:100%}img,video{block-size:auto}button,input,optgroup,select,textarea{color:inherit;font:inherit;letter-spacing:inherit}[type=button],[type=reset],[type=submit],button{background:none;border:0;cursor:pointer;padding:0}textarea{resize:vertical}table{border-collapse:collapse;border-spacing:0}blockquote,dd,figcaption,label,li,p,small{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:var(--animation-reduced)!important;scroll-behavior:auto!important;transition-delay:0s!important;transition-duration:0s!important}}}@layer tokens{:root{--c-surface-l:#fafaf9;--c-surface-raised-l:#fff;--c-surface-sunken-l:#f5f5f4;--c-surface-disabled-l:#eae8e6;--c-text-l:#1c1917;--c-text-secondary-l:#57534e;--c-text-muted-l:#6b6560;--c-text-disabled-l:#57534e;--c-text-on-accent-l:#fff;--c-border-l:#e0ddda;--c-border-strong-l:#908a83;--c-accent-l:#0f766e;--c-accent-hover-l:#115e59;--c-success-l:#15803d;--c-success-text-l:#166534;--c-error-l:#b91c1c;--c-error-text-l:#b3261e;--c-warning-l:#a16207;--c-warning-text-l:#854d0e;--c-surface-d:#1c1917;--c-surface-raised-d:#292524;--c-surface-sunken-d:#141110;--c-surface-disabled-d:#3a3633;--c-text-d:#f5f5f4;--c-text-secondary-d:#d6d3d1;--c-text-muted-d:#a8a29e;--c-text-disabled-d:#d6d3d1;--c-text-on-accent-d:#0c1a18;--c-border-d:#3a3633;--c-border-strong-d:#7a736c;--c-accent-d:#4fc3b4;--c-accent-hover-d:#6fd6c7;--c-success-d:#6ee7a8;--c-success-text-d:#6ee7a8;--c-error-d:#fca5a5;--c-error-text-d:#fca5a5;--c-warning-d:#fbbf24;--c-warning-text-d:#fbbf24;--c-quiet-mix:10%;--c-accent-quiet-mix:8%;--color-surface:light-dark(var(--c-surface-l),var(--c-surface-d));--color-surface-raised:light-dark(var(--c-surface-raised-l),var(--c-surface-raised-d));--color-surface-sunken:light-dark(var(--c-surface-sunken-l),var(--c-surface-sunken-d));--color-surface-disabled:light-dark(var(--c-surface-disabled-l),var(--c-surface-disabled-d));--color-text-primary:light-dark(var(--c-text-l),var(--c-text-d));--color-text-secondary:light-dark(var(--c-text-secondary-l),var(--c-text-secondary-d));--color-text-muted:light-dark(var(--c-text-muted-l),var(--c-text-muted-d));--color-text-disabled:light-dark(var(--c-text-disabled-l),var(--c-text-disabled-d));--color-text-on-accent:light-dark(var(--c-text-on-accent-l),var(--c-text-on-accent-d));--color-text:var(--color-text-primary);--color-border:light-dark(var(--c-border-l),var(--c-border-d));--color-border-strong:light-dark(var(--c-border-strong-l),var(--c-border-strong-d));--color-accent:light-dark(var(--c-accent-l),var(--c-accent-d));--color-accent-hover:light-dark(var(--c-accent-hover-l),var(--c-accent-hover-d));--color-accent-quiet:color-mix(in oklab,var(--color-accent) var(--c-accent-quiet-mix),var(--color-surface));--color-success:light-dark(var(--c-success-l),var(--c-success-d));--color-success-text:light-dark(var(--c-success-text-l),var(--c-success-text-d));--color-success-quiet:color-mix(in oklab,var(--color-success) var(--c-quiet-mix),var(--color-surface));--color-error:light-dark(var(--c-error-l),var(--c-error-d));--color-error-text:light-dark(var(--c-error-text-l),var(--c-error-text-d));--color-error-quiet:color-mix(in oklab,var(--color-error) var(--c-quiet-mix),var(--color-surface));--color-warning:light-dark(var(--c-warning-l),var(--c-warning-d));--color-warning-text:light-dark(var(--c-warning-text-l),var(--c-warning-text-d));--color-warning-quiet:color-mix(in oklab,var(--color-warning) var(--c-quiet-mix),var(--color-surface));--color-info-quiet:var(--color-surface-sunken);--color-focus-ring:var(--color-accent);--focus-ring-width:2px;--focus-ring-offset:2px;--color-selection:color-mix(in oklab,var(--color-accent) 22%,var(--color-surface));--color-scrollbar-thumb:var(--color-border-strong);--color-scrollbar-track:var(--color-surface-sunken);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--radius:6px;--radius-pill:999px;--border-width:1px;--font-sans:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.375rem;--font-size-2xl:1.75rem;--font-size-inline-code:0.9em;--line-height-tight:1.2;--line-height-snug:1.35;--line-height-normal:1.55;--line-height-relaxed:1.7;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--measure:68ch;--underline-offset:0.15em;--icon-nudge:0.125em;--duration-fast:120ms;--duration-base:160ms;--easing-out:cubic-bezier(0.22,0.61,0.36,1);accent-color:var(--color-accent);color-scheme:light dark;scrollbar-color:var(--color-scrollbar-thumb) var(--color-scrollbar-track)}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{--c-quiet-mix:16%;--c-accent-quiet-mix:16%;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--c-quiet-mix:16%;--c-accent-quiet-mix:16%}}@supports not (color:light-dark(#000,#fff)){:root{--c-quiet-mix:10%;--c-accent-quiet-mix:8%;--color-surface:var(--c-surface-l);--color-surface-raised:var(--c-surface-raised-l);--color-surface-sunken:var(--c-surface-sunken-l);--color-surface-disabled:var(--c-surface-disabled-l);--color-text-primary:var(--c-text-l);--color-text-secondary:var(--c-text-secondary-l);--color-text-muted:var(--c-text-muted-l);--color-text-disabled:var(--c-text-disabled-l);--color-text-on-accent:var(--c-text-on-accent-l);--color-border:var(--c-border-l);--color-border-strong:var(--c-border-strong-l);--color-accent:var(--c-accent-l);--color-accent-hover:var(--c-accent-hover-l);--color-success:var(--c-success-l);--color-success-text:var(--c-success-text-l);--color-error:var(--c-error-l);--color-error-text:var(--c-error-text-l);--color-warning:var(--c-warning-l);--color-warning-text:var(--c-warning-text-l)}:root[data-theme=dark]{--c-quiet-mix:16%;--c-accent-quiet-mix:16%;--color-surface:var(--c-surface-d);--color-surface-raised:var(--c-surface-raised-d);--color-surface-sunken:var(--c-surface-sunken-d);--color-surface-disabled:var(--c-surface-disabled-d);--color-text-primary:var(--c-text-d);--color-text-secondary:var(--c-text-secondary-d);--color-text-muted:var(--c-text-muted-d);--color-text-disabled:var(--c-text-disabled-d);--color-text-on-accent:var(--c-text-on-accent-d);--color-border:var(--c-border-d);--color-border-strong:var(--c-border-strong-d);--color-accent:var(--c-accent-d);--color-accent-hover:var(--c-accent-hover-d);--color-success:var(--c-success-d);--color-success-text:var(--c-success-text-d);--color-error:var(--c-error-d);--color-error-text:var(--c-error-text-d);--color-warning:var(--c-warning-d);--color-warning-text:var(--c-warning-text-d)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--c-quiet-mix:16%;--c-accent-quiet-mix:16%;--color-surface:var(--c-surface-d);--color-surface-raised:var(--c-surface-raised-d);--color-surface-sunken:var(--c-surface-sunken-d);--color-surface-disabled:var(--c-surface-disabled-d);--color-text-primary:var(--c-text-d);--color-text-secondary:var(--c-text-secondary-d);--color-text-muted:var(--c-text-muted-d);--color-text-disabled:var(--c-text-disabled-d);--color-text-on-accent:var(--c-text-on-accent-d);--color-border:var(--c-border-d);--color-border-strong:var(--c-border-strong-d);--color-accent:var(--c-accent-d);--color-accent-hover:var(--c-accent-hover-d);--color-success:var(--c-success-d);--color-success-text:var(--c-success-text-d);--color-error:var(--c-error-d);--color-error-text:var(--c-error-text-d);--color-warning:var(--c-warning-d);--color-warning-text:var(--c-warning-text-d)}}}@media (prefers-contrast:more){:root{--color-border:var(--color-border-strong);--color-text-muted:var(--color-text-secondary);--focus-ring-width:3px;--border-width:2px}}@media (forced-colors:active){:root{--color-border:CanvasText;--color-border-strong:CanvasText;--color-focus-ring:Highlight}}}@layer base{html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-synthesis-weight:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-surface);font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--weight-regular);line-height:var(--line-height-normal);min-block-size:100dvh;overflow-wrap:break-word}body,h1,h2,h3,h4,h5,h6{color:var(--color-text-primary)}h1,h2,h3,h4,h5,h6{font-weight:var(--weight-semibold);letter-spacing:-.011em;line-height:var(--line-height-tight)}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}h4,h5,h6{font-size:var(--font-size-base)}p{max-inline-size:var(--measure)}small{font-size:var(--font-size-sm);line-height:var(--line-height-snug)}b,strong{font-weight:var(--weight-semibold)}a{color:var(--color-accent);text-decoration:underline;text-decoration-thickness:from-font;text-underline-offset:var(--underline-offset);transition:color var(--duration-fast) var(--easing-out)}a:hover{color:var(--color-accent-hover);text-decoration-thickness:calc(var(--border-width)*2)}code,kbd,pre,samp{font-family:var(--font-mono);font-size:var(--font-size-inline-code)}code{overflow-wrap:anywhere;padding:.1em .35em}code,pre{background-color:var(--color-surface-sunken);border:var(--border-width) solid var(--color-border);border-radius:var(--radius)}pre{overflow-x:auto;padding:var(--space-3)}pre code{background:none;border:0;padding:0}hr{-webkit-border-before:var(--border-width) solid var(--color-border);block-size:0;border:0;border-block-start:var(--border-width) solid var(--color-border);margin-block:var(--space-6)}::selection{background-color:var(--color-selection);color:var(--color-text-primary)}::placeholder{color:var(--color-text-muted);opacity:1}:where(a[href],area[href],button,input,select,textarea,summary,iframe,details,audio[controls],video[controls],[tabindex]:not([tabindex="-1"]),[contenteditable]:not([contenteditable=false])):focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}[hidden]{display:none!important}}@layer components{.btn{--btn-bg:#0000;--btn-ink:var(--color-text-primary);--btn-border:var(--color-border-strong);--btn-bg-hover:var(--color-surface-sunken);--btn-border-hover:var(--color-border-strong);--btn-ink-hover:var(--color-text-primary);align-items:center;background-color:var(--btn-bg);border:var(--border-width) solid var(--btn-border);border-radius:var(--radius);color:var(--btn-ink);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--weight-medium);gap:var(--space-2);justify-content:center;line-height:var(--line-height-snug);min-block-size:2.5rem;padding-block:var(--space-2);padding-inline:var(--space-4);text-align:center;text-decoration:none;transition:background-color var(--duration-fast) var(--easing-out),border-color var(--duration-fast) var(--easing-out),color var(--duration-fast) var(--easing-out);white-space:nowrap}.btn:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--btn-bg-hover);border-color:var(--btn-border-hover);color:var(--btn-ink-hover)}.btn:active:not(:disabled):not([aria-disabled=true]){transform:translateY(1px)}.btn:disabled,.btn[aria-disabled=true]{background-color:var(--color-surface-disabled);border-color:var(--color-border);color:var(--color-text-disabled);cursor:not-allowed;font-weight:var(--weight-regular);transform:none}.btn>.icon,.btn>svg{flex:none}.btn-send{--btn-bg:var(--color-accent);--btn-ink:var(--color-text-on-accent);--btn-border:var(--color-accent);--btn-bg-hover:var(--color-accent-hover);--btn-border-hover:var(--color-accent-hover);--btn-ink-hover:var(--color-text-on-accent);font-weight:var(--weight-semibold)}.btn-secondary{--btn-bg:var(--color-surface-raised);--btn-ink:var(--color-text-primary);--btn-border:var(--color-border-strong);--btn-bg-hover:var(--color-surface-sunken)}.btn-add{--btn-bg:#0000;--btn-ink:var(--color-text-primary);--btn-border:var(--color-border-strong);--btn-bg-hover:var(--color-surface-sunken);--btn-border-hover:var(--color-border-strong);--btn-ink-hover:var(--color-text-primary)}.btn-remove{--btn-bg:#0000;--btn-ink:var(--color-error-text);--btn-border:var(--color-border-strong);--btn-bg-hover:var(--color-error-quiet);--btn-border-hover:var(--color-error);--btn-ink-hover:var(--color-error-text)}.btn-preview{--btn-bg:var(--color-surface-sunken);--btn-ink:var(--color-text-primary);--btn-border:var(--color-border-strong);--btn-bg-hover:var(--color-surface-raised);font-weight:var(--weight-semibold)}.btn-preview-close{align-items:center;background:none;block-size:2.25rem;border:var(--border-width) solid #0000;border-radius:var(--radius);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;inline-size:2.25rem;justify-content:center;min-inline-size:2.25rem;padding:0;transition:background-color var(--duration-fast) var(--easing-out),border-color var(--duration-fast) var(--easing-out),color var(--duration-fast) var(--easing-out)}.btn-preview-close:hover{background-color:var(--color-surface-sunken);border-color:var(--color-border-strong);color:var(--color-text-primary)}.btn-google-signout{align-items:center;background:none;border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--weight-medium);gap:var(--space-1);min-block-size:2rem;padding-block:var(--space-1);padding-inline:var(--space-3);transition:background-color var(--duration-fast) var(--easing-out),color var(--duration-fast) var(--easing-out)}.btn-google-signout:hover{background-color:var(--color-surface-sunken);color:var(--color-text-primary)}.form-group{-webkit-margin-after:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2);margin-block-end:var(--space-6);min-inline-size:0}.form-group:last-child{-webkit-margin-after:0;margin-block-end:0}.form-group>label,.form-label{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--weight-semibold);line-height:var(--line-height-snug)}.help-text{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin:0;max-inline-size:var(--measure)}.help-text code{font-size:.9em}.input{--input-border:var(--border-width);background-color:var(--color-surface-raised);border:var(--input-border) solid var(--color-border-strong);border-radius:var(--radius);color:var(--color-text-primary);font-family:inherit;font-size:var(--font-size-base);inline-size:100%;line-height:var(--line-height-normal);min-inline-size:0;padding-block:calc(var(--space-2) + var(--border-width) - var(--input-border));padding-inline:calc(var(--space-3) + var(--border-width) - var(--input-border));transition:border-color var(--duration-fast) var(--easing-out),background-color var(--duration-fast) var(--easing-out)}textarea.input{min-block-size:6rem;resize:vertical}.input:hover:not(:disabled):not(:read-only){border-color:var(--color-text-secondary)}.input:where(:user-valid:required){border-color:color-mix(in oklab,var(--color-success) 45%,var(--color-border-strong))}.input:is(:user-invalid,.input--invalid){--input-border:calc(var(--border-width)*2);background-color:var(--color-error-quiet);border-color:var(--color-error)}.input:disabled,.input[readonly]{background-color:var(--color-surface-disabled);border-color:var(--color-border);color:var(--color-text-disabled);cursor:not-allowed}.card{background-color:var(--color-surface-raised);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);color:var(--color-text-primary);container-name:card;container-type:inline-size;padding:var(--space-6)}.card+.card{-webkit-margin-before:var(--space-6);margin-block-start:var(--space-6)}.card>:last-child{-webkit-margin-after:0;margin-block-end:0}.card-header{-webkit-margin-after:var(--space-6);-webkit-padding-after:var(--space-3);-webkit-border-after:var(--border-width) solid var(--color-border);align-items:baseline;border-block-end:var(--border-width) solid var(--color-border);display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;margin-block-end:var(--space-6);padding-block-end:var(--space-3)}.card-header h2{margin:0}.card-header h2,.card>h2{font-size:var(--font-size-lg);font-weight:var(--weight-semibold)}.card>h2{-webkit-margin-after:var(--space-6);-webkit-padding-after:var(--space-3);-webkit-border-after:var(--border-width) solid var(--color-border);border-block-end:var(--border-width) solid var(--color-border);margin-block-end:var(--space-6);padding-block-end:var(--space-3)}.card-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}@container card (inline-size < 26rem){.card-header{align-items:stretch;flex-direction:column}.card-header-actions{inline-size:100%}.card-header-actions .btn{flex:1 1 auto}}@container card (inline-size < 20rem){.btn{inline-size:100%;white-space:normal}}@media (max-width:29.999rem){.card{padding:var(--space-4)}}.dropzone{align-items:center;background-color:var(--color-surface-sunken);border:var(--border-width) dashed var(--color-border-strong);border-radius:var(--radius);color:var(--color-text-secondary);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-2);justify-content:center;padding:var(--space-8) var(--space-4);text-align:center;transition:border-color var(--duration-base) var(--easing-out),background-color var(--duration-base) var(--easing-out),color var(--duration-base) var(--easing-out)}.dropzone:hover{border-color:var(--color-text-secondary);color:var(--color-text-primary)}.dropzone:has(.dropzone-input:focus-visible){border-color:var(--color-accent);outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.dropzone--active{background-color:var(--color-surface-raised);border-color:var(--color-text-secondary);border-style:solid;color:var(--color-text-primary)}.dropzone--filled{background-color:var(--color-success-quiet);border-color:var(--color-success);border-style:solid;color:var(--color-text-primary)}.dropzone-icon{color:var(--color-text-muted);transition:color var(--duration-base) var(--easing-out)}.dropzone--active .dropzone-icon,.dropzone:hover .dropzone-icon{color:var(--color-text-primary)}.dropzone--filled .dropzone-icon{color:var(--color-success-text)}.dropzone-text{display:flex;flex-direction:column;font-size:var(--font-size-sm);gap:var(--space-1);line-height:var(--line-height-snug);overflow-wrap:anywhere}.dropzone-text strong{color:var(--color-text-primary);font-weight:var(--weight-semibold)}.dropzone-text small{color:var(--color-text-muted);font-size:var(--font-size-xs)}.dropzone-input{block-size:1px;border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);inline-size:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}.icon{flex:none;vertical-align:middle}.icon-success{color:var(--color-success-text)}.icon-error{color:var(--color-error-text)}.icon-info{color:var(--color-text-secondary)}.icon-muted{color:var(--color-text-muted)}.icon-spin{animation:spin 1s linear infinite}.icon-pop,.icon-spin{transform-origin:center}.icon-pop{animation:pop var(--duration-base) var(--easing-out) both}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}}@layer layout{.App{padding-block:var(--space-12);padding-inline:var(--space-6)}.container{container-name:shell;container-type:inline-size;display:flex;flex-direction:column;gap:var(--space-8);inline-size:100%;margin-inline:auto;max-inline-size:56rem}.container>*{min-inline-size:0}.header{grid-column-gap:var(--space-4);grid-row-gap:var(--space-1);-webkit-padding-after:var(--space-6);-webkit-border-after:var(--border-width) solid var(--color-border);align-items:center;border-block-end:var(--border-width) solid var(--color-border);column-gap:var(--space-4);display:grid;grid-template-columns:minmax(0,1fr) auto;padding-block-end:var(--space-6);row-gap:var(--space-1)}.header h1{font-size:var(--font-size-xl);grid-column:1;grid-row:1}.header p{font-size:var(--font-size-sm);grid-column:1;grid-row:2;line-height:var(--line-height-snug)}.header p,.theme-toggle{color:var(--color-text-secondary)}.theme-toggle{align-items:center;align-self:center;background-color:initial;border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius);cursor:pointer;display:inline-flex;grid-column:2;grid-row:1/span 2;justify-content:center;min-block-size:2.25rem;min-inline-size:2.25rem;padding:0;transition:background-color var(--duration-fast) var(--easing-out),border-color var(--duration-fast) var(--easing-out),color var(--duration-fast) var(--easing-out)}.theme-toggle:hover{background-color:var(--color-surface-sunken);color:var(--color-text-primary)}.theme-toggle:active{transform:translateY(1px)}@media (pointer:coarse){.theme-toggle{min-block-size:2.75rem;min-inline-size:2.75rem}}.footer{-webkit-padding-before:var(--space-6);-webkit-border-before:var(--border-width) solid var(--color-border);border-block-start:var(--border-width) solid var(--color-border);color:var(--color-text-secondary);font-size:var(--font-size-sm);padding-block-start:var(--space-6)}.footer-link{font-weight:var(--weight-medium)}.card-lock-wrap{position:relative}.card-lock-shield{background-color:initial;border:0;border-radius:var(--radius);cursor:pointer;inset:0;margin:0;padding:0;position:absolute;z-index:5}.card-lock-shield:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}@container shell (inline-size < 26rem){.header{-webkit-padding-after:var(--space-4);column-gap:var(--space-3);padding-block-end:var(--space-4)}.header h1{font-size:var(--font-size-lg)}.footer{-webkit-padding-before:var(--space-4);padding-block-start:var(--space-4)}}@media (max-width:29.999rem){.App{padding-block:var(--space-8);padding-inline:var(--space-4)}.container{gap:var(--space-6)}}@media (min-width:75rem){.App{-webkit-padding-before:var(--space-16);padding-block-start:var(--space-16)}}}@layer components{.container>.card+.card{-webkit-margin-before:0;margin-block-start:0}.card.locked-card{--color-text-primary:var(--color-text-muted);--color-text-secondary:var(--color-text-muted);border-color:var(--color-border-strong);border-style:dashed}.locked-card *{pointer-events:none}.card-lock-wrap:has(>.card-lock-shield:focus-visible) .card.locked-card,.card-lock-wrap:has(>.card-lock-shield:hover) .card.locked-card{border-color:var(--color-accent);border-style:solid}}@layer components{.config-form{display:block;min-inline-size:0}.google-auth-row{display:flex;flex-wrap:wrap;gap:var(--space-3)}.google-auth-row,.google-user-chip{align-items:center;min-inline-size:0}.google-user-chip{background-color:var(--color-surface-sunken);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);display:inline-flex;gap:var(--space-2);max-inline-size:100%;padding:var(--space-1) var(--space-3) var(--space-1) var(--space-1)}.google-user-avatar{block-size:2rem;border-radius:var(--radius-pill);flex:none;inline-size:2rem;object-fit:cover}.google-user-avatar--placeholder{background-color:var(--color-surface-sunken);border:var(--border-width) solid var(--color-border);color:var(--color-text-secondary);display:grid;font-size:var(--font-size-sm);font-weight:var(--weight-semibold);line-height:1;place-items:center;-webkit-user-select:none;user-select:none}.google-user-text{display:flex;flex-direction:column;min-inline-size:0}.google-user-email,.google-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.google-user-name{font-size:var(--font-size-sm);font-weight:var(--weight-medium);line-height:var(--line-height-snug)}.google-user-email{color:var(--color-text-muted);font-size:var(--font-size-xs);line-height:var(--line-height-snug)}.google-user-loading{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.oauth-missing-notice{background-color:var(--color-info-quiet);border:var(--border-width) solid var(--color-border-strong);border-inline-start-width:calc(var(--border-width)*3);border-radius:var(--radius);padding:var(--space-3) var(--space-4)}.oauth-missing-notice p{font-size:var(--font-size-sm)}.field-counter,.oauth-missing-notice p{color:var(--color-text-secondary);margin:0}.field-counter{font-feature-settings:"tnum";align-self:flex-end;font-size:var(--font-size-xs);font-variant-numeric:tabular-nums;line-height:var(--line-height-snug)}.field-counter--warn{color:var(--color-warning-text);font-weight:var(--weight-semibold)}.subject-offer{background-color:var(--color-surface-sunken);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3)}.subject-offer-text{font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin:0;max-inline-size:var(--measure)}.subject-offer-actions,.template-confirm-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.template-picker{-webkit-margin-after:var(--space-6);margin-block-end:var(--space-6)}.template-picker-legend{-webkit-margin-after:var(--space-2);color:var(--color-text-primary);display:block;font-size:var(--font-size-sm);font-weight:var(--weight-semibold);line-height:var(--line-height-snug);margin-block-end:var(--space-2);padding:0}.template-picker>.help-text{-webkit-margin-after:var(--space-3);margin-block-end:var(--space-3)}.template-picker>:last-child{-webkit-margin-after:0;margin-block-end:0}.template-options{grid-gap:var(--space-2);-webkit-margin-after:var(--space-3);display:grid;gap:var(--space-2);grid-template-columns:minmax(0,1fr);margin-block-end:var(--space-3)}@container card (inline-size >= 34rem){.template-options{grid-template-columns:repeat(2,minmax(0,1fr))}}.template-option{grid-column-gap:var(--space-3);grid-row-gap:var(--space-1);align-items:center;background-color:var(--color-surface-sunken);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);column-gap:var(--space-3);cursor:pointer;display:grid;grid-template-columns:auto minmax(0,1fr);padding:var(--space-3);row-gap:var(--space-1);transition:border-color var(--duration-fast) var(--easing-out),background-color var(--duration-fast) var(--easing-out)}.template-option:hover{border-color:var(--color-border-strong)}.template-option:has(.template-option-input:focus-visible){border-color:var(--color-accent)}.template-option:has(.template-option-input:disabled){background-color:var(--color-surface-disabled);color:var(--color-text-disabled);cursor:not-allowed}.template-option--active{background-color:var(--color-accent-quiet);border-color:var(--color-accent)}.template-option-input{align-self:center;grid-row:1/-1;margin:0}.template-option-label{font-size:var(--font-size-sm);font-weight:var(--weight-medium);line-height:var(--line-height-snug)}.template-option--active .template-option-label{font-weight:var(--weight-semibold)}.template-option-desc{color:var(--color-text-secondary);font-size:var(--font-size-sm);grid-column:2;line-height:var(--line-height-snug)}.template-confirm{background-color:var(--color-warning-quiet);border:var(--border-width) solid var(--color-warning);border-inline-start-width:calc(var(--border-width)*3);border-radius:var(--radius);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.template-confirm-text{align-items:flex-start;color:var(--color-text-primary);display:flex;font-size:var(--font-size-sm);gap:var(--space-2);line-height:var(--line-height-normal);margin:0;max-inline-size:var(--measure)}.template-confirm-text .icon{-webkit-margin-before:.125em;color:var(--color-warning-text);margin-block-start:.125em}.body-field{gap:var(--space-3)}.body-textarea{line-height:var(--line-height-relaxed)}.body-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.body-toolbar-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--weight-medium)}.body-chips{display:flex;flex-wrap:wrap;gap:var(--space-1);min-inline-size:0}.placeholder-chip{align-items:center;background-color:var(--color-surface-sunken);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius);color:var(--color-text-primary);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--weight-medium);line-height:var(--line-height-snug);min-block-size:1.5rem;padding-block:var(--space-1);padding-inline:var(--space-2);transition:background-color var(--duration-fast) var(--easing-out),border-color var(--duration-fast) var(--easing-out);white-space:nowrap}.placeholder-chip:hover{background-color:var(--color-accent-quiet);border-color:var(--color-accent)}.body-clear{-webkit-margin-start:auto;margin-inline-start:auto}.body-meta{align-items:baseline;display:flex;flex-wrap:wrap;font-size:var(--font-size-sm);gap:var(--space-2) var(--space-4)}.body-counter,.body-paragraphs{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.body-counter{color:var(--color-text-secondary)}.body-paragraphs{color:var(--color-text-muted)}.body-counter--warn{color:var(--color-warning-text);font-weight:var(--weight-medium)}.body-counter--over{color:var(--color-error-text);font-weight:var(--weight-semibold)}.body-warning{-webkit-border-start:calc(var(--border-width)*3) solid var(--color-warning);background-color:var(--color-warning-quiet);border-inline-start:calc(var(--border-width)*3) solid var(--color-warning);border-radius:var(--radius);color:var(--color-text-primary);flex-basis:100%;line-height:var(--line-height-normal);max-inline-size:var(--measure);padding:var(--space-2) var(--space-3)}.config-actions{-webkit-margin-before:var(--space-6);-webkit-padding-before:var(--space-6);-webkit-border-before:var(--border-width) solid var(--color-border);border-block-start:var(--border-width) solid var(--color-border);display:flex;flex-wrap:wrap;gap:var(--space-3);margin-block-start:var(--space-6);padding-block-start:var(--space-6)}.send-disabled-hint{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin-block:var(--space-2) 0;max-inline-size:var(--measure)}.recipient-item,.recipients-list{display:flex;flex-direction:column}.recipient-item{contain-intrinsic-size:auto 4rem;content-visibility:auto;gap:var(--space-2);margin-inline:calc(var(--space-2)*-1);min-inline-size:0;padding-block:var(--space-3);padding-inline:var(--space-2)}.recipient-item+.recipient-item{-webkit-border-before:var(--border-width) solid var(--color-border);border-block-start:var(--border-width) solid var(--color-border)}.recipient-row{grid-gap:var(--space-2);align-items:center;display:grid;gap:var(--space-2);grid-template-columns:minmax(0,1fr)}.recipient-row>*{min-inline-size:0}@container card (inline-size >= 44rem){.recipient-row{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr) auto}}.recipient-input-wrapper{min-inline-size:0;position:relative}.recipient-company,.recipient-contact{background-color:var(--color-surface-sunken)}.status-indicator{display:flex;inset-block-start:50%;inset-inline-end:var(--space-2);line-height:0;pointer-events:none;position:absolute;translate:0 -50%}.recipient-input-wrapper:has(.status-indicator) .input{-webkit-padding-end:var(--space-8);padding-inline-end:var(--space-8)}.status-success{color:var(--color-success-text)}.status-error{color:var(--color-error-text)}.status-message,.status-pending,.status-sending,.status-skipped{color:var(--color-text-secondary)}.status-message{-webkit-border-start:calc(var(--border-width)*2) solid var(--color-border-strong);align-self:flex-start;background-color:var(--color-surface-sunken);border-inline-start:calc(var(--border-width)*2) solid var(--color-border-strong);border-radius:var(--radius);font-size:var(--font-size-sm);line-height:var(--line-height-snug);max-inline-size:100%;padding-block:var(--space-1);padding-inline:var(--space-3)}.status-message.status-success{background-color:var(--color-success-quiet);border-inline-start-color:var(--color-success);color:var(--color-success-text)}.status-message.status-error{background-color:var(--color-error-quiet);border-inline-start-color:var(--color-error);color:var(--color-error-text)}.recipient-history-note{-webkit-border-start:calc(var(--border-width)*2) solid var(--color-warning);align-items:center;background-color:var(--color-warning-quiet);border-inline-start:calc(var(--border-width)*2) solid var(--color-warning);border-radius:var(--radius);color:var(--color-text-primary);display:flex;flex-wrap:wrap;font-size:var(--font-size-sm);gap:var(--space-2);line-height:var(--line-height-snug);padding-block:var(--space-1);padding-inline:var(--space-3)}.recipient-history-note .icon{color:var(--color-warning-text)}.recipient-history-clear{-webkit-margin-start:auto;background:none;border:0;color:var(--color-accent);cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--weight-medium);margin-inline-start:auto;min-block-size:1.5rem;padding-inline:var(--space-1);text-decoration:underline;text-underline-offset:.15em}.recipient-history-clear:hover:not(:disabled){color:var(--color-accent-hover);text-decoration-thickness:calc(var(--border-width)*2)}.recipient-history-clear:disabled{color:var(--color-text-disabled);cursor:not-allowed;text-decoration:none}.recipients-hint{line-height:var(--line-height-normal);margin-block:var(--space-4) 0;max-inline-size:var(--measure)}.recipients-hint,.recipients-summary{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.recipients-summary{-webkit-padding-before:var(--space-4);-webkit-border-before:var(--border-width) solid var(--color-border);font-feature-settings:"tnum";border-block-start:var(--border-width) solid var(--color-border);font-variant-numeric:tabular-nums;margin-block:var(--space-4);padding-block-start:var(--space-4)}.send-progress{display:flex;flex-direction:column;gap:var(--space-2);margin-block:var(--space-4)}.send-progress-bar{background-color:var(--color-surface-sunken);block-size:.5rem;border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-pill);overflow:hidden}.send-progress-fill{background-color:var(--color-text-secondary);block-size:100%;transition:inline-size var(--duration-base) var(--easing-out)}@media (forced-colors:active){.send-progress-fill{background-color:Highlight;forced-color-adjust:none}}.send-progress-label{font-feature-settings:"tnum";color:var(--color-text-secondary);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums}.results-card{display:flex;flex-direction:column;gap:var(--space-4)}.results-card .card-header{-webkit-margin-after:0;margin-block-end:0}.results-summary{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr))}@container card (inline-size < 22rem){.results-summary{grid-template-columns:minmax(0,1fr)}}.summary-item{background-color:var(--color-surface-sunken);border:var(--border-width) solid var(--color-border);border-block-start-width:calc(var(--border-width)*3);border-radius:var(--radius);display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3)}.summary-item.success{border-block-start-color:var(--color-success)}.summary-item.failed{border-block-start-color:var(--color-error)}.summary-item.total{border-block-start-color:var(--color-border-strong)}.summary-label{color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-snug)}.summary-value{font-feature-settings:"tnum";font-size:var(--font-size-xl);font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold);line-height:var(--line-height-tight)}.summary-item.success .summary-value{color:var(--color-success-text)}.summary-item.failed .summary-value{color:var(--color-error-text)}.results-list{display:flex;flex-direction:column}.result-item{grid-gap:var(--space-1);-webkit-padding-start:var(--space-3);-webkit-border-start:calc(var(--border-width)*2) solid var(--color-border-strong);border-inline-start:calc(var(--border-width)*2) solid var(--color-border-strong);contain-intrinsic-size:auto 3rem;content-visibility:auto;display:grid;gap:var(--space-1);grid-template-columns:minmax(0,1fr);padding-block:var(--space-2);padding-inline-start:var(--space-3)}.result-item+.result-item{-webkit-margin-before:var(--space-2);margin-block-start:var(--space-2)}.result-item.success{border-inline-start-color:var(--color-success)}.result-item.error{border-inline-start-color:var(--color-error)}@container card (inline-size >= 34rem){.result-item{align-items:baseline;gap:var(--space-4);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}.result-email{font-weight:var(--weight-medium)}.result-email,.result-status{font-size:var(--font-size-sm);overflow-wrap:anywhere}.result-status{align-items:flex-start;color:var(--color-text-secondary);display:flex;gap:var(--space-2);line-height:var(--line-height-snug)}.result-status .icon{-webkit-margin-before:.125em;margin-block-start:.125em}.result-status.success{color:var(--color-success-text)}.result-status.error{color:var(--color-error-text)}.follow-up-card{display:flex;flex-direction:column;gap:var(--space-4)}.follow-up-card .card-header{-webkit-margin-after:0;margin-block-end:0}.follow-up-count{align-items:center;display:flex;font-weight:var(--weight-medium);gap:var(--space-2);margin:0;max-inline-size:var(--measure)}.follow-up-clear-confirm{align-items:stretch;flex-direction:column}.follow-up-list{gap:var(--space-2);list-style:none}.follow-up-item,.follow-up-list{display:flex;flex-direction:column}.follow-up-item{background-color:var(--color-surface-sunken);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);gap:var(--space-3);padding:var(--space-3)}@container card (inline-size >= 40rem){.follow-up-item{align-items:center;flex-direction:row;justify-content:space-between}}.follow-up-item-main{display:flex;flex-direction:column;gap:var(--space-1);min-inline-size:0}.follow-up-email{font-weight:var(--weight-medium);overflow-wrap:anywhere}.follow-up-meta{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-snug)}.follow-up-actions{display:flex;flex-wrap:wrap}.follow-up-actions,.follow-up-added{align-items:center;gap:var(--space-2)}.follow-up-added{color:var(--color-success-text);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--weight-medium);min-block-size:2.5rem;padding-inline:var(--space-2)}.follow-up-history{-webkit-padding-before:var(--space-4);-webkit-border-before:var(--border-width) solid var(--color-border);border-block-start:var(--border-width) solid var(--color-border);padding-block-start:var(--space-4)}.follow-up-history-toggle{align-items:center;background:none;border:0;color:var(--color-accent);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--weight-medium);gap:var(--space-2);min-block-size:2rem;padding:0;text-decoration:underline;text-underline-offset:.15em}.follow-up-history-toggle:hover{color:var(--color-accent-hover);text-decoration-thickness:calc(var(--border-width)*2)}.follow-up-history-toggle[aria-expanded=true]{font-weight:var(--weight-semibold)}.follow-up-history-caption{-webkit-padding-after:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-snug);padding-block-end:var(--space-2);text-align:start}.follow-up-caveat{color:var(--color-text-muted)}.batch-notice{align-items:flex-start;background-color:var(--color-surface-raised);border:var(--border-width) solid var(--color-border-strong);border-inline-start-width:calc(var(--border-width)*3);border-radius:var(--radius);color:var(--color-text-primary);display:flex;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-4)}.batch-notice>div{flex:1 1;min-inline-size:0}.follow-up-clear-confirm>div{flex:0 0 auto}.batch-notice strong{-webkit-margin-after:var(--space-1);display:block;font-weight:var(--weight-semibold);margin-block-end:var(--space-1)}.batch-notice p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin:0;max-inline-size:var(--measure)}.batch-notice .icon{-webkit-margin-before:.125em;color:var(--color-text-secondary);margin-block-start:.125em}.batch-notice>div>.follow-up-actions,.batch-notice>div>.template-confirm-actions{-webkit-margin-before:var(--space-3);margin-block-start:var(--space-3)}.batch-notice--warning{background-color:var(--color-warning-quiet);border-color:var(--color-warning)}.batch-notice--warning .icon{color:var(--color-warning-text)}.batch-notice--info{background-color:var(--color-info-quiet);border-color:var(--color-border-strong)}.message-section{display:flex;flex-direction:column;gap:var(--space-4)}.switch-field{align-items:flex-start;background-color:var(--color-surface-sunken);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-3)}.switch-field:hover{border-color:var(--color-border-strong)}.switch-input{-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.switch-track{-webkit-margin-before:.125rem;background-color:var(--color-surface);block-size:1.25rem;border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-pill);flex:0 0 auto;inline-size:2.25rem;margin-block-start:.125rem;position:relative;transition:background-color var(--duration-fast) var(--easing-out),border-color var(--duration-fast) var(--easing-out)}.switch-track:after{background-color:var(--color-text-secondary);block-size:.875rem;border-radius:var(--radius-pill);content:"";inline-size:.875rem;inset-block-start:.125rem;inset-inline-start:.125rem;position:absolute;transition:translate var(--duration-fast) var(--easing-out),background-color var(--duration-fast) var(--easing-out)}.switch-input:checked+.switch-track{background-color:var(--color-accent);border-color:var(--color-accent)}.switch-input:checked+.switch-track:after{background-color:var(--color-text-on-accent);translate:1rem 0}}@layer components{.switch-input:focus-visible+.switch-track{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.switch-input:disabled+.switch-track{background-color:var(--color-surface-disabled);border-color:var(--color-border)}.switch-input:disabled+.switch-track:after{background-color:var(--color-text-disabled)}.switch-field:has(.switch-input:disabled){color:var(--color-text-disabled);cursor:not-allowed}.switch-text{display:flex;flex-direction:column;gap:var(--space-1);min-inline-size:0}.switch-title{color:var(--color-text-primary);font-weight:var(--weight-semibold);line-height:var(--line-height-snug)}.switch-hint{text-wrap:pretty;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.message-draft-note{margin:0}.disclosure{background-color:var(--color-surface-sunken);border:var(--border-width) solid var(--color-border);border-radius:var(--radius)}.disclosure-summary{align-items:baseline;background:none;border:0;border-radius:inherit;color:inherit;cursor:pointer;display:flex;font:inherit;gap:var(--space-4);inline-size:100%;padding:var(--space-3);text-align:start}.disclosure-summary:hover{background-color:var(--color-surface-raised)}.disclosure-summary:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:calc(var(--focus-ring-offset)*-1)}.disclosure-summary:disabled{color:var(--color-text-disabled);cursor:not-allowed}.disclosure-text{align-items:baseline;display:flex;flex:1 1 auto;flex-wrap:wrap;gap:var(--space-1) var(--space-3);min-inline-size:0}.disclosure-title{color:var(--color-text-primary);font-weight:var(--weight-semibold)}.disclosure-value{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.disclosure-action{color:var(--color-accent);flex:0 0 auto;font-size:var(--font-size-sm);font-weight:var(--weight-medium);text-decoration:underline;text-underline-offset:var(--underline-offset)}.disclosure-summary:disabled .disclosure-action,.disclosure-summary:disabled .disclosure-title,.disclosure-summary:disabled .disclosure-value{color:inherit}.disclosure .template-picker{-webkit-border-before:var(--border-width) solid var(--color-border);-webkit-border-after:0;border-block-end:0;border-block-start:var(--border-width) solid var(--color-border);border-inline:0;border-radius:0}@media (prefers-reduced-motion:reduce){.switch-track,.switch-track:after{transition:none}}}@layer components{.insert-group{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-2);min-inline-size:0}.insert-group-label{color:var(--color-text-muted);font-size:var(--font-size-xs);text-transform:none}.body-input-wrap{isolation:isolate;position:relative}.body-backdrop{border:var(--border-width) solid #0000;border-radius:var(--radius);color:#0000;font:inherit;font-family:var(--font-sans);font-size:var(--font-size-base);inset:0;line-height:var(--line-height-relaxed);overflow:hidden;overflow-wrap:break-word;padding:var(--space-2) var(--space-3);pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;white-space:pre-wrap;z-index:0}.body-input-wrap .body-textarea{background-color:initial;position:relative;z-index:1}.body-token{background-color:var(--color-accent-quiet);border-radius:var(--radius);color:#0000;padding-block:.05em}.body-sample{background-color:var(--color-surface-sunken);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3)}.body-sample-label{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--weight-medium)}.body-sample-text{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin:0;max-height:8lh;overflow-wrap:break-word;overflow-y:auto;white-space:pre-wrap}.body-sample-filled{background-color:var(--color-accent-quiet);border-radius:var(--radius);color:var(--color-text-primary);font-weight:var(--weight-semibold);padding-inline:.15em}.fold{background-color:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius)}.fold-heading{font-size:inherit;font-weight:inherit;margin:0}.fold-toggle{align-items:baseline;background:none;border:0;border-radius:inherit;color:inherit;display:flex;flex-wrap:wrap;font:inherit;gap:var(--space-2) var(--space-4);inline-size:100%;padding:var(--space-4);text-align:start}.fold-toggle:not(:disabled){cursor:pointer}.fold-toggle:not(:disabled):hover{background-color:var(--color-surface-sunken)}}@layer components{.fold-toggle:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:calc(var(--focus-ring-offset)*-1)}.fold-title{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--weight-semibold)}.fold-summary{align-items:center;color:var(--color-text-secondary);display:inline-flex;flex:1 1 12rem;gap:var(--space-2);min-inline-size:0}.fold-action,.fold-summary{font-size:var(--font-size-sm)}.fold-action{color:var(--color-accent);flex:0 0 auto;font-weight:var(--weight-medium);text-decoration:underline;text-underline-offset:var(--underline-offset)}.fold-body{-webkit-border-before:var(--border-width) solid var(--color-border);-webkit-margin-before:var(--space-1);-webkit-padding-before:var(--space-4);border-block-start:var(--border-width) solid var(--color-border);margin-block-start:var(--space-1);padding:0 var(--space-4) var(--space-4);padding-block-start:var(--space-4)}.fold-body--locked{color:var(--color-text-disabled)}@container (max-width: 30rem){.fold-toggle{padding:var(--space-3)}.fold-body{padding-inline:var(--space-3)}}}@layer components{.preview-overlay,.signin-overlay{--modal-scrim:color-mix(in oklab,light-dark(var(--color-text-primary),var(--color-surface-sunken)) 68%,#0000);background-color:var(--modal-scrim);display:flex;inset:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-6);position:fixed;z-index:100}@supports not (color:light-dark(#000,#fff)){.preview-overlay,.signin-overlay{--modal-scrim:color-mix(in oklab,var(--color-border-strong) 72%,#0000)}}@media (prefers-contrast:more){.preview-overlay,.signin-overlay{--modal-scrim:color-mix(in oklab,light-dark(var(--color-text-primary),var(--color-surface-sunken)) 88%,#0000)}}.preview-modal,.signin-modal{background-color:var(--color-surface-raised);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius);color:var(--color-text-primary);container-name:modal;container-type:inline-size;display:flex;flex-direction:column;inline-size:100%;margin:auto;max-block-size:100%;overflow:hidden}.preview-modal{max-inline-size:46rem}.preview-modal.import-modal{max-inline-size:52rem}.signin-modal{align-items:center;gap:var(--space-4);max-inline-size:26rem;padding:var(--space-8) var(--space-6);text-align:center}.signin-icon{align-items:center;background-color:var(--color-surface-sunken);block-size:3.5rem;border:var(--border-width) solid var(--color-border);border-radius:var(--radius);color:var(--color-text-secondary);display:inline-flex;inline-size:3.5rem;justify-content:center}.signin-modal h2{font-size:var(--font-size-xl);margin:0}.signin-modal p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin:0;max-inline-size:34ch}.signin-btn{-webkit-margin-before:var(--space-2);inline-size:100%;margin-block-start:var(--space-2)}.signin-dismiss{background:none;border:0;border-radius:var(--radius);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--weight-medium);padding:var(--space-1) var(--space-2);transition:color var(--duration-fast) var(--easing-out)}.signin-dismiss:hover{color:var(--color-text-primary);text-decoration:underline;text-underline-offset:.15em}.preview-header{-webkit-border-after:var(--border-width) solid var(--color-border);align-items:flex-start;background-color:var(--color-surface-raised);border-block-end:var(--border-width) solid var(--color-border);display:flex;flex:none;gap:var(--space-4);justify-content:space-between;padding:var(--space-4) var(--space-6)}.preview-header h2{font-size:var(--font-size-lg);margin:0}.preview-subject{-webkit-margin-before:var(--space-1);color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-snug);margin-block-start:var(--space-1);max-inline-size:none;overflow-wrap:anywhere}.preview-subject code{font-size:.9em}.preview-iframe{align-self:stretch;background-color:var(--color-surface-raised);block-size:60dvh;border:var(--border-width) solid var(--color-border);border-radius:var(--radius);color-scheme:light;flex:1 1 auto;inline-size:auto;margin:var(--space-4) var(--space-6) var(--space-6);min-block-size:0}.import-body{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--space-6);min-block-size:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-6) var(--space-6) 0}.csv-hint{background-color:var(--color-surface-sunken);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);flex-direction:column;padding:var(--space-4)}.csv-hint,.csv-hint-head{display:flex;gap:var(--space-3)}.csv-hint-head{align-items:center;justify-content:space-between}.csv-hint-title{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase}.csv-sample-link{align-items:center;background:none;border:0;border-radius:var(--radius);color:var(--color-accent);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--weight-medium);gap:var(--space-1);padding:var(--space-1) var(--space-2);text-decoration:underline;text-underline-offset:.15em;transition:color var(--duration-fast) var(--easing-out),background-color var(--duration-fast) var(--easing-out);white-space:nowrap}.csv-sample-link:hover{background-color:var(--color-accent-quiet);color:var(--color-accent-hover)}.csv-note{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin:0;max-inline-size:none}.csv-note strong{color:var(--color-text-primary);font-weight:var(--weight-semibold)}.csv-table-wrap{background-color:var(--color-surface-raised);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);inline-size:100%;overflow-x:auto;overscroll-behavior-x:contain}.csv-table-wrap:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:calc(var(--focus-ring-offset)*-1)}.csv-table,.import-preview-table{border-collapse:collapse;font-size:var(--font-size-sm);inline-size:100%;line-height:var(--line-height-snug);text-align:start}.csv-table td,.csv-table th,.import-preview-table td,.import-preview-table th{-webkit-border-after:var(--border-width) solid var(--color-border);border-block-end:var(--border-width) solid var(--color-border);padding:var(--space-2) var(--space-3);text-align:start;vertical-align:top;white-space:nowrap}.csv-table thead th,.import-preview-table thead th{background-color:var(--color-surface-sunken);color:var(--color-text-secondary);font-weight:var(--weight-semibold)}.csv-table tbody tr:last-child td,.import-preview-table tbody tr:last-child td{-webkit-border-after:0;border-block-end:0}.csv-empty{color:var(--color-text-muted);font-style:italic}.csv-badge{align-items:center;border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius);display:inline-flex;font-size:var(--font-size-xs);letter-spacing:.02em;line-height:var(--line-height-snug);padding-block:.125rem;padding-block:var(--space-0-5,.125rem);padding-inline:var(--space-2);text-transform:lowercase;white-space:nowrap}.csv-badge.required{background-color:var(--color-surface-disabled);color:var(--color-text-primary);font-weight:var(--weight-semibold)}.csv-badge.optional{background-color:initial;color:var(--color-text-secondary);font-weight:var(--weight-regular)}.csv-dropzone{padding-block:var(--space-6)}.import-feedback{align-items:flex-start;background-color:var(--color-surface-sunken);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);display:flex;font-size:var(--font-size-sm);gap:var(--space-3);line-height:var(--line-height-normal);padding:var(--space-4)}.import-feedback .icon{-webkit-margin-before:.125em;-webkit-margin-before:var(--icon-nudge,.125em);margin-block-start:.125em;margin-block-start:var(--icon-nudge,.125em)}.import-feedback strong{color:var(--color-text-primary);display:block;font-size:var(--font-size-base);font-weight:var(--weight-semibold);line-height:var(--line-height-snug)}.import-feedback p{-webkit-margin-before:var(--space-1);-webkit-margin-after:0;color:var(--color-text-secondary);margin-block-end:0;margin-block-start:var(--space-1);max-inline-size:none}.import-feedback--error{background-color:var(--color-error-quiet);border-color:var(--color-error)}.import-feedback--error .icon{color:var(--color-error-text)}.import-feedback--success{background-color:var(--color-success-quiet);border-color:var(--color-success)}.import-feedback--success .icon{color:var(--color-success-text)}.import-merge{font-weight:var(--weight-medium)}.import-preview{display:flex;flex-direction:column;gap:var(--space-3)}.import-preview-count{color:var(--color-text-muted);font-size:var(--font-size-xs);white-space:nowrap}.import-issue-groups{display:flex;flex-direction:column;gap:var(--space-2)}.import-issue-group{background-color:var(--color-surface-sunken);border:var(--border-width) solid var(--color-border);border-radius:var(--radius)}.import-issue-summary{align-items:center;border-radius:var(--radius);color:var(--color-text-primary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--weight-medium);gap:var(--space-2);line-height:var(--line-height-snug);list-style:none;padding:var(--space-3) var(--space-4);transition:background-color var(--duration-fast) var(--easing-out)}.import-issue-summary::-webkit-details-marker{display:none}.import-issue-summary:hover{background-color:var(--color-surface-disabled)}.import-issue-summary .icon{color:var(--color-warning)}.import-issue-summary:after{-webkit-margin-start:auto;-webkit-border-end:calc(var(--border-width)*2) solid currentColor;-webkit-border-after:calc(var(--border-width)*2) solid currentColor;block-size:.45em;border-block-end:calc(var(--border-width)*2) solid currentColor;border-inline-end:calc(var(--border-width)*2) solid currentColor;content:"";inline-size:.45em;margin-inline-start:auto;transform:rotate(45deg);transition:transform var(--duration-fast) var(--easing-out)}.import-issue-group[open] .import-issue-summary:after{transform:rotate(-135deg)}.import-issue-group[open] .import-issue-summary{-webkit-border-after:var(--border-width) solid var(--color-border);border-block-end:var(--border-width) solid var(--color-border);border-end-end-radius:0;border-end-start-radius:0}.import-issues{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;margin:0;padding:var(--space-3) var(--space-4)}.import-issues li{align-items:flex-start;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--space-2);line-height:var(--line-height-snug);overflow-wrap:anywhere}.import-issues li .icon{-webkit-margin-before:.125em;-webkit-margin-before:var(--icon-nudge,.125em);color:var(--color-text-muted);margin-block-start:.125em;margin-block-start:var(--icon-nudge,.125em)}.import-actions{-webkit-border-before:var(--border-width) solid var(--color-border);align-items:center;background-color:var(--color-surface-raised);border-block-start:var(--border-width) solid var(--color-border);display:flex;flex-wrap:wrap;gap:var(--space-3);inset-block-end:0;justify-content:flex-end;margin-inline:calc(var(--space-6)*-1);padding:var(--space-4) var(--space-6);position:-webkit-sticky;position:sticky;z-index:1}@container modal (inline-size < 30rem){.csv-hint-head{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.import-actions .btn{flex:1 1 auto}}@media (max-width:29.999rem){.preview-overlay,.signin-overlay{padding:var(--space-2)}.signin-modal{padding:var(--space-6) var(--space-4)}.preview-header{padding:var(--space-3) var(--space-4)}.preview-iframe{margin:var(--space-3) var(--space-4) var(--space-4)}.import-body{padding:var(--space-4) var(--space-4) 0}.import-actions{margin-inline:calc(var(--space-4)*-1);padding:var(--space-3) var(--space-4)}}@media (max-height:39.999rem){.preview-iframe{block-size:50dvh;margin-block:var(--space-3) var(--space-4)}.signin-modal{padding-block:var(--space-6)}}}@layer components{.notification{--toast-edge:var(--color-border-strong);--toast-ground:var(--color-surface-raised);--toast-glyph:var(--color-text-secondary);-webkit-border-start:calc(var(--border-width)*3) solid var(--toast-edge);animation:notification-arrive var(--duration-base) var(--easing-out) both;background-color:var(--toast-ground);border:var(--border-width) solid var(--color-border);border-inline-start:calc(var(--border-width)*3) solid var(--toast-edge);border-radius:var(--radius);color:var(--color-text-primary);inline-size:min(26rem,calc(100% - var(--space-8)));inset-block-start:var(--space-4);inset-inline-end:var(--space-4);position:fixed;z-index:200}.notification-content{align-items:flex-start;display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.notification-icon{-webkit-margin-before:.125rem;align-items:center;color:var(--toast-glyph);display:inline-flex;flex:none;margin-block-start:.125rem}.notification-message{color:var(--color-text-primary);flex:1 1 auto;font-size:var(--font-size-sm);font-weight:var(--weight-medium);line-height:var(--line-height-normal);min-inline-size:0;overflow-wrap:anywhere}.notification-close{align-items:center;background:none;block-size:2.25rem;block-size:var(--control-size-sm,2.25rem);border:var(--border-width) solid #0000;border-radius:var(--radius);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;flex:none;inline-size:2.25rem;inline-size:var(--control-size-sm,2.25rem);justify-content:center;padding:0;transition:background-color var(--duration-fast) var(--easing-out),border-color var(--duration-fast) var(--easing-out),color var(--duration-fast) var(--easing-out)}.notification-close:hover{background-color:var(--color-surface-sunken);border-color:var(--color-border-strong);color:var(--color-text-primary)}.notification-success{--toast-edge:var(--color-success);--toast-ground:var(--color-success-quiet);--toast-glyph:var(--color-success-text)}.notification-error{--toast-edge:var(--color-error);--toast-ground:var(--color-error-quiet);--toast-glyph:var(--color-error-text)}.notification-warning{--toast-edge:var(--color-warning);--toast-ground:var(--color-warning-quiet);--toast-glyph:var(--color-warning-text)}.notification-info{--toast-edge:var(--color-border-strong);--toast-ground:var(--color-surface-raised);--toast-glyph:var(--color-text-secondary)}@keyframes notification-arrive{0%{opacity:0;transform:translateY(calc(var(--space-2)*-1))}to{opacity:1;transform:none}}@media (max-width:29.999rem){.notification{inline-size:auto;inset-block-start:var(--space-2);inset-inline:var(--space-2)}}}
/*# sourceMappingURL=main.525b435d.css.map*/