.theme-switch{border-radius:var(--radius-pill);background:var(--surface-sunken);box-shadow:inset 0 0 0 1px var(--border);align-items:center;gap:2px;padding:2px;display:inline-flex}.theme-switch__option{border-radius:var(--radius-pill);width:30px;height:26px;color:var(--text-tertiary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:none;place-items:center;padding:0;display:grid}.theme-switch__option:hover{color:var(--text-secondary)}.theme-switch__option[aria-checked=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-xs)}.theme-switch__option svg{flex-shrink:0}.header{z-index:30;justify-content:space-between;align-items:center;gap:var(--space-4);height:var(--header-height);padding:0 clamp(var(--space-4), 3vw, var(--space-6));border-bottom:1px solid var(--divider);background:var(--surface-translucent);-webkit-backdrop-filter:saturate(180%)blur(20px);display:flex;position:sticky;top:0}.header__brand{align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-2) var(--space-1) var(--space-1);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out);background:0 0;border:none;display:flex}.header__brand:hover{background:var(--surface-hover)}.header__mark{border-radius:var(--radius-sm);place-items:center;width:34px;height:34px;display:grid;overflow:hidden}.header__logo{width:30px;height:30px;display:block}.header__titles{flex-direction:column;align-items:flex-start;line-height:1.15;display:flex}.header__title{font-size:var(--step-1);letter-spacing:-.018em;font-weight:600}.header__nav{align-items:center;gap:var(--space-1);display:flex}.header__action{color:var(--text-secondary)}.header__action:hover{color:var(--text)}.header .theme-switch{margin-left:var(--space-2)}@media (max-width:720px){.header__action-label{display:none}.header__nav .header__action{justify-content:center;width:34px;min-width:34px;padding:0}}.header__action svg{flex-shrink:0}.files-trigger{position:relative}.files-badge{border-radius:var(--radius-pill);background:var(--accent);min-width:15px;height:15px;color:var(--text-on-accent);text-align:center;padding:0 4px;font-size:10px;font-weight:600;line-height:15px;position:absolute;top:2px;right:0}.files-panel{padding:var(--space-4)}.files-panel__title{margin-bottom:var(--space-3);font-size:var(--step--2);letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);font-weight:600}.files-list{max-height:232px;margin:0 0 var(--space-3);flex-direction:column;gap:2px;padding:0;list-style:none;display:flex;overflow-y:auto}.files-list__row{align-items:center;gap:var(--space-2);height:34px;padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--text-secondary);display:flex}.files-list__row:hover{background:var(--surface-hover)}.files-list__name{min-width:0;font-size:var(--step--1);color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.files-list__meta{font-size:var(--step--2);color:var(--text-tertiary);white-space:nowrap}.files-list__remove{border-radius:var(--radius-pill);width:22px;height:22px;color:var(--text-tertiary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:none;place-items:center;padding:0;display:grid}.files-list__remove:hover{background:var(--danger-soft);color:var(--danger)}.files-panel__add{width:100%}.files-panel__note{margin-top:var(--space-3);font-size:var(--step--2);color:var(--text-tertiary);line-height:1.45}.toolbar{top:var(--header-height);z-index:20;justify-content:space-between;align-items:center;gap:var(--space-4);min-height:var(--toolbar-height);padding:var(--space-2) clamp(var(--space-4), 3vw, var(--space-6));border-bottom:1px solid var(--divider);background:var(--surface-translucent);-webkit-backdrop-filter:saturate(180%)blur(20px);display:flex;position:sticky}.toolbar__group{align-items:center;gap:var(--space-1);min-width:0;display:flex}.toolbar__group--end{flex-shrink:0}.toolbar__group--end .theme-switch{margin-left:var(--space-1)}.toolbar__group--end .theme-switch__option{width:28px}.toolbar__divider{width:1px;height:20px;margin:0 var(--space-2);background:var(--border)}.toolbar__compile{height:36px;font-size:var(--step-0);padding:0 16px}.toolbar__action{color:var(--text-secondary)}.toolbar__action:hover{color:var(--text)}.toolbar__mark{letter-spacing:-.02em;color:var(--text);flex-shrink:0;padding:0 2px;font-size:13.5px;font-weight:700;line-height:1}.spinner{border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;width:14px;height:14px;animation:.72s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:900px){.toolbar__label{display:none}}@media (max-width:560px){.toolbar{gap:var(--space-2);padding-right:var(--space-2);padding-left:var(--space-2);scrollbar-width:none;overflow-x:auto}.toolbar::-webkit-scrollbar{display:none}.toolbar__group{flex-shrink:0}.toolbar__divider{margin:0 var(--space-1)}.toolbar__compile{padding:0 12px}.toolbar .toolbar__action,.toolbar__group--end .button{justify-content:center;width:34px;min-width:34px;padding:0}.toolbar .toolbar__action svg,.toolbar__group--end .button svg{flex-shrink:0}}@media (max-width:400px){.toolbar{gap:6px;padding-left:6px;padding-right:6px}.toolbar__divider{display:none}}.error{gap:var(--space-4);min-height:0;padding:clamp(var(--space-5), 4vw, var(--space-7));background:var(--canvas);animation:error-in var(--duration-base) var(--ease-out) both;flex-direction:column;flex:auto;display:flex;overflow-y:auto}@keyframes error-in{0%{opacity:0;transform:translateY(6px)}}.error__header{align-items:flex-start;gap:var(--space-3);display:flex}.error__badge{border-radius:var(--radius-pill);background:var(--danger-soft);width:34px;height:34px;color:var(--danger);flex-shrink:0;place-items:center;display:grid}.error__title{font-size:var(--step-1);letter-spacing:-.014em;font-weight:600}.error__headline{font-size:var(--step-0);color:var(--text-secondary);margin-top:2px;font-weight:500}.error__summary{max-width:62ch;font-size:var(--step-0);color:var(--text-secondary);line-height:1.55}.error__hint{max-width:62ch;padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);font-size:var(--step--1);color:var(--text-secondary);line-height:1.5}.error__list{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.error__jump{align-items:baseline;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--text);font-size:var(--step--1);text-align:left;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out);background:0 0;border:none;display:flex}.error__jump:hover:not(:disabled){background:var(--surface-hover)}.error__jump:disabled{cursor:default;opacity:.7}.error__line{border-radius:var(--radius-pill);background:var(--danger-soft);color:var(--danger);font-size:var(--step--2);font-variant-numeric:tabular-nums;flex-shrink:0;padding:1px 7px;font-weight:600}.error__text{color:var(--text-secondary)}.error__warnings{font-size:var(--step--1);color:var(--text-secondary)}.error__warnings summary{width:-moz-fit-content;width:fit-content;padding:var(--space-1) 0;color:var(--warning);cursor:pointer;font-weight:500}.error__warnings ul{margin:var(--space-2) 0 0;flex-direction:column;gap:2px;padding:0;list-style:none;display:flex}.error__actions{align-items:center;gap:var(--space-2);display:flex}.error__actions .button--quiet{gap:var(--space-1);color:var(--text-secondary)}.error__actions svg{transition:transform var(--duration-fast) var(--ease-out)}.error__details{gap:var(--space-2);flex-direction:column;min-height:0;display:flex}.error__details-meta{font-size:var(--step--2);color:var(--text-tertiary);justify-content:space-between;align-items:center;display:flex}.error__log{max-height:320px;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-sunken);color:var(--text-secondary);font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;margin:0;font-size:11.5px;line-height:1.55;overflow:auto}.warnings{border-bottom:1px solid var(--divider);background:var(--warning-soft);color:var(--text-secondary);font-size:var(--step--2);flex-shrink:0}.warnings summary{align-items:center;gap:var(--space-2);padding:var(--space-2) clamp(var(--space-4), 2vw, var(--space-5));color:var(--warning);cursor:pointer;font-weight:500;list-style:none;display:flex}.warnings summary::-webkit-details-marker{display:none}.warnings__chevron{transition:transform var(--duration-fast) var(--ease-out);margin-left:auto}.warnings[open] .warnings__chevron{transform:rotate(180deg)}.warnings__list{max-height:180px;padding:0 var(--space-5) var(--space-3);flex-direction:column;gap:2px;margin:0;list-style:none;display:flex;overflow-y:auto}.warnings__list li{align-items:baseline;gap:var(--space-2);line-height:1.5;display:flex}.warnings__line{border-radius:var(--radius-pill);background:var(--surface);color:var(--text-tertiary);font-variant-numeric:tabular-nums;flex-shrink:0;padding:0 6px}.status{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:34px;padding:0 clamp(var(--space-4), 3vw, var(--space-6));border-top:1px solid var(--divider);background:var(--surface-translucent);-webkit-backdrop-filter:saturate(180%)blur(20px);font-size:var(--step--2);color:var(--text-secondary);display:flex}.status__left,.status__right{align-items:center;gap:var(--space-3);min-width:0;display:flex}.status__item{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.status__left .status__item:nth-of-type(2){text-overflow:ellipsis;max-width:30ch;overflow:hidden}.status__muted{color:var(--text-tertiary)}.status__save{color:var(--text-secondary)}.status__dot{background:var(--success);border-radius:50%;width:6px;height:6px}.status__dot--pending{background:var(--warning);animation:pulse 1.1s var(--ease-out) infinite}@keyframes pulse{0%,to{opacity:.35}50%{opacity:1}}.status__divider{background:var(--border);width:1px;height:12px}.status__privacy{color:var(--text-tertiary)}.status__success{color:var(--success)}.status__warning{color:var(--warning)}.status__danger{color:var(--danger)}@media (max-width:860px){.status__privacy,.status__divider:first-of-type{display:none}}.templates__title{padding:var(--space-6) var(--space-6) var(--space-2);font-size:var(--step-2);letter-spacing:-.018em;color:var(--text);font-weight:600}.templates__content{padding:var(--space-3) var(--space-6) var(--space-6)}.templates__grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(224px,1fr));margin:0;padding:0;list-style:none;display:grid}.template-card{align-items:flex-start;gap:var(--space-2);width:100%;height:100%;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:inherit;text-align:left;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out), background-color var(--duration-fast) var(--ease-out);flex-direction:column;display:flex}.template-card:hover{border-color:var(--border-strong);background:var(--surface);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.template-card:active{transform:translateY(0)}.template-card__name{font-size:var(--step-0);letter-spacing:-.01em;font-weight:600}.template-card__description{font-size:var(--step--1);color:var(--text-secondary);flex:1;line-height:1.45}.template-card__cta{align-items:center;gap:var(--space-1);margin-top:var(--space-1);color:var(--accent);font-size:var(--step--1);opacity:.65;transition:opacity var(--duration-fast) var(--ease-out), gap var(--duration-fast) var(--ease-out);font-weight:500;display:inline-flex;transform:translateY(0)}.template-card:hover .template-card__cta,.template-card:focus-visible .template-card__cta{opacity:1;gap:var(--space-2)}.templates__note{margin-top:var(--space-5);font-size:var(--step--2);color:var(--text-tertiary)}.settings__title{padding:var(--space-6) var(--space-6) var(--space-2);font-size:var(--step-2);letter-spacing:-.018em;color:var(--text);font-weight:600}.settings__content{gap:var(--space-6);padding:var(--space-3) var(--space-6) var(--space-6);flex-direction:column;display:flex}.settings__group{gap:var(--space-4);flex-direction:column;display:flex}.settings__heading{font-size:var(--step--2);letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);font-weight:600}.settings__row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.settings__row--stack{align-items:stretch;gap:var(--space-2);flex-direction:column}.settings__row-head{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.settings__field{gap:var(--space-2);flex-direction:column;display:flex}.settings__field-label{font-size:var(--step-0);color:var(--text);font-weight:500}.settings__hint{font-size:var(--step--2);color:var(--text-tertiary);line-height:1.5}.settings__hint--inline{white-space:nowrap}.settings__hint code{border-radius:var(--radius-xs);background:var(--surface-sunken);font-family:var(--font-mono);padding:1px 4px;font-size:10.5px}.settings__input{height:34px;padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-family:var(--font-mono);font-size:var(--step--1)}.settings__input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring);outline:none}.segmented{border-radius:var(--radius-sm);background:var(--surface-sunken);max-width:100%;box-shadow:inset 0 0 0 1px var(--border);align-self:flex-start;gap:2px;padding:2px;display:inline-flex}.segmented__option{height:28px;padding:0 var(--space-3);border-radius:var(--radius-xs);color:var(--text-secondary);font-size:var(--step--1);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:none;font-weight:500}.segmented__option:hover{color:var(--text)}.segmented__option[aria-checked=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-xs)}.settings__toggle{align-items:center;gap:var(--space-4);padding:var(--space-2) 0;cursor:pointer;display:flex}.settings__toggle-text{flex-direction:column;flex:1;gap:2px;display:flex}.settings__checkbox{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.settings__switch{border-radius:var(--radius-pill);background:var(--surface-sunken);width:42px;height:26px;box-shadow:inset 0 0 0 1px var(--border);transition:background-color var(--duration-base) var(--ease-out);flex-shrink:0;position:relative}.settings__switch:after{content:"";width:20px;height:20px;transition:transform var(--duration-base) var(--ease-spring);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000047}.settings__checkbox:checked+.settings__switch{background:var(--accent)}.settings__checkbox:checked+.settings__switch:after{transform:translate(16px)}.settings__checkbox:focus-visible+.settings__switch{outline:2px solid var(--accent);outline-offset:2px}.settings__version{justify-content:center;align-items:center;gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--divider);color:var(--text-tertiary);font-size:var(--step--2);text-align:center;margin:0;display:flex}.settings__version a{color:var(--text-secondary);border-bottom:1px solid var(--border-strong);text-decoration:none}.settings__version a:hover{color:var(--text);border-bottom-color:var(--text-secondary)}@media (max-width:480px){.segmented{grid-template-columns:1fr 1fr;align-self:stretch;width:100%;display:grid}.segmented[data-count="3"]{grid-template-columns:repeat(3,1fr)}.segmented__option{padding:0 var(--space-2);text-align:center}}.landing{padding:clamp(var(--space-6), 5vw, var(--space-8)) clamp(var(--space-5), 5vw, var(--space-8)) var(--space-8);scroll-behavior:smooth;flex:1;overflow-y:auto}.landing__hero{text-align:center;max-width:900px;margin:0 auto}@media (prefers-reduced-motion:no-preference){.landing__hero{animation:landing-in var(--duration-slow) var(--ease-out) both}}@keyframes landing-in{0%{opacity:0;transform:translateY(10px)}}.landing__title{margin:0 0 var(--space-5);font-size:var(--step-5);letter-spacing:-.034em;text-wrap:balance;font-weight:600;line-height:1.02}.landing__title-accent{color:var(--accent)}.landing__lede{max-width:46ch;font-size:var(--step-2);letter-spacing:-.014em;color:var(--text-secondary);text-wrap:pretty;margin:0 auto;font-weight:400;line-height:1.4}.landing__actions{justify-content:center;align-items:center;gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.landing__cta{height:44px;font-size:var(--step-1);box-shadow:var(--shadow-sm);padding:0 24px}.landing__secondary{border:1px solid var(--border-strong);border-radius:var(--radius-pill);height:44px;color:var(--text-secondary);font-size:var(--step-0);padding:0 20px;font-weight:500;text-decoration:none}.landing__secondary svg{flex-shrink:0}.landing__secondary:hover{background:var(--surface-hover);color:var(--text)}.landing__resume{border:1px solid var(--border-strong);border-radius:var(--radius-pill);height:44px;color:var(--text-secondary);font-size:var(--step-0);padding:0 20px;font-weight:500}.landing__resume:hover{background:var(--surface-hover);color:var(--text)}.landing__oss{justify-content:center;align-items:center;gap:var(--space-2);margin:var(--space-5) 0 0;color:var(--text-tertiary);font-size:var(--step--1);display:flex}.landing__oss a{color:var(--text-secondary);border-bottom:1px solid var(--border-strong);font-weight:500;text-decoration:none}.landing__oss a:hover{color:var(--text);border-bottom-color:var(--text-secondary)}.landing__promises{gap:var(--space-4);max-width:1040px;margin:clamp(var(--space-7), 8vw, var(--space-8)) auto 0;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.landing__promises>:first-child{--card-accent:var(--accent)}.landing__promises>:nth-child(2){--card-accent:var(--success)}.landing__promises>:nth-child(3){--card-accent:var(--violet)}.promise{padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);transition:border-color var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out)}.promise:hover{border-color:var(--card-accent);transform:translateY(-2px)}.promise__icon{width:36px;height:36px;margin-bottom:var(--space-3);border-radius:var(--radius-sm);background:var(--card-accent);color:var(--text-on-accent);place-items:center;display:grid}.promise__title{font-size:var(--step-1);letter-spacing:-.014em;font-weight:600}.promise__body{margin-top:var(--space-2);font-size:var(--step--1);color:var(--text-secondary);line-height:1.55}.landing__templates{max-width:1040px;margin:clamp(var(--space-7), 8vw, var(--space-8)) auto 0}.landing__section-title{font-size:var(--step-1);letter-spacing:-.014em;color:var(--text-secondary);font-weight:600}.landing__template-grid{gap:var(--space-3);margin:var(--space-4) 0 0;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));padding:0;list-style:none;display:grid}.landing__template{gap:var(--space-1);width:100%;height:100%;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);color:inherit;text-align:left;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), transform var(--duration-base) var(--ease-out);background:0 0;flex-direction:column;display:flex}.landing__template:hover{border-color:var(--border-strong);background:var(--surface);transform:translateY(-1px)}.landing__template-name{font-size:var(--step-0);font-weight:600}.landing__template-description{font-size:var(--step--1);color:var(--text-secondary);line-height:1.45}.landing__templates{scroll-margin-top:var(--space-6)}@media (max-width:720px){.landing__title br{display:none}.landing__title{margin-bottom:var(--space-4)}.landing__lede{font-size:var(--step-1);line-height:1.5}.landing__actions{margin-top:var(--space-5);gap:var(--space-2)}.landing__cta,.landing__secondary,.landing__resume{flex:auto;min-width:0}}@media (prefers-reduced-motion:reduce){.landing{scroll-behavior:auto}}:root{--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", "JetBrains Mono", Menlo, Consolas, "Liberation Mono", monospace;--step--2:.6875rem;--step--1:.8125rem;--step-0:.9375rem;--step-1:1.0625rem;--step-2:1.375rem;--step-5:clamp(2.75rem, 1.8rem + 4.4vw, 4.5rem);--radius-xs:6px;--radius-sm:9px;--radius-md:13px;--radius-lg:18px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:72px;--header-height:58px;--toolbar-height:56px;--ease-out:cubic-bezier(.22, .61, .36, 1);--ease-spring:cubic-bezier(.32, .72, 0, 1);--duration-fast:.14s;--duration-base:.22s;--duration-slow:.32s}:root,[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--canvas:#f5f5f7;--canvas-elevated:#fff;--surface:#fff;--surface-muted:#f2f2f5;--surface-sunken:#ebebef;--surface-translucent:#ffffffb8;--surface-hover:#0000000b;--surface-active:#00000013;--border:#00000014;--border-strong:#00000029;--divider:#00000012;--text:#1d1d1f;--text-secondary:#5f5f66;--text-tertiary:#8a8a8e;--text-on-accent:#fff;--accent:#0a6cff;--accent-hover:#0a60e0;--accent-soft:#0a6cff1a;--accent-ring:#0a6cff52;--danger:#c9252d;--danger-soft:#c9252d17;--warning:#9a6200;--warning-soft:#9a62001a;--success:#147a45;--success-soft:#147a451a;--violet:#6d3ce0;--violet-soft:#6d3ce01a;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 2px #0000000a, 0 6px 20px #0000000d;--shadow-md:0 2px 6px #0000000d, 0 18px 48px #0000001a;--shadow-lg:0 8px 24px #00000014, 0 40px 90px #00000029;--editor-bg:#fff;--canvas-paper:#e9e9ec}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#161618;--canvas-elevated:#1e1e21;--surface:#1e1e21;--surface-muted:#26262a;--surface-sunken:#131315;--surface-translucent:#1e1e21bd;--surface-hover:#ffffff0f;--surface-active:#ffffff1a;--border:#ffffff17;--border-strong:#ffffff2b;--divider:#ffffff14;--text:#f2f2f5;--text-secondary:#a8a8ae;--text-tertiary:#7c7c83;--text-on-accent:#fff;--accent:#3d8bff;--accent-hover:#5a9dff;--accent-soft:#3d8bff29;--accent-ring:#3d8bff66;--danger:#ff6b6b;--danger-soft:#ff6b6b21;--warning:#ffb340;--warning-soft:#ffb34024;--success:#4ade80;--success-soft:#4ade8024;--violet:#a78bff;--violet-soft:#a78bff29;--shadow-xs:0 1px 2px #0006;--shadow-sm:0 1px 2px #00000057, 0 8px 24px #0000004d;--shadow-md:0 2px 8px #0006, 0 22px 60px #00000070;--shadow-lg:0 10px 30px #00000080, 0 48px 110px #0009;--editor-bg:#1b1b1e;--canvas-paper:#101013}.MuiTooltip-tooltip{border:1px solid var(--border)!important;border-radius:var(--radius-sm)!important;background:var(--canvas-elevated)!important;color:var(--text)!important;box-shadow:var(--shadow-md)!important;font-size:var(--step--1)!important;letter-spacing:-.003em!important;padding:6px 10px!important}.MuiTooltip-arrow{filter:drop-shadow(0 0 0 var(--border));color:var(--canvas-elevated)!important}.tip-row{align-items:center;gap:var(--space-2);display:inline-flex}.tip-key{border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--surface-muted);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--step--2);padding:1px 5px;line-height:1.4}.MuiDialogTitle-root.templates__title,.MuiDialogTitle-root.settings__title,.MuiDialogContent-root.templates__content,.MuiDialogContent-root.settings__content{color:var(--text)}.MuiPopover-paper{border:1px solid var(--border)!important;border-radius:var(--radius-lg)!important;background:var(--canvas-elevated)!important;box-shadow:var(--shadow-lg)!important;color:var(--text)!important;background-image:none!important}.MuiBackdrop-root{-webkit-backdrop-filter:blur(6px);background-color:#00000052!important}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-sans);font-size:var(--step-0);letter-spacing:-.006em;color:var(--text);background:var(--canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;overscroll-behavior:none;margin:0;line-height:1.5}h1,h2,h3,h4,p,figure{margin:0}button{font:inherit;color:inherit}:where(a){color:var(--accent);text-decoration:none}:where(a):hover{text-decoration:underline}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-xs)}::selection{background:var(--accent-soft)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--border-strong);border-radius:var(--radius-pill);background-clip:content-box;border:3px solid #0000}::-webkit-scrollbar-thumb:hover{background-color:var(--text-tertiary)}.button{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);height:34px;color:var(--text);font-size:var(--step--1);letter-spacing:-.003em;white-space:nowrap;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), opacity var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);background:0 0;border:1px solid #0000;padding:0 14px;font-weight:500;display:inline-flex}.button:hover:not(:disabled){background:var(--surface-hover)}.button:active:not(:disabled){background:var(--surface-active);transform:scale(.98)}.button:disabled{opacity:.4;cursor:default}.button--primary{background:var(--accent);color:var(--text-on-accent);box-shadow:var(--shadow-xs)}.button--primary:hover:not(:disabled),.button--primary:active:not(:disabled){background:var(--accent-hover)}.button--outline{border-color:var(--border-strong);background:var(--surface)}.button--outline:hover:not(:disabled){background:var(--surface-hover)}.button--quiet{color:var(--text-secondary)}.button--icon{width:34px;color:var(--text-secondary);padding:0}.button--icon:hover:not(:disabled){color:var(--text)}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{top:var(--space-2);left:var(--space-2);z-index:100;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:var(--surface);box-shadow:var(--shadow-md);transition:transform var(--duration-base) var(--ease-out);position:absolute;transform:translateY(-200%)}.skip-link:focus-visible{transform:translateY(0)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.app{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.app--bare .toolbar{top:0}.workspace{background:var(--divider);flex:1;grid-template-columns:1fr 1fr;gap:1px;min-height:0;display:grid}.pane{background:var(--canvas);flex-direction:column;min-width:0;min-height:0;display:flex}.pane--editor{background:var(--editor-bg)}.pane__body{flex-direction:column;flex:1;min-height:0;display:flex}.pane__body--muted{opacity:.32;filter:saturate(.6);pointer-events:none;transition:opacity var(--duration-slow) var(--ease-out)}.pane__error{background:var(--canvas);min-height:0;animation:pane-error-in var(--duration-base) var(--ease-out) both;flex-direction:column;flex:auto;display:flex;overflow:hidden}@keyframes pane-error-in{0%{opacity:0;transform:translateY(-8px)}}.pane__header{justify-content:space-between;align-items:center;gap:var(--space-3);height:36px;padding:0 clamp(var(--space-4), 2vw, var(--space-5));border-bottom:1px solid var(--divider);background:var(--surface-translucent);-webkit-backdrop-filter:saturate(180%)blur(16px);flex-shrink:0;display:flex}.pane__title{font-size:var(--step-0);letter-spacing:-.008em;color:var(--text);font-weight:600}.pane__caption{min-width:0;font-size:var(--step--2);color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.toast{z-index:40;padding:var(--space-2) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--canvas-elevated);box-shadow:var(--shadow-md);color:var(--text);font-size:var(--step--1);animation:toast-in var(--duration-base) var(--ease-spring) both;position:fixed;bottom:52px;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.engine-banner{right:var(--space-4);z-index:40;align-items:center;gap:var(--space-2);max-width:420px;padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--canvas-elevated);box-shadow:var(--shadow-md);color:var(--text-secondary);font-size:var(--step--1);animation:toast-in var(--duration-base) var(--ease-out) both;display:flex;position:fixed;bottom:48px}.engine-banner svg{color:var(--warning);flex-shrink:0}.engine-banner code{border-radius:var(--radius-xs);background:var(--surface-sunken);font-family:var(--font-mono);padding:1px 5px;font-size:11px}@media (max-width:900px){.workspace{grid-template-rows:minmax(46vh,1fr) minmax(46vh,1fr);grid-template-columns:1fr;overflow-y:auto}.pane{min-height:46vh}.toast{bottom:44px}}