:root{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page-bg:#0d1117;--surface:#161b22;--surface-raised:#21262d;--border:#30363d;--text:#e6edf3;--btn-text:#c9d1d9;--muted:#8b949e;--accent:#58a6ff;--accent-text:#79c0ff;--accent-soft:#1a2740;--on-accent:#0d1117;--success:#3fb950;--success-soft:#12261e;--warning:#d29922;--warning-soft:#2b2111;--danger:#f85149;--hover:#6e76811a;--overlay:#0d1117d9;--backdrop:#000000d9;--text-selection:#58a6ff40;--selection:#388bfd59;--link-web:#56d364;--link-web-border:#3fb950;--link-web-bg:#3fb9501a;--link-web-bg-hover:#3fb95033;--link-video:#ff6b6b;--link-video-border:#f44;--link-video-bg:#ff44441a;--link-video-bg-hover:#f443;--link-download:#d2a8ff;--link-download-border:#a371f7;--link-download-bg:#a371f71f;--link-download-bg-hover:#a371f738;--syntax-keyword:#ff7b72;--syntax-string:#a5d6ff;--syntax-constant:#79c0ff;--syntax-property:#7ee787;--syntax-type:#ffa657;--syntax-function:#d2a8ff;--syntax-comment:#8b949e;--bracket:#3fb95040;--error-line:#f8514926;--sans:system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--mono:"SF Mono", "Fira Code", "Cascadia Code", ui-monospace, monospace;--font-h1:2.4rem;--font-h1-md:1.75rem;--font-h1-sm:1.5rem;--font-h2:1.35rem;--font-subtitle:1.15rem;--font-title-sm:1.125rem;--font-h3:1.1rem;--font-body:1rem;--font-control:.9rem;--font-small:.875rem;--font-note:.85rem;--font-label:.8125rem;--font-tag:.8rem;--font-caption:.75rem;--font-code:13px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.15;--leading-base:1.5;--leading-code:1.6;--leading-prose:1.65;--tracking-stack:.02em;--tracking-uppercase:.04em;--space-2:2px;--space-4:4px;--space-6:6px;--space-8:8px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--space-36:36px;--space-40:40px;--space-64:64px;--page-padding:var(--space-24);--page-padding-mobile:var(--space-16);--window-padding:var(--space-36) var(--space-40);--window-padding-mobile:var(--space-20) var(--space-16);--panel-padding:var(--space-24);--card-padding:var(--space-20);--pane-header-padding:var(--space-12) var(--space-16);--control-padding:8px 10px;--gap-controls:var(--space-8);--gap-cards:var(--space-16);--gap-section:var(--space-32);--content-width:1000px;--content-width-demo:1100px;--content-width-tool:1200px;--content-width-wide:1440px;--prose-width:620px;--border-width:1px;--border-line:1px solid var(--border);--radius-xs:4px;--radius-sm:6px;--radius:8px;--radius-md:10px;--radius-lg:14px;--radius-pill:999px;--window-shadow:0 20px 60px #00000080, 0 1px 0 #ffffff0a;--modal-shadow:0 20px 60px #000000b3;--featured-shadow:0 0 0 1px #3fb9501f, 0 12px 32px #0003;--photo-shadow:0 4px 20px #0006;--transition-fast:.15s ease;--transition-sheet:.25s ease}*,:before,:after{box-sizing:border-box}:root{font:var(--font-body) / var(--leading-base) var(--sans);color:var(--text);background:var(--page-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--page-bg);min-height:100vh;margin:0}h1,h2,h3,p{margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit}::selection{background:var(--text-selection);color:var(--text)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.window{border:var(--border-line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--window-shadow)}.panel{padding:var(--panel-padding);border:var(--border-line);border-radius:var(--radius);background:var(--surface)}.button{border:var(--border-line);border-radius:var(--radius);background:var(--surface-raised);color:var(--btn-text);font-size:var(--font-control);font-weight:var(--weight-medium);line-height:var(--leading-base);white-space:nowrap;cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast);justify-content:center;align-items:center;gap:.45rem;padding:.5rem 1.15rem;text-decoration:none;display:inline-flex}.button:hover{text-decoration:none}.button:hover:not(:disabled){border-color:var(--muted);background:var(--border)}.button:disabled{opacity:.6;cursor:default}.button--primary{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.button--primary:hover:not(:disabled){border-color:var(--accent-text);background:var(--accent-text)}.button[aria-pressed=true],.button[aria-expanded=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text)}.button--small{border-radius:var(--radius-xs);font-size:var(--font-label);padding:2px 8px}.actions{gap:var(--gap-controls);flex-wrap:wrap;display:flex}.field{gap:var(--space-4);color:var(--muted);font-size:var(--font-label);flex-direction:column;display:flex}.input,.select,.textarea{min-width:0;padding:var(--control-padding);border:var(--border-line);border-radius:var(--radius-sm);background:var(--page-bg);color:var(--text);font:inherit;font-size:var(--font-small)}.input--mono,.textarea{font-family:var(--mono)}.select{cursor:pointer}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{border-color:var(--accent)}.input:disabled,.select:disabled,.textarea:disabled{opacity:.7;cursor:default}.field__hint{color:var(--muted);font-size:var(--font-label)}.field__error{color:var(--danger);font-size:var(--font-label)}input[type=checkbox]{border:1px solid var(--muted);border-radius:var(--radius-xs);background:var(--page-bg);cursor:pointer;appearance:none;flex-shrink:0;place-content:center;width:15px;height:15px;margin:0;display:inline-grid}input[type=checkbox]:before{content:"";background:var(--on-accent);clip-path:polygon(14% 44%,0 59%,39% 100%,100% 21%,85% 7%,38% 70%);width:9px;height:9px;transform:scale(0)}input[type=checkbox]:checked{border-color:var(--accent);background:var(--accent)}input[type=checkbox]:checked:before{transform:scale(1)}input[type=checkbox]:hover:not(:checked){border-color:var(--text)}.tag{border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-text);font-family:var(--mono);font-size:var(--font-tag);font-weight:var(--weight-medium);padding:3px 10px;display:inline-block}.badge{border-radius:var(--radius-pill);background:var(--surface-raised);color:var(--muted);font-family:var(--sans);font-size:.6875rem;font-weight:var(--weight-semibold);white-space:nowrap;border:1px solid #0000;padding:0 6px;line-height:1.6;display:inline-block}.badge--success{background:var(--success-soft);color:var(--success)}.badge--accent{background:var(--accent-soft);color:var(--accent-text)}.badge--warning{background:var(--warning-soft);color:var(--warning)}.badge--danger{border-color:var(--danger);background:var(--page-bg);color:var(--danger)}.alert{border:1px solid var(--success);border-radius:var(--radius);background:var(--success-soft);color:var(--success);font-size:var(--font-small);padding:10px 14px}.alert--warning{border-color:var(--warning);background:var(--warning-soft);color:var(--warning)}.empty-state{padding:var(--card-padding);border:1px dashed var(--border);border-radius:var(--radius-md);background:var(--page-bg);color:var(--muted);text-align:center;margin:0}.mono{font-family:var(--mono)}.app-footer{border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap;justify-content:center;gap:8px 24px;padding:16px 24px;font-size:.8125rem;display:flex}.language-switcher{gap:4px;display:flex}.language-switcher__option{border-radius:var(--radius-xs);color:var(--muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:2px 8px;font-size:.9rem;font-weight:500}.language-switcher__option:hover{color:var(--text)}.language-switcher__option[aria-pressed=true]{background:var(--surface-raised);color:var(--text);font-weight:700}.app-header{width:100%;max-width:var(--content-width);margin:0 auto;padding:24px 24px 8px}.app-header--wide{max-width:var(--content-width-wide)}.app-header__nav{justify-content:space-between;align-items:center;display:flex}.app-header__controls{flex-wrap:wrap;justify-content:flex-end;gap:4px 16px;display:flex}.app-header__logo{color:var(--text);transition:opacity var(--transition-fast);font-weight:600}.app-header__logo:hover{opacity:.75;text-decoration:none}@media (width<=600px){.app-header{padding:16px 16px 4px}}.code-editor{height:100%;min-height:0;overflow:hidden}.code-editor .cm-editor{height:100%}.code-editor .cm-editor.cm-focused{outline:none}.pane{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.pane__header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;min-height:60px;padding:12px 16px;display:flex}.pane__title{font-size:1.125rem;font-weight:600}.pane__actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pane__body{flex:1;min-height:0;overflow:auto}.pane__footer{border-top:1px solid var(--border);padding:8px 16px;font-size:.8125rem}.code-panel{flex-direction:column;height:100%;display:flex}.code-panel__settings{gap:var(--space-12) var(--space-16);padding:var(--space-12) var(--space-16);border-bottom:var(--border-line);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.code-panel__files{gap:var(--space-2);padding:var(--space-6) var(--space-8) 0;border-bottom:var(--border-line);display:flex;overflow-x:auto}.code-panel__file-tab{padding:var(--space-4) 10px;border-radius:var(--radius-sm) var(--radius-sm) 0 0;color:var(--muted);font-family:var(--mono);font-size:var(--font-caption);cursor:pointer;background:0 0;border:1px solid #0000;border-bottom:none;flex-shrink:0}.code-panel__file-tab[aria-selected=true]{border-color:var(--border);background:var(--page-bg);color:var(--text)}.code-panel__editor{flex:1;min-height:0}.code-panel__footer{justify-content:space-between;align-items:flex-start;gap:var(--space-8);flex-wrap:wrap;display:flex}.code-panel__info{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.code-panel__file{color:var(--muted);font-family:var(--mono)}.code-panel__notes summary{color:var(--warning);cursor:pointer}.code-panel__notes ul{margin:var(--space-4) 0 0;padding-left:var(--space-20);color:var(--btn-text)}.create-target{gap:var(--space-12);padding:var(--space-16);border-bottom:var(--border-line);background:var(--page-bg);flex-direction:column;display:flex}.create-target__title{font-size:var(--font-body);font-weight:var(--weight-semibold)}.create-target__description{max-width:var(--prose-width);color:var(--muted);font-size:var(--font-small);line-height:var(--leading-prose)}.create-target__row{justify-content:space-between;align-items:flex-end;gap:var(--space-12);flex-wrap:wrap;display:flex}.create-target__row .field{min-width:200px}.create-target__warning{color:var(--warning);font-size:var(--font-label)}.input-pane{min-width:0;min-height:0;display:flex}.input-pane>.pane{flex:1}.input-pane .pane__body{flex-direction:column;display:flex}.input-pane__settings{gap:var(--space-12) var(--space-16);padding:var(--space-12) var(--space-16);border-bottom:var(--border-line);flex-wrap:wrap;display:flex}.input-pane__settings .field{min-width:180px}.input-pane__editor{flex:1;min-height:0;position:relative}.input-pane__drop{inset:var(--space-8);border:2px dashed var(--accent);border-radius:var(--radius);background:var(--overlay);color:var(--accent-text);font-weight:var(--weight-medium);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute}.input-status{color:var(--muted)}.input-status--ok{color:var(--success)}.input-status--warning{color:var(--warning)}.input-status--error{color:var(--danger)}.input-status__received{color:var(--muted)}.input-status__warnings{color:var(--warning);cursor:help}.intro{gap:var(--space-24) var(--space-40);margin-top:var(--space-16);padding:var(--window-padding);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);display:grid}.intro__text{gap:var(--space-12);flex-direction:column;display:flex}.intro__title{align-items:center;gap:var(--space-8) 14px;flex-wrap:wrap;display:flex}.intro h1{font-size:var(--font-h1);line-height:var(--leading-tight)}.intro__badge{border:1px solid var(--success);border-radius:var(--radius-pill);color:var(--success);font-size:var(--font-label);padding:2px 10px}.intro__subtitle{color:var(--muted);font-size:var(--font-subtitle)}.intro__description{max-width:var(--prose-width);color:var(--muted);line-height:var(--leading-prose)}.intro__side{gap:var(--space-16);flex-direction:column;display:flex}.intro__privacy{gap:var(--space-4);padding:var(--space-12) var(--space-16) var(--space-12) 34px;border:var(--border-line);border-radius:var(--radius-md);background:var(--page-bg);color:var(--btn-text);font-size:var(--font-small);line-height:var(--leading-base);flex-direction:column;margin:0;display:flex}.intro__examples{gap:var(--space-8);flex-direction:column;display:flex}.intro__examples-label{color:var(--muted);font-size:var(--font-label)}.intro__example-list{gap:var(--space-6);flex-wrap:wrap;display:flex}@media (width<=1100px){.intro{grid-template-columns:minmax(0,1fr)}}@media (width<=600px){.intro{padding:var(--window-padding-mobile)}.intro h1{font-size:var(--font-h1-md)}}.links{margin-top:var(--space-16);padding:var(--window-padding);flex-direction:column;gap:14px;display:flex}.links__note{color:var(--muted);font-size:var(--font-note);line-height:var(--leading-code)}@media (width<=600px){.links{padding:var(--window-padding-mobile)}}.field-editor{gap:var(--space-16);margin:var(--space-4) 0 var(--space-8);padding:var(--space-16);border:var(--border-line);border-radius:var(--radius-md);background:var(--page-bg);flex-direction:column;display:flex}.field-editor__header{justify-content:space-between;align-items:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.field-editor__title{font-size:var(--font-body);font-weight:var(--weight-semibold);margin:0}.field-editor__type,.field-editor__muted{color:var(--muted);font-family:var(--mono);font-size:var(--font-label);font-weight:var(--weight-regular)}.field-editor__section{gap:var(--space-8);flex-direction:column;display:flex}.field-editor__label{color:var(--muted);font-size:var(--font-label);font-weight:var(--weight-regular);margin:0}.field-editor__candidates{gap:var(--space-6);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.field-editor__candidate{align-items:center;gap:var(--space-8);font-size:var(--font-small);flex-wrap:wrap;display:flex}.field-editor__reasons{min-width:160px;font-family:var(--sans);flex:1}.field-editor__grid{gap:var(--space-12) var(--space-16);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start;display:grid}.field-editor__wide{grid-column:1/-1}.field-editor__sources{gap:var(--space-6)}.field-editor__source{gap:var(--space-6);display:flex}.field-editor__source .select{flex:1}.field-editor__pairs{border-collapse:collapse;width:100%;max-width:520px;font-size:var(--font-label)}.field-editor__pairs th{padding:var(--space-4) var(--space-8);color:var(--muted);font-weight:var(--weight-semibold);text-align:left}.field-editor__pairs td{padding:var(--space-4) var(--space-8);border-top:var(--border-line)}.field-editor__pairs .select{width:100%}.mapping{gap:var(--space-16);flex-direction:column;min-width:0;display:flex}.mapping__header{justify-content:space-between;align-items:center;gap:var(--space-12);flex-wrap:wrap;display:flex}.mapping__title{font-size:var(--font-title-sm);font-weight:var(--weight-semibold)}.mapping__summary{gap:var(--space-4) var(--space-16);color:var(--text);font-size:var(--font-small);flex-wrap:wrap;display:flex}.mapping__count{color:var(--muted)}.mapping__count--success{color:var(--success)}.mapping__count--warning{color:var(--warning)}.mapping__count--danger{color:var(--danger)}.mapping__filters{justify-content:space-between;align-items:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.mapping__filter-group{gap:var(--space-4);flex-wrap:wrap;display:flex}.mapping__search{width:min(280px,100%)}.mapping__section{gap:var(--space-4);padding-top:var(--space-16);border-top:var(--border-line);flex-direction:column;display:flex}.mapping__model{margin:0 0 var(--space-4);font-family:var(--mono);font-size:var(--font-small);font-weight:var(--weight-semibold)}.mapping__columns,.mapping__line{align-items:center;gap:var(--space-12);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr) minmax(0,1.1fr) 9.5rem 9rem;display:grid}.mapping__columns{padding:0 var(--space-12);color:var(--muted);font-size:var(--font-caption);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-uppercase);text-transform:uppercase}.mapping__rows{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.mapping__row{padding:var(--space-8) var(--space-12);border-top:var(--border-line)}.mapping__row:first-child{border-top:none}.mapping__row:hover{background:var(--hover)}.mapping__row--open,.mapping__row--open:hover{background:0 0}.mapping__row--ignored .mapping__target-name{opacity:.6;text-decoration:line-through}.mapping__source,.mapping__target{align-items:baseline;gap:var(--space-2) var(--space-6);min-width:0;font-size:var(--font-small);overflow-wrap:anywhere;flex-wrap:wrap;display:flex}.mapping__path,.mapping__target-name{color:var(--text)}.mapping__source--proposed .mapping__path{border-bottom:1px dashed var(--warning)}.mapping__plus,.mapping__none,.mapping__type{color:var(--muted)}.mapping__none{font-style:italic}.mapping__type{font-family:var(--mono);font-size:var(--font-label)}.mapping__constant{color:var(--syntax-string)}.mapping__arrow{align-items:baseline;gap:var(--space-6);min-width:0;color:var(--muted);display:flex}.mapping__transform{color:var(--accent-text);font-size:var(--font-label);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mapping__status{min-width:0}.mapping__actions{justify-content:flex-end;gap:var(--space-4);display:flex}.mapping__issues{gap:var(--space-2);margin:var(--space-4) 0 0;font-size:var(--font-label);flex-direction:column;padding:0;list-style:none;display:flex}.mapping__issue--error{color:var(--danger)}.mapping__issue--warning{color:var(--warning)}.mapping__issue--info{color:var(--muted)}.mapping__issue-model{color:var(--muted);font-family:var(--mono)}.mapping__no-results{padding:var(--space-12);color:var(--muted);font-size:var(--font-small)}.mapping__unused,.mapping__diagnostics{font-size:var(--font-small)}.mapping__unused summary,.mapping__diagnostics summary{padding:var(--space-6) 0;color:var(--muted);cursor:pointer}.mapping__unused-list{gap:var(--space-8) var(--space-16);margin:var(--space-8) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.mapping__unused-list li{align-items:center;gap:var(--space-6);display:flex}.mapping__ignored{color:var(--muted);text-decoration:line-through}.mapping__diagnostics{padding-top:var(--space-12);border-top:var(--border-line)}@media (width<=1100px){.mapping__columns{display:none}.mapping__line{gap:var(--space-6) var(--space-12);grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"source target""arrow arrow""status actions"}.mapping__source{grid-area:source}.mapping__target{grid-area:target}.mapping__arrow{grid-area:arrow}.mapping__status{grid-area:status}.mapping__actions{grid-area:actions}}@media (width<=600px){.mapping__line{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"target target""source source""arrow arrow""status actions"}.mapping__arrow--plain{display:none}.mapping__transform{white-space:normal}.mapping__search{width:100%}}.project-bar{justify-content:space-between;align-items:center;gap:var(--space-12) var(--space-16);margin-top:var(--space-16);padding:var(--space-12) var(--space-16);flex-wrap:wrap;display:flex}.project-bar__storage{align-items:center;gap:var(--space-8) var(--space-16);flex-wrap:wrap;display:flex}.project-bar__remember{align-items:center;gap:var(--space-6);font-size:var(--font-small);cursor:pointer;display:flex}.project-bar__message{font-size:var(--font-small);flex-basis:100%}.project-bar__message--ok{color:var(--success)}.project-bar__message--error{color:var(--danger)}.app{flex-direction:column;min-height:100vh;display:flex}.app__main{width:100%;max-width:var(--content-width-wide);padding:var(--page-padding);flex:1;margin:0 auto}.workspace{gap:var(--gap-cards);margin-top:var(--space-16);flex-direction:column;display:flex}.workspace__inputs{gap:var(--gap-cards);grid-template-columns:repeat(2,minmax(0,1fr));height:clamp(380px,52vh,560px);display:grid}.workspace__code{height:max(480px,100vh - 160px);display:flex}.workspace__code>.pane{flex:1}.workspace__tabs{display:none}@media (width<=1100px){.workspace__tabs{z-index:1;gap:var(--space-4);margin-top:var(--space-16);padding:var(--space-4);border:var(--border-line);border-radius:var(--radius);background:var(--surface);display:flex;position:sticky;top:0;overflow-x:auto}.workspace__tab{justify-content:center;align-items:center;gap:var(--space-6);padding:var(--space-6) var(--space-8);border-radius:var(--radius-sm);color:var(--muted);font:inherit;font-size:var(--font-small);font-weight:var(--weight-medium);white-space:nowrap;cursor:pointer;background:0 0;border:none;flex:1;display:flex}.workspace__tab[aria-selected=true]{background:var(--surface-raised);color:var(--text)}.workspace__tab-badge{border-radius:var(--radius-pill);background:var(--warning-soft);min-width:18px;color:var(--warning);font-size:var(--font-caption);padding:0 5px}.workspace__tab-badge--error{background:var(--page-bg);color:var(--danger)}.workspace{margin-top:var(--space-8)}.workspace[data-tab]>*{display:none}.workspace__inputs{grid-template-columns:minmax(0,1fr);height:max(440px,100dvh - 140px)}.workspace[data-tab=source]>.workspace__inputs,.workspace[data-tab=target]>.workspace__inputs{display:grid}.workspace[data-tab=source]>.workspace__inputs>:nth-child(2),.workspace[data-tab=target]>.workspace__inputs>:first-child{display:none}.workspace[data-tab=mapping]>.mapping{display:flex}.workspace[data-tab=code]>.workspace__code{height:max(440px,100dvh - 140px);display:flex}}@media (width<=600px){.app__main{padding:var(--page-padding-mobile)}.mapping.panel{padding:var(--space-16)}}