:root{--gray-0: #ffffff;--gray-25: #fbfaf8;--gray-50: #f6f5f2;--gray-100: #eeede9;--gray-200: #e2e0da;--gray-300: #cfccc4;--gray-400: #a8a49a;--gray-500: #7c786e;--gray-600: #5c594f;--gray-700: #403e37;--gray-900: #1a1916;--accent: #0f766e;--accent-hover: #0b5f58;--accent-subtle: #e6f2f0;--accent-ink: #0b5f58;--accent-contrast: #ffffff;--success-bg: #e4f3e8;--success-fg: #1d6b37;--success: #2f9a58;--warn-bg: #fbf0d9;--warn-fg: #8a5a00;--warn: #c98a12;--danger-bg: #fbe6e3;--danger-fg: #a52a1e;--danger: #cf4435;--info-bg: #e5eefa;--info-fg: #1f4f94;--info: #3b73c4;--bg: var(--gray-50);--surface: var(--gray-0);--border: var(--gray-200);--border-subtle: var(--gray-100);--text: var(--gray-900);--text-muted: var(--gray-500);--text-faint: var(--gray-400);--r-sm: 4px;--r-md: 6px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--font-sans: "Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--fs-xs: 12px;--fs-sm: 13px;--fs-md: 14px;--fs-lg: 16px;--fs-xl: 20px;--fs-2xl: 28px;--shadow-overlay: 0 8px 24px rgba(26, 25, 22, .14), 0 0 0 1px var(--border)}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;min-height:100vh}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.ui-label{display:block;margin-bottom:var(--s-1);font-size:var(--fs-sm);font-weight:500;color:var(--text)}.ui-input{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);font:inherit;font-size:var(--fs-md);color:var(--text)}.ui-input:hover:not(:disabled){border-color:var(--gray-300)}.ui-input:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}.ui-input:disabled{background:var(--gray-50);color:var(--text-muted)}textarea.ui-input{resize:vertical}.ui-input.mono{font-family:var(--font-mono);font-size:var(--fs-sm)}.ui-hint{display:block;margin-top:var(--s-1);font-size:var(--fs-sm);color:var(--text-muted)}.ui-code{padding:1px 5px;border-radius:var(--r-sm);background:var(--gray-100);font-family:var(--font-mono);font-size:.92em}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.ui-kv-row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s-4);padding:var(--s-2) 0;border-bottom:1px solid var(--border-subtle);font-size:var(--fs-md)}.ui-kv-row:last-child{border-bottom:none}.ui-kv-label{color:var(--text-muted)}.ui-kv-value{text-align:right;word-break:break-word}