@font-face{font-family:Inter;src:url(/fonts/inter/InterVariable.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}:root{--sand:#f5f6f7;--paper:#fffffff5;--paper-strong:#f7f8f9fa;--ink:#1f2933;--muted:#66717d;--line:#1f29331a;--accent:#4caf50;--accent-strong:#2e7d32;--accent-soft:#1f29330f;--shadow:0 24px 70px #0f172a14;--radius-xl:26px;--radius-lg:18px;--font-body:"Inter", "Segoe UI", sans-serif;--font-heading:"Inter", "Segoe UI", sans-serif;color:var(--ink);background:var(--sand);font:16px/1.55 var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--ink);background:#f6f7f9;margin:0}body:before{content:none}button,input,select,textarea{font:inherit;accent-color:var(--accent);-webkit-tap-highlight-color:transparent}::selection{color:var(--ink);background:#1f293329}#root{min-height:100svh}.topbar,.content-card{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--paper);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow)}.topbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff;border-bottom:1px solid #1f293314;border-left:0;border-right:0;border-radius:0;width:100%;margin-bottom:24px;padding:0 16px;display:flex;position:relative}.topbar:after{content:"";background:#1f293314;height:2px;position:absolute;bottom:0;left:0;right:0}.topbar__inner,.app-main{width:min(1320px,100% - 32px);margin:0 auto}.topbar__inner{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}.brand-block{align-items:center;gap:14px;min-width:0;display:flex}.brand-copy{min-width:0}.brand-avatar{object-fit:cover;border:2px solid #fffc;border-radius:50%;width:48px;height:48px;box-shadow:0 10px 24px #0f172a14}.brand-copy small,.section-note{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;display:block}.brand-copy h1,.section-title{font-family:var(--font-heading);letter-spacing:-.04em;color:var(--ink);margin:0;font-weight:700}.brand-copy h1{font-size:1.2rem}.topbar-meta{flex-wrap:nowrap;flex:none;align-items:center;gap:8px;margin-left:auto;display:flex}.translate-trigger,.locale-option,.modal-close,.status-pill,.badge{color:var(--ink);background:#ffffffdb;border:1px solid #1f29331a;border-radius:999px}.translate-trigger,.modal-close,.locale-option{cursor:pointer;appearance:none}.content-card{background:#fffffff5}.status-pill{justify-content:center;align-items:center;width:42px;height:42px;padding:0;display:inline-flex;position:relative}.status-pill svg{width:18px;height:18px}.status-pill__icon{justify-content:center;align-items:center;display:none}.status-pill--checking [data-connectivity-icon=checking],.status-pill--online [data-connectivity-icon=online],.status-pill--limited [data-connectivity-icon=limited],.status-pill--offline [data-connectivity-icon=offline]{display:inline-flex}.status-pill:after{content:attr(data-tooltip);color:#fffdf8;text-align:center;pointer-events:none;opacity:0;visibility:hidden;z-index:4;background:#17311df2;border-radius:12px;min-width:max-content;max-width:220px;padding:8px 10px;font-size:.76rem;font-weight:600;line-height:1.35;transition:opacity .14s,transform .14s,visibility .14s;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(-4px)}.status-pill:before{content:"";pointer-events:none;opacity:0;visibility:hidden;z-index:3;background:#17311df2;width:10px;height:10px;transition:opacity .14s,transform .14s,visibility .14s;position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%)rotate(45deg)}.status-pill:hover:after,.status-pill:hover:before,.status-pill:focus-visible:after,.status-pill:focus-visible:before{opacity:1;visibility:visible}.status-pill:hover:after,.status-pill:focus-visible:after{transform:translate(-50%)translateY(0)}.status-pill--checking{color:var(--muted);border-color:#15232d1a}.status-pill--online{color:#2e7d32;background:#ffffffeb;border-color:#1f29331a}.status-pill--limited{color:#8a6a16;background:#ffffffeb;border-color:#1f29331a}.status-pill--offline{color:#8a2020;background:#9a22221a;border-color:#9a22222e}.translate-trigger{width:42px;height:42px;min-height:42px;color:var(--ink);background:#fffffffa;border-color:#1f29331a;flex:0 0 42px;justify-content:center;align-items:center;padding:0;font-weight:700;display:inline-flex;box-shadow:0 8px 20px #0f172a0f}.translate-trigger svg{width:18px;height:18px}.app-main{padding-bottom:40px}.modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#15232d5c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-backdrop--blocking{z-index:60}.modal-backdrop--sync{background:radial-gradient(circle at top,#4caf501f,#0000 42%),#1118276b}.locale-modal{border-radius:var(--radius-xl);background:#fffffffa;border:1px solid #1f293314;width:min(440px,100%);padding:22px;box-shadow:0 30px 80px #15232d33}.update-modal{text-align:center;justify-items:center;gap:12px;display:grid}.sync-modal{background:#fffffffa;border-color:#4caf5024;max-width:460px;padding:26px 24px;position:relative;overflow:hidden;box-shadow:0 30px 80px #15232d33,0 0 0 1px #4caf500f}.sync-modal .section-title{font-size:1.45rem}.sync-modal .locale-modal__copy{max-width:34ch;margin-top:4px}.sync-modal .update-modal__status{background:#ffffffbf;border:1px solid #4caf501f;border-radius:999px;padding:7px 12px}.sync-modal__actions{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;margin-top:4px;display:flex}.sync-modal__action-button{cursor:pointer;border:1px solid #1f29331f;border-radius:14px;min-width:148px;padding:12px 16px;font-weight:700;transition:transform .16s,box-shadow .16s,border-color .16s,background-color .16s}.sync-modal__action-button:hover{transform:translateY(-1px)}.sync-modal__action-button.button--secondary{color:#55606c;background:#fffffff5}.sync-modal__action-button.button--primary{color:#f9fafb;background:#1f2933;border-color:#4caf502e;box-shadow:0 12px 22px #0f172a1f}.sync-modal--success,.sync-modal--queued{border-color:#4caf502e}.sync-modal--prompt{border-color:#8a6a162e}.update-modal__loader{border:3px solid #1f29331f;border-top-color:#1f2933e0;border-radius:50%;width:42px;height:42px;animation:.9s linear infinite update-spin}.update-modal__status{color:var(--muted);margin:0;font-weight:600}.sync-modal__loader{background:radial-gradient(circle,#4caf501f,#0000 60%);border:2px solid #4caf501f;border-radius:50%;width:58px;height:58px;position:relative}.sync-modal__loader:before,.sync-modal__loader:after{content:"";border-radius:50%;position:absolute;inset:0}.sync-modal__loader:before{border:3px solid #4caf5024;border-top-color:#4caf50eb;animation:.78s linear infinite update-spin;inset:7px}.sync-modal__loader:after{background:#4caf5029;inset:17px}.sync-modal__success-badge{width:58px;height:58px;color:var(--accent-strong);background:linear-gradient(#4caf502e,#4caf5014);border:1px solid #4caf5029;border-radius:999px;place-items:center;font-size:1.7rem;font-weight:700;display:grid;box-shadow:0 12px 24px #4caf5024}.sync-modal__prompt-badge{color:#d7a514;background:0 0;border:1px solid #d7a514;border-radius:999px;place-items:center;width:58px;height:58px;font-size:2rem;font-weight:700;display:grid}.sync-modal__error-badge{color:#c62828;background:linear-gradient(#c6282829,#c6282814);border:1px solid #c6282838;border-radius:999px;place-items:center;width:58px;height:58px;font-size:2rem;font-weight:700;display:grid;box-shadow:0 12px 24px #c6282824}@media (max-width:640px){.sync-modal__actions{flex-direction:column;align-items:stretch}.sync-modal__action-button{width:100%;min-width:0}}@keyframes update-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.locale-modal__header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.modal-close{background:#f3f4f6f5;border-radius:999px;place-items:center;width:40px;height:40px;font-size:1.3rem;line-height:1;display:grid}.locale-modal__copy{color:var(--muted);margin:12px 0 0}.locale-modal__list{gap:10px;margin-top:20px;display:grid}.locale-option{border-radius:var(--radius-lg);text-align:left;background:#fffffffa;border-color:#1f293314;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:14px 16px;transition:border-color .16s,background-color .16s,box-shadow .16s,transform .16s,color .16s;display:flex}.locale-option small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.locale-option:hover,.locale-option:focus-visible{background:#f8fafcfa;border-color:#4caf502e;box-shadow:0 10px 20px #0f172a0f}.locale-option:focus-visible{outline-offset:2px;outline:2px solid #4caf5042}.locale-option:active{background:#f3f4f6fa;transform:scale(.99)}.locale-option[aria-pressed=true]{color:var(--accent-strong);background:#f3f4f6fa;border-color:#4caf503d;box-shadow:inset 0 0 0 1px #4caf501a}.locale-option[aria-pressed=true] small{color:var(--accent-strong)}.form-page{gap:20px;display:grid}.form-page--centered{place-items:center;min-height:calc(100svh - 120px)}.form-page__header,.payload-card{padding:22px}.form-page__header{background:#fffffffa;border:1px solid #1f293314;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.form-page__header p,.payload-card p{color:var(--muted);margin:0}.form-page__meta{align-items:center;display:flex}.badge{color:var(--accent-strong);background:#f3f4f6fa;border-color:#1f293314;align-items:center;gap:6px;padding:8px 12px;display:inline-flex}.form-page__grid{grid-template-columns:minmax(0,1fr);display:grid}.form-preview-card{-webkit-backdrop-filter:none;backdrop-filter:none;min-height:calc(100svh - 156px);box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;overflow:hidden}.info-fab{right:max(20px, env(safe-area-inset-right) + 16px);bottom:max(20px, env(safe-area-inset-bottom) + 16px);z-index:40;color:#fff;cursor:pointer;appearance:none;background:#1f2933f5;border:1px solid #1f293314;border-radius:999px;justify-content:center;align-items:center;width:48px;height:48px;padding:0;transition:transform .16s,box-shadow .16s,background-color .16s,opacity .14s;display:inline-flex;position:fixed;box-shadow:0 14px 28px #0f172a2e,0 0 0 6px #ffffffdb}.info-fab[aria-expanded=true]{opacity:0;pointer-events:none}.info-fab__icon{justify-content:center;align-items:center;width:100%;height:100%;font-size:1.35rem;font-weight:700;line-height:1;display:inline-flex}.info-fab:hover,.info-fab:focus-visible{transform:translateY(-1px)scale(1.02);box-shadow:0 18px 34px #0f172a38,0 0 0 6px #ffffffe6}.info-fab:focus-visible{outline-offset:2px;outline:2px solid #1f29332e}.drawer-backdrop{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;background:#15232d52;transition:opacity .22s;position:fixed;inset:0}.drawer-backdrop--visible{opacity:1;pointer-events:auto}.drawer-backdrop--closing{opacity:0;pointer-events:none}.info-drawer{opacity:0;pointer-events:none;will-change:transform, opacity;background:#fafafbfc;border-left:1px solid #1f293314;flex-direction:column;width:min(460px,100vw - 16px);height:100svh;transition:transform .24s cubic-bezier(.22,1,.36,1),opacity .18s;display:flex;position:absolute;top:0;right:0;transform:translate(calc(100% + 18px));box-shadow:-20px 0 48px #0f172a1f}.info-drawer--visible{opacity:1;pointer-events:auto;transform:translate(0)}.info-drawer--closing{opacity:0;transform:translate(calc(100% + 18px))}.info-drawer__header{border-bottom:1px solid #1f293314;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 20px 16px;display:flex}.info-drawer__body{flex:auto;padding:20px;overflow:auto}.info-drawer__panel p{color:var(--muted);margin:0}.form-preview-frame{background:0 0;border:0;border-radius:0;width:100%;min-height:calc(100svh - 156px);display:block}.section-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.section-block+.section-block{border-top:1px solid #1f29330f;margin-top:24px;padding-top:24px}.meta-list{gap:10px;margin:0;display:grid}.meta-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.meta-row dt,.meta-row dd{margin:0}.meta-row dt{color:var(--muted);flex:auto}.meta-row dd{text-align:right;flex:none;justify-content:flex-end;font-weight:600;display:flex}.meta-chip{max-width:100%;color:var(--ink);background:#fffffff5;border:1px solid #1f29331a;border-radius:999px;align-items:center;gap:5px;padding:4px 8px;font-size:.72rem;font-weight:600;line-height:1.15;display:inline-flex}.meta-chip__icon{border-radius:999px;flex:0 0 13px;justify-content:center;align-items:center;width:13px;height:13px;display:inline-flex}.meta-chip__icon-variant{justify-content:center;align-items:center;width:100%;height:100%;display:none}.meta-chip__icon svg{width:8px;height:8px}.meta-chip--positive [data-meta-chip-icon=positive],.meta-chip--negative [data-meta-chip-icon=negative],.meta-chip--neutral [data-meta-chip-icon=neutral]{display:inline-flex}.meta-chip--positive{color:#255d29;background:#4caf5014;border-color:#4caf502e}.meta-chip--positive .meta-chip__icon{background:#4caf502e}.meta-chip--negative{color:#8a2020;background:#9a222214;border-color:#9a222229}.meta-chip--negative .meta-chip__icon{background:#9a222229}.meta-chip--neutral{color:#55606c;background:#1f29330f;border-color:#1f29331a}.meta-chip--neutral .meta-chip__icon{background:#1f29331a}.link-list{gap:10px;display:grid}.drawer-search{gap:8px;display:grid}.examples-card{border-radius:var(--radius-lg);background:#f8f9faeb;border:1px solid #1f293314;gap:14px;margin-top:12px;padding:14px;display:grid;box-shadow:inset 0 1px #ffffffb3}.drawer-search__label{color:var(--muted);font-size:.82rem;font-weight:600}.drawer-search__field{position:relative}.drawer-search__icon{color:#7b8794;pointer-events:none;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.drawer-search__icon svg{width:16px;height:16px}.drawer-search__input{width:100%;color:var(--ink);background:#fffffffa;border:1px solid #1f29331a;border-radius:14px;padding:12px 14px 12px 40px;transition:border-color .16s,box-shadow .16s,background-color .16s}.drawer-search__input::placeholder{color:#8a949e}.drawer-search__input:focus{background:#fff;border-color:#4caf5047;outline:none;box-shadow:0 0 0 4px #4caf501a}.route-link{border-radius:var(--radius-lg);color:var(--ink);background:#fffffff0;border:1px solid #1f293314;flex-direction:column;gap:3px;padding:14px 16px;text-decoration:none;transition:transform .16s,border-color .16s,background-color .16s;display:flex}.route-link:hover{background:#f8fafcfa;border-color:#4caf502e;transform:translateY(-1px);box-shadow:0 14px 28px #0f172a0f}.route-link small{color:var(--muted)}.code-block{border-radius:var(--radius-lg);color:#f3f4f6;background:#111827;border:1px solid #1f293314;margin:0;padding:18px;font-family:SFMono-Regular,Consolas,monospace;font-size:.92rem;overflow:auto}.code-block--drawer-payload{max-height:280px}@media (max-width:980px){.form-page__grid{grid-template-columns:1fr}.form-preview-card,.form-preview-frame{min-height:calc(100svh - 148px)}.meta-row dd{text-align:right;justify-content:flex-end}.info-drawer{width:min(420px,100vw - 12px)}}@media (max-width:640px){.app-shell{width:100%}.form-page__header,.payload-card{padding:18px}.topbar{padding:0 10px}.topbar__inner,.app-main{width:min(100% - 20px,1320px)}.topbar-meta{width:auto;margin-left:auto}.translate-trigger,.status-pill{flex:0 0 42px;width:42px;min-width:42px}.info-fab{right:max(14px, env(safe-area-inset-right) + 10px);bottom:max(14px, env(safe-area-inset-bottom) + 10px);width:54px;height:54px}.info-drawer{width:100%}.info-drawer__header,.info-drawer__body{padding:18px}}