@layer theme{:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background-base:#141417;--surface:#1f1f24;--surface-inset:#19191e;--surface-raised:#2a2a31;--border-subtle:#f0eff714;--border-hover:#f0eff724;--text-primary:#f8f7fcf2;--text-secondary:#f0eff7a8;--text-tertiary:#f0eff770;--brand-rim:#2dd4bf;--brand-wall:#0d9488;--brand-depth:#115e59;--accent:var(--brand-rim);--accent-hover:#5eead4;--accent-foreground:#042f2e;--accent-text:var(--brand-rim);--accent-soft:color-mix(in srgb, var(--brand-rim) 12%, transparent);--accent-border:color-mix(in srgb, var(--brand-rim) 30%, transparent);--brand-glow:color-mix(in srgb, var(--brand-wall) 16%, transparent);--success:#9bbfaa;--success-subtle:#9bbfaa1a;--warning:#cbb38c;--warning-subtle:#cbb38c12;--warning-border:#cbb38c40;--skeleton-base:#f0eff70f;--skeleton-highlight:#f0eff70a;--font-sans:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--font-body:15px;--line-height-body:1.6;--radius-small:6px;--radius-medium:8px;--radius-card:12px;--radius-panel:14px;--shadow-panel:inset 0 1px 0 #ffffff08, 0 16px 40px -24px #000000b3;--motion-fast:.12s;--motion-duration:.18s;--motion-enter:.22s;--motion-easing:cubic-bezier(.2, .8, .2, 1);--result-stagger:25ms;--focus-width:2px;--focus-offset:2px;--editor-min-height:min(400px, 55dvh);--editor-max-height:max(240px, calc(100dvh - 240px));--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--page-max-width:1280px;--page-gutter:var(--space-12);--header-height:64px}@media (width<=1024px){:root{--page-gutter:var(--space-8)}}@media (width<=767px){:root{--editor-min-height:min(280px, 45dvh);--page-gutter:var(--space-5);--header-height:56px}}@media (width<=380px){:root{--page-gutter:var(--space-4)}}}@layer base{*,:before,:after{box-sizing:border-box}body{background:var(--background-base);color:var(--text-primary);margin:0}body,button,textarea{font-family:var(--font-sans);font-size:var(--font-body);line-height:var(--line-height-body);-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}button,textarea{color:inherit}button{cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:var(--focus-width) solid var(--accent);outline-offset:var(--focus-offset)}button,input,textarea,a{transition:background-color var(--motion-duration) var(--motion-easing), border-color var(--motion-duration) var(--motion-easing), box-shadow var(--motion-duration) var(--motion-easing), color var(--motion-duration) var(--motion-easing), opacity var(--motion-fast) var(--motion-easing), transform var(--motion-fast) var(--motion-easing)}button svg{flex-shrink:0}[hidden]{display:none!important}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.section-label{letter-spacing:.065em;color:var(--text-tertiary);text-transform:uppercase;font-size:12px;font-weight:500}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes content-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after,::backdrop{transition:none!important;animation:none!important}}}@layer primitives{.button{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-medium);white-space:nowrap;border:0;min-height:36px;padding:7px 12px;font-size:13px;font-weight:500;line-height:20px;display:inline-flex}.button--primary{background:var(--accent);min-height:38px;color:var(--accent-foreground);border-radius:10px;padding:8px 16px;font-weight:600;box-shadow:inset 0 1px #ffffff2e,0 1px 2px #00000059}.button--primary:has(.button-shortcut){padding-inline-end:10px}.button--primary:hover:not(:disabled){background:var(--accent-hover)}.button--primary:disabled{opacity:.5;box-shadow:none}.button--ghost{color:var(--text-secondary);background:0 0}.button--ghost:hover:not(:disabled){background:var(--surface-raised);color:var(--text-primary)}.button--ghost:disabled{color:var(--text-tertiary)}.button:active:not(:disabled){transform:scale(.97)}@media (hover:hover) and (pointer:fine){.button--primary:hover:not(:disabled){transform:translateY(-1px)}.button--primary:active:not(:disabled){transform:translateY(0)scale(.97)}}.icon-button{min-width:36px;padding:8px}.kbd{background:var(--surface-raised);min-width:20px;height:20px;color:var(--text-secondary);font-family:var(--font-sans);white-space:nowrap;transition:background-color var(--motion-duration) var(--motion-easing);border-radius:5px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:500;line-height:1;display:inline-flex}.button--primary .button-shortcut{color:var(--accent-foreground);background:#042f2e29}.button--ghost:hover:not(:disabled) .button-shortcut{background:var(--surface-inset)}@media (hover:none){.button-shortcut{display:none}}.card{padding:var(--space-4);background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-card);min-width:0;position:relative}.card--tier:before{content:"";top:20px;bottom:20px;background:var(--accent);width:2px;opacity:var(--tier-opacity);border-radius:2px;position:absolute;inset-inline-start:-1px}.textarea{width:100%;min-height:var(--editor-min-height);max-height:var(--editor-max-height);resize:none;border-radius:var(--radius-small);scrollbar-width:thin;scrollbar-color:var(--border-hover) transparent;background:0 0;border:0;padding:4px;display:block;overflow-y:auto}.textarea::placeholder{color:var(--text-secondary)}.skeleton{gap:11px;padding:9px 0;display:grid}.skeleton-line{background:var(--skeleton-base);border-radius:3px;height:12px;display:block;position:relative;overflow:hidden}.skeleton-line:nth-child(2){width:93%}.skeleton-line:last-child{width:65%}.skeleton-line:after{content:"";background:var(--skeleton-highlight);animation:1.5s ease-out infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{opacity:0;transform:translate(-100%)}45%{opacity:1}to{opacity:0;transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.skeleton-line:after{animation:none;display:none}}.dialog{border:1px solid var(--border-hover);border-radius:var(--radius-panel);background:var(--surface);width:min(440px,100vw - 32px);max-height:calc(100dvh - 48px);color:var(--text-primary);padding:0;box-shadow:0 24px 64px -16px #000000b3}.dialog--wide{width:min(1040px,100vw - 32px)}.dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#08080ab8}.dialog[open]{animation:dialog-enter var(--motion-enter) var(--motion-easing)}.dialog[open]::backdrop{animation:fade-in var(--motion-duration) var(--motion-easing)}@keyframes dialog-enter{0%{opacity:0;transform:translateY(8px)scale(.98)}}.dialog-panel{padding:var(--space-5) var(--space-6) var(--space-6)}.dialog-header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.dialog-title{letter-spacing:-.015em;font-size:18px;font-weight:600}.dialog-header .icon-button{margin-inline-end:-8px}.dialog-intro{color:var(--text-secondary);font-size:14px}.dialog-error{margin-top:var(--space-3);color:var(--warning);animation:content-enter var(--motion-duration) var(--motion-easing);font-size:13px}.dialog-footnote{margin-top:var(--space-5);color:var(--text-secondary);font-size:12px}.dialog-footnote a{color:var(--accent-text);text-underline-offset:3px}.toast-region{z-index:50;top:var(--space-4);inset-inline:var(--space-4);align-items:center;gap:var(--space-2);pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--space-2);border:1px solid var(--border-hover);border-radius:var(--radius-medium);background:var(--surface-raised);max-width:min(480px,100%);color:var(--text-primary);animation:toast-drop var(--motion-enter) var(--motion-easing);padding:8px 14px;font-size:13px;font-weight:500;display:flex;box-shadow:0 12px 32px -12px #0009}.toast:has(button){pointer-events:auto;padding-block:6px;padding-inline-end:6px}.toast.is-leaving{animation:toast-lift var(--motion-duration) var(--motion-easing) forwards}.toast>svg{color:var(--accent-text);flex-shrink:0}.toast[data-tone=warning]{border-color:var(--warning-border)}.toast[data-tone=warning]>svg{color:var(--warning)}.toast-message{text-wrap:pretty}@keyframes toast-drop{0%{opacity:0;transform:translateY(calc(-100% - var(--space-4)))}}@keyframes toast-lift{to{opacity:0;transform:translateY(calc(-100% - var(--space-4)))}}}@layer layout{.app{isolation:isolate;flex-direction:column;min-height:100dvh;display:flex;position:relative}.app:before{content:"";z-index:-1;background:radial-gradient(45% 70% at 15% 0%, var(--brand-glow), transparent 70%);pointer-events:none;height:480px;position:absolute;inset:0 0 auto}.container{width:100%;max-width:var(--page-max-width);padding-inline:var(--page-gutter);margin-inline:auto}.site-header{border-bottom:1px solid var(--border-subtle)}.site-header-inner{justify-content:space-between;align-items:center;gap:var(--space-4);height:var(--header-height);display:flex}.brand{flex-shrink:0;align-items:center;gap:10px;display:flex}.brand-mark{place-items:center;width:28px;height:28px;display:grid}.brand-mark svg{width:100%;height:100%}.brand-name{letter-spacing:-.02em;font-size:16px;font-weight:600}.main-content{padding-block:var(--space-10) var(--space-16);flex:1}.page-intro{margin-bottom:var(--space-8)}.page-title{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.page-intro h1{letter-spacing:-.025em;font-size:clamp(24px,1.2vw + 16px,30px);font-weight:600;line-height:1.2}.page-badge{border:1px solid var(--accent-border);background:var(--accent-soft);color:var(--accent-text);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 10px 3px 8px;font-size:12px;font-weight:500;display:inline-flex}.page-badge svg{width:14px;height:14px}.page-description{max-width:600px;margin-top:var(--space-2);color:var(--text-secondary);text-wrap:pretty}.workspace{gap:var(--space-8);grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:start;display:grid}.section-header{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:32px;margin-bottom:var(--space-3);display:flex}.section-title{letter-spacing:-.01em;font-size:14px;font-weight:600}.section-actions{align-items:center;gap:var(--space-3);display:flex}.section-meta{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:12px}.site-footer{padding-bottom:var(--space-2)}.site-footer-inner{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-6);padding-block:var(--space-5);border-top:1px solid var(--border-subtle);color:var(--text-secondary);flex-wrap:wrap;font-size:12px;display:flex}.footer-tagline{align-items:center;gap:var(--space-3);color:var(--text-primary);letter-spacing:-.01em;font-weight:500;display:flex}.footer-tagline:before{content:"";background:var(--accent);border-radius:999px;flex-shrink:0;width:16px;height:3px}.footer-note{text-wrap:pretty}.footer-link{color:var(--text-primary);text-underline-offset:3px;margin-inline-start:var(--space-3)}.footer-link:not(:hover){text-decoration:none}.language-picker{height:26px;border:1px solid var(--border-subtle);border-radius:var(--radius-medium);color:var(--text-primary);white-space:nowrap;vertical-align:middle;transition:background-color var(--motion-duration) var(--motion-easing), border-color var(--motion-duration) var(--motion-easing);align-items:center;gap:5px;margin-inline-start:var(--space-3);padding:0 6px 0 8px;font-weight:500;display:inline-flex;position:relative}.language-picker:hover{border-color:var(--border-hover);background:var(--surface-raised)}.language-picker:has(.language-select:focus-visible){outline:var(--focus-width) solid var(--accent);outline-offset:1px}.language-picker svg{width:13px;height:13px;color:var(--text-tertiary);flex-shrink:0}.language-picker-chevron{display:grid}.language-picker-chevron svg{width:12px;height:12px}.language-select{opacity:0;appearance:none;width:100%;height:100%;font:inherit;cursor:pointer;border:0;margin:0;padding:0;position:absolute;inset:0}.language-select option{background:var(--surface);color:var(--text-primary)}@media (width<=1024px){.workspace{gap:var(--space-6)}}@media (width<=767px){.main-content{padding-block:var(--space-8) var(--space-12)}.page-intro{margin-bottom:var(--space-6)}.workspace{gap:var(--space-8);grid-template-columns:minmax(0,1fr)}.site-footer-inner{flex-direction:column;align-items:flex-start}.footer-note{padding-inline-start:calc(16px + var(--space-3))}}@media (width<=380px){.site-header-inner{gap:var(--space-2)}.brand-name{display:none}}}@layer panels{.account-bar{align-items:center;gap:var(--space-2);flex-shrink:0;min-width:0;display:flex}.account-bar-identity{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.bar-button+.account-bar-identity{margin-inline-start:var(--space-2)}.bar-button{border-radius:var(--radius-medium);min-height:32px;padding:5px 12px;font-size:13px}.bar-billing-label--compact{display:none}.usage-chip{align-items:center;gap:var(--space-2);border:1px solid var(--border-subtle);background:var(--surface);min-height:34px;color:var(--text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;padding:4px 12px 4px 4px;font-size:13px;display:inline-flex}.usage-chip-words strong{color:var(--text-primary);font-weight:600}.usage-chip[data-level] .usage-chip-words strong{color:var(--warning)}.usage-chip-meter{background:var(--surface-raised);border-radius:999px;width:48px;height:4px;overflow:hidden}.usage-chip-meter>span{border-radius:inherit;background:var(--accent);height:100%;transition:width var(--motion-duration) var(--motion-easing), background-color var(--motion-duration) var(--motion-easing);display:block}.usage-chip[data-level] .usage-chip-meter>span{background:var(--warning)}.account-menu{position:relative}.account-trigger{border:1px solid var(--border-subtle);background:var(--surface);cursor:pointer;width:34px;height:34px;transition:border-color var(--motion-duration) var(--motion-easing);border-radius:50%;place-items:center;padding:0;display:grid}.account-trigger:hover,.account-trigger[aria-expanded=true]{border-color:var(--border-hover)}.avatar{background:linear-gradient(135deg, var(--brand-rim), var(--brand-wall));width:24px;height:24px;color:var(--accent-foreground);letter-spacing:.02em;border-radius:50%;place-items:center;font-size:11px;font-weight:700;display:grid}.avatar--guest{background:var(--surface-raised);color:var(--text-secondary)}.avatar svg{width:14px;height:14px}.avatar--large{width:40px;height:40px;font-size:15px}.avatar--large svg{width:20px;height:20px}.account-panel{top:calc(100% + var(--space-2));z-index:40;width:min(320px, calc(100vw - 2 * var(--page-gutter)));padding:var(--space-2);border:1px solid var(--border-hover);border-radius:var(--radius-panel);background:var(--surface);animation:content-enter var(--motion-duration) var(--motion-easing);position:absolute;inset-inline-end:0;box-shadow:0 24px 64px -16px #000000b3}.account-identity{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2) var(--space-3);display:flex}.account-identity-text{gap:2px;min-width:0;display:grid}.account-name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.account-plan{align-items:center;gap:2px var(--space-2);color:var(--text-secondary);flex-wrap:wrap;font-size:12px;display:flex}.account-plan .is-warning{color:var(--warning)}.account-usage{padding:var(--space-3);border-radius:var(--radius-card);background:var(--surface-inset)}.account-usage-row{justify-content:space-between;gap:var(--space-3);color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:13px;display:flex}.account-usage-row strong{color:var(--text-primary);font-weight:600}.account-meter{width:100%;height:6px;margin:var(--space-2) 0;appearance:none;background:var(--surface-raised);color:var(--accent);border:0;border-radius:999px;display:block;overflow:hidden}.account-meter::-webkit-progress-bar{background:var(--surface-raised);border-radius:999px}.account-meter::-webkit-progress-value{background:var(--accent);border-radius:999px}.account-meter::-moz-progress-bar{background:var(--accent);border-radius:999px}.account-meter[data-level]::-webkit-progress-value{background:var(--warning)}.account-meter[data-level]::-moz-progress-bar{background:var(--warning)}.account-usage-caption{justify-content:space-between;gap:2px var(--space-3);color:var(--text-secondary);font-variant-numeric:tabular-nums;flex-wrap:wrap;font-size:12px;display:flex}.account-actions{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border-subtle);gap:2px;display:grid}.account-action{align-items:center;gap:var(--space-3);width:100%;min-height:36px;padding:6px var(--space-3);border-radius:var(--radius-medium);color:var(--text-primary);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;font-size:13px;display:flex}.account-action:hover:not(:disabled){background:var(--surface-raised)}.account-action:disabled{color:var(--text-tertiary);cursor:default}.account-action svg{color:var(--text-secondary);flex-shrink:0}.account-action--accent,.account-action--accent svg{color:var(--accent-text)}.plan-badge{background:var(--surface-raised);letter-spacing:.02em;color:var(--text-primary);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.plan-badge:not([data-plan=free]){background:var(--accent);color:var(--accent-foreground)}.interval-toggle{isolation:isolate;margin-top:var(--space-5);border-radius:var(--radius-medium);background:var(--surface-inset);grid-template-columns:repeat(2,1fr);gap:3px;padding:3px;display:inline-grid;position:relative}.interval-toggle:before{content:"";z-index:-1;background:var(--surface-raised);width:calc(50% - 4.5px);transition:transform var(--motion-duration) var(--motion-easing);border-radius:5px;position:absolute;inset-block:3px;inset-inline-start:3px}.interval-toggle[data-interval=year]:before{transform:translate(calc(100% + 3px))}[dir=rtl] .interval-toggle[data-interval=year]:before{transform:translate(calc(-100% - 3px))}.interval-toggle .button{background:0 0;min-height:30px;padding:4px 12px;font-size:13px}.interval-toggle .button:hover:not(:disabled){background:0 0}.interval-toggle [aria-pressed=true]{color:var(--text-primary)}.interval-saving{background:var(--accent-soft);color:var(--accent-text);border-radius:999px;padding:1px 7px;font-size:11px;font-weight:500}.plan-grid{gap:var(--space-3);margin-top:var(--space-5);animation:content-enter var(--motion-duration) var(--motion-easing);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.plan-card{gap:var(--space-2);padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--surface-inset);transition:border-color var(--motion-duration) var(--motion-easing), transform var(--motion-duration) var(--motion-easing);flex-direction:column;display:flex}.plan-card:focus-within{border-color:var(--accent-border)}@media (hover:hover) and (pointer:fine){.plan-card:has(.button:not(:disabled)):hover{border-color:var(--accent-border);transform:translateY(-2px)}}.plan-card-header{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.plan-card h3{font-size:15px;font-weight:600}.plan-price-regular{min-height:1.4em;margin-bottom:calc(-1 * var(--space-1));color:var(--text-secondary);font-size:13px;line-height:1.4}.plan-price-regular s{text-decoration-thickness:1px}.plan-price{color:var(--text-secondary);font-size:13px}.plan-price strong{letter-spacing:-.02em;color:var(--text-primary);font-size:24px;font-weight:600}.plan-features{align-content:start;gap:var(--space-1);color:var(--text-secondary);flex:1;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.plan-features strong{color:var(--text-primary);font-variant-numeric:tabular-nums}.plan-card .button{margin-top:var(--space-2)}.plan-card .button--ghost{box-shadow:inset 0 0 0 1px var(--border-hover);color:var(--text-primary)}.plan-card .button--ghost:disabled{background:var(--surface-raised);box-shadow:none;color:var(--text-secondary)}.plan-note{margin-top:var(--space-2);color:var(--text-secondary);font-size:12px}.plan-loading{margin-top:var(--space-5);color:var(--text-secondary)}.plan-change{gap:var(--space-2);margin-top:var(--space-3);display:grid}.plan-change strong{color:var(--text-primary);font-weight:600}.sign-in-form,.sign-in-sent{gap:var(--space-3);animation:content-enter var(--motion-duration) var(--motion-easing);display:grid}.sign-in-form .dialog-footnote{margin-top:var(--space-2)}.field-label{margin-top:var(--space-2);font-size:13px;font-weight:500}.text-input{border:1px solid var(--border-hover);border-radius:var(--radius-medium);background:var(--surface-inset);width:100%;min-height:40px;color:var(--text-primary);font:inherit;padding:8px 12px}.text-input::placeholder{color:var(--text-secondary)}.sign-in-code{font-family:var(--font-mono);letter-spacing:.3em;font-size:20px}.text-input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:2px solid #0000}.form-actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2);display:flex}.plans-footer{gap:var(--space-2);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border-subtle);display:grid}.plans-footer .dialog-footnote{margin-top:0}.plans-account{justify-content:space-between;align-items:center;gap:var(--space-1) var(--space-4);color:var(--text-secondary);flex-wrap:wrap;font-size:13px;display:flex}.plans-account-status{overflow-wrap:anywhere;min-width:0}.plans-account-status strong{color:var(--text-primary);font-weight:500}.plans-account-actions{gap:var(--space-4);display:flex}.link-button{color:var(--accent-text);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:500}.link-button:hover:not(:disabled){text-underline-offset:3px;text-decoration:underline}.link-button:disabled{opacity:.5;cursor:default}@media (width<=767px){.usage-chip{padding-inline-start:10px}.usage-chip-plan,.usage-chip-unit,.usage-chip-when{display:none}.usage-chip-meter{width:40px}.plan-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=560px){.bar-button{gap:var(--space-1);padding-inline:var(--space-2)}.bar-billing-label{display:none}.bar-billing-label--compact{display:inline}.bar-button--secondary{display:none}.account-bar{gap:var(--space-1)}.bar-button+.account-bar-identity{margin-inline-start:var(--space-1)}}@media (width<=480px){.usage-chip{gap:6px}.usage-chip-meter{width:28px}}@media (width<=380px){.usage-chip-meter{display:none}}.api-keys{gap:var(--space-4);animation:content-enter var(--motion-duration) var(--motion-easing);display:grid}.api-keys-guide{color:var(--accent-text);text-underline-offset:3px;font-weight:500}.api-keys-empty{color:var(--text-secondary);font-size:13px}.api-key-secret{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--accent-border);border-radius:var(--radius-medium);background:var(--accent-soft);color:var(--text-primary);font-size:13px;display:grid}.api-key-value{border-radius:var(--radius-small);background:var(--surface-inset);font-family:var(--font-mono);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;padding:8px 10px;font-size:13px;display:block}.api-key-secret .form-actions{margin-top:0}.api-key-list{border:1px solid var(--border-subtle);border-radius:var(--radius-medium);margin:0;padding:0;list-style:none;display:grid}.api-key-row{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-3);flex-wrap:wrap;display:flex}.api-key-row+.api-key-row{border-top:1px solid var(--border-subtle)}.api-key-about{min-width:0}.api-key-name{color:var(--text-primary);overflow-wrap:anywhere;font-size:14px;font-weight:500}.api-key-meta{gap:2px var(--space-3);color:var(--text-secondary);flex-wrap:wrap;font-size:12px;display:flex}.api-key-meta code{font-family:var(--font-mono)}.api-key-confirm{gap:var(--space-2);color:var(--text-primary);flex-basis:100%;font-size:13px;display:grid}.api-key-confirm-actions{justify-content:flex-end;gap:var(--space-2);display:flex}.api-key-form{gap:var(--space-2);display:grid}.api-key-form .field-label{margin-top:0}.api-key-create{gap:var(--space-2);display:flex}.api-key-create .button{flex-shrink:0}.dialog--billing{width:min(600px,100vw - 32px)}.billing-plan{margin-top:var(--space-6);padding:var(--space-5);border:1px solid var(--accent-border);border-radius:var(--radius-card);background:var(--surface-inset)}.billing-plan-heading,.billing-plan-name,.billing-plan-bottom,.billing-renewal,.billing-usage-heading,.billing-usage-caption,.billing-footer{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.billing-plan-name,.billing-renewal{justify-content:flex-start}.billing-plan-icon,.billing-payment-icon{border:1px solid var(--accent-border);border-radius:var(--radius-card);background:var(--accent-soft);width:44px;height:44px;color:var(--accent-text);flex-shrink:0;place-items:center;display:grid}.billing-plan-icon svg{width:24px;height:24px}.billing-eyebrow{color:var(--text-secondary);font-size:12px}.billing-plan h3{letter-spacing:-.025em;font-size:24px;font-weight:600;line-height:1.25}.billing-status{border:1px solid var(--accent-border);background:var(--accent-soft);color:var(--accent-text);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:11px;font-weight:500;display:inline-flex}.billing-status>span{background:currentColor;border-radius:50%;width:5px;height:5px}.billing-status[data-warning=true]{border-color:var(--warning-border);background:var(--warning-subtle);color:var(--warning)}.billing-plan-description{margin-top:var(--space-4);color:var(--text-secondary);font-size:14px}.billing-plan-description strong,.billing-renewal strong{color:var(--text-primary);font-weight:500}.billing-plan-bottom{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-subtle);flex-wrap:wrap}.billing-renewal{gap:var(--space-2);color:var(--text-secondary);font-size:12px}.billing-renewal svg{flex-shrink:0}.billing-change-plan{border:1px solid var(--border-hover);color:var(--text-primary)}.billing-warning,.billing-ending-note{margin-top:var(--space-3);color:var(--warning);font-size:13px}.billing-warning{padding:var(--space-3) var(--space-4);border:1px solid var(--warning-border);border-radius:var(--radius-medium);background:var(--warning-subtle)}.billing-usage{padding:var(--space-6) 0}.billing-usage h3,.billing-payments h3{font-size:14px;font-weight:500}.billing-usage-heading p,.billing-usage-caption{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:12px}.billing-usage-heading strong{color:var(--text-primary);font-weight:500}.billing-usage-meter{width:100%;height:6px;margin:var(--space-3) 0 var(--space-2);appearance:none;background:var(--surface-raised);color:var(--accent);border:0;border-radius:999px;display:block;overflow:hidden}.billing-usage-meter::-webkit-progress-bar{background:var(--surface-raised);border-radius:999px}.billing-usage-meter::-webkit-progress-value{background:var(--accent);border-radius:999px}.billing-usage-meter::-moz-progress-bar{background:var(--accent);border-radius:999px}.billing-payments{padding:var(--space-5);border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--surface-inset)}.billing-payment-heading{align-items:flex-start;gap:var(--space-3);display:flex}.billing-payment-icon{border-color:var(--border-subtle);background:var(--surface-raised);width:36px;height:36px;color:var(--text-secondary)}.billing-payment-heading p{margin-top:var(--space-1);color:var(--text-secondary);font-size:13px}.billing-actions{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.billing-payments a.button{text-decoration:none}.billing-action{border:1px solid var(--border-hover);color:var(--text-primary)}.billing-confirm{gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-4);border:1px solid var(--warning-border);border-radius:var(--radius-medium);background:var(--warning-subtle);font-size:13px;display:grid}.billing-confirm .billing-actions{justify-content:flex-end;margin-top:0}.billing-payments .dialog-error{margin-top:var(--space-3);color:var(--warning)}.billing-history{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.billing-history h4{margin:0;font-size:13px;font-weight:500}.billing-history-note{margin-top:var(--space-2);color:var(--text-secondary);font-size:13px}.billing-history-list{margin:var(--space-2) 0 0;padding:0;list-style:none}.billing-history-list li{align-items:center;gap:var(--space-4);padding:var(--space-2) 0;grid-template-columns:1fr auto auto;font-size:13px;display:grid}.billing-history-list li+li{border-top:1px solid var(--border-subtle)}.billing-history-date{color:var(--text-secondary)}.billing-history-amount{font-variant-numeric:tabular-nums;text-align:end}.billing-invoice{align-items:center;gap:var(--space-1);color:var(--accent-text);text-underline-offset:3px;font-weight:500;text-decoration:none;display:inline-flex}.billing-invoice:hover{text-decoration:underline}.billing-footer{margin-top:var(--space-5);color:var(--text-secondary);font-size:12px}.billing-footer p{overflow-wrap:anywhere;min-width:0}.billing-footer strong{color:var(--text-primary);font-weight:400}@media (width<=480px){.dialog--billing .dialog-panel{padding:var(--space-5) var(--space-4)}.billing-plan,.billing-payments{padding:var(--space-4)}.billing-plan-bottom .button{width:100%}.billing-actions .button{flex:100%}.billing-history-list li{gap:var(--space-3)}.billing-usage-caption{gap:var(--space-1);flex-wrap:wrap}}.style-guide{gap:var(--space-4);animation:content-enter var(--motion-duration) var(--motion-easing);display:grid}.style-guide-field{gap:var(--space-2);min-width:0;display:grid}.style-guide-field .field-label{margin:0;padding:0}.field-hint{color:var(--text-tertiary);font-size:12px}.term-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.term-row{align-items:center;gap:var(--space-2);grid-template-columns:minmax(0,2fr) auto minmax(0,3fr) auto;display:grid}.term-row .text-input{min-height:36px;padding:6px 10px;font-size:13px}.term-instead{color:var(--text-tertiary);white-space:nowrap;font-size:12px}.term-add{box-shadow:inset 0 0 0 1px var(--border-hover);color:var(--text-primary);justify-self:start}.style-guide-notes{resize:vertical;line-height:1.5}@media (width<=560px){.term-row{grid-template-columns:minmax(0,1fr) auto}.term-instead{display:none}.term-row .text-input:nth-of-type(2){grid-column:1}}.input-panel{top:var(--space-6);min-width:0;position:sticky}.clear-button{min-height:30px;padding:4px 5px 4px 10px;font-size:12px}.input-panel .section-actions{gap:var(--space-1)}.editor-expand{min-width:30px;min-height:30px;padding:6px}.editor-expand[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-text)}.workspace:has(>.input-panel--expanded){grid-template-columns:minmax(0,1fr)}.input-panel--expanded{--editor-min-height:min(560px, 65dvh);--editor-max-height:max(280px, calc(100dvh - 280px));position:static}.editor{--editor-tools-height:42px;border:1px solid var(--border-subtle);border-radius:var(--radius-panel);background:var(--surface);box-shadow:var(--shadow-panel);transition:border-color var(--motion-duration) var(--motion-easing), box-shadow var(--motion-duration) var(--motion-easing)}.editor:hover{border-color:var(--border-hover)}.editor .textarea{min-height:calc(var(--editor-min-height) - var(--editor-tools-height));max-height:calc(var(--editor-max-height) - var(--editor-tools-height));padding:var(--space-5) var(--space-5) var(--space-3);border-radius:var(--radius-panel) var(--radius-panel) 0 0;font-size:16px;line-height:1.65}.editor .textarea::placeholder{color:var(--text-tertiary)}.editor-field{position:relative}.editor-ghost,.editor-typos{white-space:pre-wrap;overflow-wrap:break-word;color:#0000;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset-block-start:0;inset-inline-start:0;overflow:hidden}.editor-ghost-rest{color:var(--text-tertiary)}.editor-typo{-webkit-text-decoration:underline wavy var(--warning);text-decoration:underline wavy var(--warning);-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-underline-offset:.25em}.editor-word-list{z-index:2;min-width:160px;max-width:min(300px,100%);max-height:244px;padding:var(--space-1);border:1px solid var(--border-hover);border-radius:var(--radius-medium);background:var(--surface-raised);box-shadow:var(--shadow-panel);margin:0;font-size:14px;line-height:1.4;list-style:none;position:absolute;overflow-y:auto}.editor-word{padding:5px var(--space-2);border-radius:var(--radius-small);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;overflow:hidden}.editor-word:hover{color:var(--text-primary)}.editor-word.is-active{background:var(--accent-soft);color:var(--text-primary)}.editor-word-typed{color:var(--text-primary);font-weight:600}.editor-word--add{margin-top:var(--space-1);border-top:1px solid var(--border-subtle);color:var(--text-tertiary);border-radius:0}.editor-word-list-toggle{align-items:center;gap:var(--space-1);color:var(--text-secondary);cursor:pointer;margin-inline-end:auto;font-size:12px;display:inline-flex}.editor-word-list-toggle input{accent-color:var(--accent);margin:0}.editor-tools{justify-content:flex-end;align-items:center;gap:var(--space-2);min-height:var(--editor-tools-height);padding-block:6px;padding-inline:var(--space-5) var(--space-3);border-top:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.editor-tool-actions{gap:var(--space-1);flex-wrap:wrap;display:flex}.editor-tool-icon{width:28px;min-width:28px;min-height:28px;padding:6px}.editor-tool-icon:disabled{opacity:.4}.editor-tool-icon[aria-expanded=true]{color:var(--accent-text);background:var(--accent-soft)}.editor-find{padding:var(--space-3);border-top:1px solid var(--border-subtle);background:var(--surface-inset)}.editor-find-fields{gap:var(--space-2);grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;display:grid}.editor-find .text-input{border:1px solid var(--border-hover);border-radius:var(--radius-medium);background:var(--surface);width:100%;min-width:0;min-height:32px;color:var(--text-primary);font:inherit;padding:5px 8px;font-size:12px}.editor-find-actions{align-items:center;gap:var(--space-1) var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;font-size:12px;display:flex}.editor-match-case{align-items:center;gap:var(--space-1);color:var(--text-secondary);display:inline-flex}.editor-match-case input{accent-color:var(--accent)}.editor-match-count{color:var(--text-secondary);font-variant-numeric:tabular-nums;margin-inline-end:auto}@container editor (width<=420px){.editor-tools{padding-inline:var(--space-2)}}.editor-tool-button{gap:6px;min-height:28px;padding:3px 8px;font-size:12px}.editor-tool-button:disabled{opacity:.5}.editor-tool-button svg{width:14px;height:14px}.editor-limit-message{padding:0 var(--space-5) var(--space-3);color:var(--warning);font-size:12px}.editor-footer{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-5);border-top:1px solid var(--border-subtle);display:flex}.editor-stats{color:var(--text-secondary);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:4px 12px;font-size:12px;line-height:1.5;display:flex}.character-count-label{font-size:11px}.usage-meter{background:var(--surface-raised);border-radius:999px;width:44px;height:4px;overflow:hidden}.usage-meter-fill{border-radius:inherit;background:var(--accent);height:100%;transition:width var(--motion-duration) var(--motion-easing), background-color var(--motion-duration) var(--motion-easing);display:block}.usage-meter.is-over-limit .usage-meter-fill{background:var(--warning)}.character-count.is-over-limit,.word-count.is-over-limit{color:var(--warning)}.character-count,.word-count{transition:color var(--motion-duration) var(--motion-easing)}.editor-footer .button--primary{flex-shrink:0;min-width:124px}@supports selector(:has(*)){.editor:has(.textarea:focus-visible){border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft), var(--shadow-panel)}.editor .textarea:focus-visible{outline:none}}@media (width<=767px){.input-panel{position:static}}@media (width<=380px){.editor .textarea{padding:var(--space-4) var(--space-4) var(--space-2)}.editor-footer{padding-inline-start:var(--space-4)}.usage-meter{display:none}}.result-body.is-explain{gap:var(--space-4);display:grid}.explain-diff{font-family:var(--font-mono);white-space:pre-wrap;font-size:13px;line-height:1.8}.change-mark{background:var(--accent-soft);color:var(--accent-text);font-family:var(--font-sans);border-radius:999px;margin:0 1px;padding:0 4px;font-size:10px;font-weight:600}.explain-list{gap:var(--space-3);padding:var(--space-4) 0 0;border-top:1px solid var(--border-subtle);margin:0;list-style:none;display:grid}.explain-item{gap:var(--space-3);animation:content-enter var(--motion-duration) var(--motion-easing);display:flex}.explain-number{background:var(--accent-soft);width:20px;height:20px;color:var(--accent-text);border-radius:50%;flex-shrink:0;place-items:center;font-size:11px;font-weight:600;display:grid}.explain-body{gap:4px;min-width:0;display:grid}.explain-change{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}.explain-arrow{color:var(--text-tertiary);margin:0 6px;display:inline-block}[dir=rtl] .explain-arrow{transform:scaleX(-1)}.explain-reason{color:var(--text-secondary);font-size:13px}.explain-kind{background:var(--surface-raised);color:var(--text-primary);border-radius:999px;margin-inline-end:4px;padding:1px 7px;font-size:11px;font-weight:600}.explain-placeholder{background:var(--skeleton-base);border-radius:6px;width:70%;height:12px;margin-top:4px;animation:1.2s ease-in-out infinite skeleton-pulse;display:block}.explain-empty{color:var(--text-secondary)}.explain-failed{justify-content:space-between;align-items:center;gap:var(--space-2);color:var(--warning);flex-wrap:wrap;font-size:13px;display:flex}@keyframes skeleton-pulse{50%{opacity:.5}}@media (prefers-reduced-motion:reduce){.explain-placeholder{animation:none}}.results-panel{min-width:0}.results-content{gap:var(--space-3);display:grid}.empty-state{min-height:calc(var(--editor-min-height) + 64px);padding:var(--space-10) var(--space-6);border:1px dashed var(--border-hover);border-radius:var(--radius-panel);background:var(--surface-inset);box-shadow:var(--shadow-panel);text-align:center;animation:content-enter var(--motion-duration) var(--motion-easing);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-icon{border:1px solid var(--accent-border);background:var(--accent-soft);width:40px;height:40px;color:var(--accent-text);border-radius:12px;place-items:center;display:grid}.empty-icon svg{width:20px;height:20px}.empty-state--warning .empty-icon{border-color:var(--warning-border);background:var(--warning-subtle);color:var(--warning)}.empty-title{margin-top:var(--space-5);letter-spacing:-.02em;font-size:20px;font-weight:600;line-height:1.3}.empty-description{max-width:380px;margin-top:var(--space-2);color:var(--text-secondary);text-wrap:balance;font-size:14px}.empty-action{margin-top:var(--space-6)}.tier-preview{width:100%;max-width:340px;margin:var(--space-8) 0 0;padding:var(--space-1);border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--surface);text-align:start;list-style:none}.tier-preview-item{align-items:center;gap:var(--space-3);padding:8px 10px;font-size:13px;display:flex}.tier-preview-item+.tier-preview-item{border-top:1px solid var(--border-subtle)}.tier-preview-label{flex:1;min-width:0}.strength-meter{flex-shrink:0;align-items:center;gap:3px;display:inline-flex}.strength-step{background:var(--surface-raised);border-radius:999px;width:7px;height:4px}.strength-step.is-on{background:var(--accent)}.result-header{justify-content:space-between;align-items:flex-start;gap:var(--space-2);display:flex}.result-card{box-shadow:var(--shadow-panel);transition:border-color var(--motion-duration) var(--motion-easing), box-shadow var(--motion-duration) var(--motion-easing)}.result-card:focus-within{border-color:var(--border-hover)}@media (hover:hover) and (pointer:fine){.result-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-panel), 0 4px 16px -8px #00000059}}.result-heading{min-width:0}.result-title{align-items:center;gap:10px;font-size:14px;font-weight:500;line-height:1.5;display:flex}.tier-number{border-radius:var(--radius-small);background:var(--surface-raised);min-width:22px;height:22px;color:var(--text-tertiary);flex-shrink:0;place-items:center;font-size:10px;font-weight:500;display:inline-grid}.result-description{margin-top:5px;color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-inline-start:32px;font-size:12px;overflow:hidden}.result-actions{margin-top:-6px;flex-shrink:0;gap:2px;margin-inline-end:-6px;display:flex}.copy-button.is-copied,.copy-button.is-copied:hover{color:var(--success)}.copy-button.is-warning,.copy-button.is-warning:hover{color:var(--warning)}.copy-feedback{align-items:center;gap:var(--space-2);animation:content-enter var(--motion-fast) var(--motion-easing);display:inline-flex}.copy-button.is-copied svg{animation:copy-confirm var(--motion-duration) var(--motion-easing)}@keyframes copy-confirm{0%{transform:scale(.75)}to{transform:scale(1)}}.result-body{margin-top:var(--space-5);white-space:pre-wrap;overflow-wrap:anywhere;animation:fade-in var(--motion-fast) var(--motion-easing)}.result-footer{justify-content:space-between;align-items:center;gap:var(--space-2);margin-top:var(--space-5);display:flex}.view-toggle{isolation:isolate;border-radius:var(--radius-medium);background:var(--surface-inset);grid-template-columns:repeat(2,1fr);gap:3px;padding:3px;display:grid;position:relative}.view-toggle:before{content:"";z-index:-1;background:var(--surface-raised);width:calc(50% - 4.5px);transition:transform var(--motion-duration) var(--motion-easing);border-radius:5px;position:absolute;inset-block:3px;inset-inline-start:3px}.view-toggle[data-view=diff]:before{transform:translate(calc(100% + 3px))}[dir=rtl] .view-toggle[data-view=diff]:before{transform:translate(calc(-100% - 3px))}.view-toggle--three{grid-template-columns:repeat(3,1fr)}.view-toggle--three:before{width:calc(33.3333% - 4px)}.view-toggle--three[data-view=why]:before{transform:translate(calc(200% + 6px))}[dir=rtl] .view-toggle--three[data-view=why]:before{transform:translate(calc(-200% - 6px))}.view-toggle .button{background:0 0;min-height:28px;padding:3px 9px;font-size:12px}.view-toggle .button:hover:not(:disabled){background:0 0}.view-toggle [aria-pressed=true]{color:var(--text-primary)}.result-meta{color:var(--text-tertiary);font-size:11px}.result-body.is-diff{font-family:var(--font-mono);font-size:13px;line-height:1.8}ins{color:var(--success);background:var(--success-subtle);text-decoration:none}del{color:var(--text-tertiary);text-decoration-thickness:1px}.result-card--error .result-body{white-space:normal}.result-card--error .error-message{color:var(--warning);font-size:14px}.result-card--error .result-body>.button{margin-top:var(--space-3);color:var(--warning);background:var(--warning-subtle)}.result-enter{animation:result-enter var(--motion-duration) var(--motion-easing) both}@keyframes result-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width<=767px){.empty-state{min-height:0;padding:var(--space-8) var(--space-4)}}.result-enter{animation-delay:calc(var(--tier-index,0) * var(--result-stagger))}.limit-countdown{border-radius:var(--radius-small);background:var(--surface-raised);color:var(--text-primary);font-variant-numeric:tabular-nums;padding:1px 6px}.editor{--editor-toolbar-height:43px;container:editor/inline-size}.editor:has(>.editor-toolbar) .textarea{min-height:calc(var(--editor-min-height) - var(--editor-toolbar-height) - var(--editor-tools-height,0px));max-height:calc(var(--editor-max-height) - var(--editor-toolbar-height) - var(--editor-tools-height,0px));border-radius:0}.editor-toolbar{border-bottom:1px solid var(--border-subtle)}.toolbar-row{height:calc(var(--editor-toolbar-height) - 1px);align-items:center;gap:6px;padding:0 6px 0 5px;display:flex}.toolbar-options{scrollbar-width:none;flex:auto;align-items:center;gap:4px;min-width:0;height:100%;padding:0 3px;display:flex;overflow-x:auto}.toolbar-options::-webkit-scrollbar{display:none}.toolbar-options>*{flex-shrink:0}.toolbar-actions{flex:none;align-items:center;gap:2px;display:flex}.option{border-radius:var(--radius-medium);height:30px;color:var(--text-secondary);white-space:nowrap;transition:background-color var(--motion-duration) var(--motion-easing), color var(--motion-duration) var(--motion-easing);border:1px solid #0000;align-items:center;gap:5px;padding:0 6px 0 8px;font-size:12px;font-weight:500;display:inline-flex;position:relative}.option:hover{background:var(--surface-raised);color:var(--text-primary)}.option.is-set{border-color:var(--accent-border);background:var(--accent-soft);color:var(--text-primary)}.option-icon,.option-chevron{color:var(--text-tertiary);display:grid}.option.is-set .option-icon{color:var(--accent-text)}.option-icon svg{width:13px;height:13px}.option-chevron svg{width:12px;height:12px}.option-value{text-overflow:ellipsis;max-width:120px;overflow:hidden}.option-select{opacity:0;appearance:none;width:100%;height:100%;font:inherit;cursor:pointer;border:0;margin:0;padding:0;position:absolute;inset:0}.option:has(.option-select:focus-visible){outline:var(--focus-width) solid var(--accent);outline-offset:1px}.option-select option{background:var(--surface);color:var(--text-primary)}.toolbar-button{border-radius:var(--radius-medium);min-width:30px;height:30px;color:var(--text-secondary);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:5px;padding:0 8px;font-size:12px;font-weight:500;display:inline-flex}.toolbar-button:hover,.toolbar-button[aria-expanded=true]{background:var(--surface-raised);color:var(--text-primary)}.toolbar-button.is-set{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent-text)}.toolbar-button svg{width:13px;height:13px}.toolbar-button:focus-visible{outline:var(--focus-width) solid var(--accent);outline-offset:1px}.toolbar-instruction{align-items:center;gap:var(--space-1);animation:content-enter var(--motion-duration) var(--motion-easing);padding:0 8px 8px;display:flex}.toolbar-instruction-input{border:1px solid var(--border-hover);border-radius:var(--radius-medium);background:var(--surface-inset);min-width:0;min-height:32px;color:var(--text-primary);font:inherit;flex:1;padding:5px 10px;font-size:13px}.toolbar-instruction-input::placeholder{color:var(--text-tertiary)}.toolbar-instruction-input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:2px solid #0000}@container editor (width<=560px){.toolbar-button-text{display:none}.toolbar-button{justify-content:center;padding:0}}@container editor (width<=400px){.option-icon{display:none}.option{padding-inline-start:6px}.option-value{max-width:90px}}}