@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--ink:#111827;--porcelain:#f7f9fc;--white:#fff;--signal-teal:#00a7a5;--cobalt:#2f6bff;--amber:#f5b84b;--raspberry:#d94c7b;--mist:#d9e2ec;--teal-700:#007e7c;--teal-100:#dcf3f2;--teal-050:#eef9f8;--cobalt-700:#1f4fcc;--cobalt-100:#e2eaff;--cobalt-050:#f0f4ff;--amber-700:#b5811f;--amber-100:#fcefd2;--amber-050:#fef8ec;--raspberry-700:#b23561;--raspberry-100:#fbe2eb;--raspberry-050:#fdeff4;--jade:#1f9e6b;--jade-100:#dcf2e7;--jade-050:#eef8f2;--gray-900:#111827;--gray-800:#1f2937;--gray-700:#364152;--gray-600:#4b5768;--gray-500:#69768c;--gray-400:#94a2b8;--gray-300:#c2ccda;--gray-200:#d9e2ec;--gray-100:#eaf0f6;--gray-050:#f7f9fc;--bg-app:var(--porcelain);--bg-surface:var(--white);--bg-sunken:var(--gray-050);--bg-raised:var(--white);--fg1:var(--ink);--fg2:var(--gray-600);--fg3:var(--gray-500);--fg4:var(--gray-400);--fg-on-accent:var(--white);--border:var(--mist);--border-strong:var(--gray-300);--border-subtle:var(--gray-100);--link:var(--cobalt);--link-hover:var(--cobalt-700);--accent:var(--signal-teal);--accent-hover:var(--teal-700);--accent-soft:var(--teal-100);--status-pass:var(--jade);--status-pass-fill:var(--jade-100);--status-warn:var(--amber-700);--status-warn-dot:var(--amber);--status-warn-fill:var(--amber-100);--status-blocked:var(--raspberry-700);--status-blocked-dot:var(--raspberry);--status-blocked-fill:var(--raspberry-100);--status-active:var(--signal-teal);--status-active-fill:var(--teal-100);--status-update:var(--cobalt);--status-update-fill:var(--cobalt-100);--status-idle:var(--gray-400);--diff-added:var(--jade);--diff-added-bg:var(--jade-050);--diff-removed:var(--raspberry);--diff-removed-bg:var(--raspberry-050);--diff-changed:var(--cobalt);--diff-changed-bg:var(--cobalt-050);--diff-unchanged:var(--gray-400);--font-display:"Geist", "Inter", system-ui, sans-serif;--font-ui:"Geist", "Inter", system-ui, -apple-system, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--text-display:700 44px/1.05 var(--font-display);--text-h1:700 30px/1.15 var(--font-display);--text-h2:700 23px/1.2 var(--font-display);--text-h3:600 18px/1.3 var(--font-ui);--text-title:600 15px/1.35 var(--font-ui);--text-body:400 15px/1.55 var(--font-ui);--text-body-sm:400 13px/1.5 var(--font-ui);--text-label:500 13px/1.3 var(--font-ui);--text-caption:450 12px/1.35 var(--font-ui);--text-eyebrow:600 11px/1.2 var(--font-ui);--text-code:400 13px/1.6 var(--font-mono);--text-code-sm:400 12px/1.55 var(--font-mono);--tracking-eyebrow:.12em;--tracking-tight:-.01em;--tracking-wordmark:-.01em;--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;--radius-xs:3px;--radius-sm:5px;--radius-md:8px;--radius-lg:12px;--radius-pill:999px;--shadow-xs:0 1px 2px #1118270a;--shadow-sm:0 1px 2px #1118270d, 0 1px 3px #1118270f;--shadow-md:0 2px 4px #1118270d, 0 4px 12px #11182714;--shadow-lg:0 8px 24px #1118271a, 0 2px 6px #1118270f;--shadow-focus:0 0 0 3px #2f6bff2e;--shadow-focus-teal:0 0 0 3px #00a7a533;--ease-out:cubic-bezier(.2, .7, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--dur-fast:.12s;--dur-med:.2s;--dur-slow:.32s}body{font:var(--text-body);color:var(--fg1);background:var(--bg-app);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}h1{font:var(--text-h1);letter-spacing:var(--tracking-tight);color:var(--fg1);margin:0}h2{font:var(--text-h2);letter-spacing:var(--tracking-tight);color:var(--fg1);margin:0}h3{font:var(--text-h3);color:var(--fg1);margin:0}p{margin:0}a{color:var(--link);text-decoration:none}a:hover{color:var(--link-hover)}code,pre{font:var(--text-code)}.eyebrow{font:var(--text-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--fg3)}.wordmark{font:700 20px/1 var(--font-display);letter-spacing:var(--tracking-wordmark);color:var(--ink)}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg-app)}button,input,textarea{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{box-shadow:var(--shadow-focus);outline:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{background:linear-gradient(90deg, #d9e2ec85 1px, transparent 1px), linear-gradient(0deg, #d9e2ec6b 1px, transparent 1px), var(--bg-app);background-size:56px 56px;min-height:100vh}.topbar{z-index:20;align-items:center;gap:var(--space-4);min-height:68px;padding:0 var(--space-6);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f7f9fcf0;display:flex;position:sticky;top:0}.brand-link{align-items:center;gap:var(--space-2);color:var(--ink);font:700 20px/1 var(--font-display);letter-spacing:var(--tracking-wordmark);white-space:nowrap;display:inline-flex}.topbar-spacer{flex:1}.topbar-nav{align-items:center;gap:var(--space-2);display:flex}.nav-link{border-radius:var(--radius-sm);min-height:34px;color:var(--fg2);font:var(--text-label);border:1px solid #0000;align-items:center;gap:7px;padding:0 11px;display:inline-flex}.nav-link:hover,.nav-link.active{border-color:var(--border);background:var(--white);color:var(--fg1);box-shadow:var(--shadow-xs)}.main{width:min(1240px,100vw - 32px);padding:var(--space-8) 0 var(--space-12);margin:0 auto}.hero-grid{gap:var(--space-8);grid-template-columns:minmax(0,1fr) 420px;align-items:start;display:grid}.hero-title{max-width:760px;font:var(--text-display);letter-spacing:0}.hero-copy{max-width:660px;margin-top:var(--space-4);color:var(--fg2);font:400 17px/1.55 var(--font-ui)}.url-form{gap:var(--space-2);max-width:760px;margin-top:var(--space-6);padding:var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--white);box-shadow:var(--shadow-sm);display:flex}.url-form input{min-width:0;height:44px;padding:0 var(--space-3);color:var(--fg1);font:500 14px/1 var(--font-mono);border:0;outline:none;flex:1}.btn{border-radius:var(--radius-sm);background:var(--white);min-height:36px;color:var(--fg1);font:600 13px/1 var(--font-ui);cursor:pointer;box-shadow:var(--shadow-xs);transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast), color var(--dur-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:0 13px;display:inline-flex}.btn:hover{border-color:var(--border-strong);background:var(--gray-050)}.btn.primary{border-color:var(--signal-teal);background:var(--signal-teal);color:var(--fg-on-accent)}.btn.primary:hover{background:var(--teal-700)}.btn.danger{border-color:var(--raspberry-100);color:var(--raspberry-700)}.btn.ghost{box-shadow:none;color:var(--fg2);background:0 0;border-color:#0000}.btn:disabled{background:var(--gray-100);color:var(--fg4);cursor:not-allowed;box-shadow:none;border-color:#0000}.btn.disabled,.btn[aria-disabled=true]{background:var(--gray-100);color:var(--fg4);cursor:not-allowed;pointer-events:none;box-shadow:none;border-color:#0000}.panel{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--white);box-shadow:var(--shadow-xs)}.panel-pad{padding:var(--space-5)}.narrow-panel{width:min(680px,100vw - 32px)}.metric-grid{gap:var(--space-3);margin-top:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.metric{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--white)}.metric strong{font:700 22px/1.1 var(--font-display);display:block}.metric span{margin-top:var(--space-1);color:var(--fg3);font:var(--text-caption);display:block}.badge,.chip{border-radius:var(--radius-pill);white-space:nowrap;align-items:center;gap:6px;width:max-content;display:inline-flex}.badge{font:600 12px/1 var(--font-ui);padding:5px 9px}.chip{border:1px solid var(--border);background:var(--white);color:var(--fg2);font:600 11.5px/1 var(--font-ui);padding:4px 8px}.badge.pass{background:var(--jade-100);color:var(--jade)}.badge.warn{background:var(--amber-100);color:var(--amber-700)}.badge.blocked,.badge.error{background:var(--raspberry-100);color:var(--raspberry-700)}.badge.active{background:var(--teal-100);color:var(--teal-700)}.muted{color:var(--fg2)}.caption{color:var(--fg3);font:var(--text-caption)}.mono{font-family:var(--font-mono)}.job-grid,.review-grid,.account-grid{gap:var(--space-4);grid-template-columns:minmax(0,1fr) 380px;align-items:start;display:grid}.stepper{gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.step{min-height:82px;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--white)}.step.active{border-color:var(--teal-100);background:var(--teal-050);box-shadow:inset 3px 0 0 var(--signal-teal)}.step.done{box-shadow:inset 3px 0 0 var(--jade)}.progress-track{border-radius:var(--radius-pill);background:var(--gray-100);height:8px;overflow:hidden}.progress-fill{border-radius:inherit;background:var(--signal-teal);height:100%;transition:width var(--dur-med) var(--ease-out)}.editor-shell{overflow:hidden}.editor-toolbar{align-items:center;gap:var(--space-2);min-height:46px;padding:0 var(--space-4);border-bottom:1px solid var(--border);background:var(--white);display:flex}.cm-editor{min-height:620px;font-family:var(--font-mono);font-size:13px}.cm-scroller{font-family:var(--font-mono)!important}.side-stack{gap:var(--space-4);flex-direction:column;display:flex}.source-row,.version-row,.warning-row,.validation-row{gap:var(--space-3);padding:var(--space-3);border-top:1px solid var(--border-subtle);grid-template-columns:5px minmax(0,1fr);display:grid}.source-row:first-child,.version-row:first-child,.warning-row:first-child,.validation-row:first-child{border-top:0}.rail{background:var(--gray-300);border-radius:3px;width:5px;min-height:30px}.rail.pass{background:var(--jade)}.rail.warn{background:var(--amber)}.rail.blocked,.rail.error{background:var(--raspberry)}.source-title{text-overflow:ellipsis;white-space:nowrap;color:var(--fg1);font:600 13px/1.25 var(--font-ui);overflow:hidden}.source-url{text-overflow:ellipsis;white-space:nowrap;color:var(--fg3);font:var(--text-code-sm);margin-top:4px;overflow:hidden}.section-header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--border);display:flex}.tabs{gap:var(--space-2);flex-wrap:wrap;display:flex}.tab{border-radius:var(--radius-sm);min-height:30px;color:var(--fg3);font:600 12px/1 var(--font-ui);cursor:pointer;background:0 0;border:1px solid #0000}.tab.active{border-color:var(--border);background:var(--white);color:var(--fg1);box-shadow:var(--shadow-xs)}.diff-line{white-space:pre-wrap;word-break:break-word;font:var(--text-code);border-left:3px solid #0000;margin:0;padding:5px 12px}.diff-line.added{border-left-color:var(--diff-added);background:var(--diff-added-bg)}.diff-line.removed{border-left-color:var(--diff-removed);background:var(--diff-removed-bg)}.diff-line.changed{border-left-color:var(--diff-changed);background:var(--diff-changed-bg)}.toast-error{margin-top:var(--space-3);color:var(--raspberry-700);font:var(--text-body-sm)}.landing-page{background:var(--bg-app);min-height:100vh;color:var(--fg1);flex-direction:column;display:flex;overflow-x:hidden}.landing-topbar{justify-content:space-between;align-items:center;gap:var(--space-6);height:68px;padding:0 clamp(var(--space-5), 4vw, var(--space-10));border-bottom:1px solid var(--border);background:#f7f9fcf0;display:flex}.landing-brand{min-width:0;color:var(--ink);align-items:center;gap:10px;display:inline-flex}.landing-brand:hover{color:var(--ink)}.landing-brand img{flex:none;width:30px;height:30px}.landing-brand-name{font:700 20px/1 var(--font-display);letter-spacing:var(--tracking-wordmark)}.landing-nav{align-items:center;gap:var(--space-5);color:var(--fg2);font:var(--text-label);display:flex}.landing-nav a{color:var(--fg2)}.landing-nav a:hover{color:var(--link-hover)}.landing-hero{align-items:center;gap:clamp(var(--space-8), 5vw, var(--space-16));width:min(1180px,100vw - 40px);padding:clamp(var(--space-8), 5vh, var(--space-12)) 0 var(--space-8);flex:1;grid-template-columns:minmax(0,.95fr) minmax(380px,1.05fr);margin:0 auto;display:grid;position:relative}.landing-route-motif{opacity:.48;pointer-events:none;z-index:0;width:720px;height:360px;position:absolute;inset:2% -18% auto 36%}.landing-hero-copy,.landing-preview-panel{z-index:1;position:relative}.landing-eyebrow{color:var(--teal-700);margin-bottom:var(--space-4);align-items:center;gap:8px;display:inline-flex}.landing-title{max-width:620px;font:var(--text-display);letter-spacing:0}.landing-dek{margin-top:var(--space-4);max-width:560px;color:var(--fg2);font:400 17px/1.55 var(--font-ui)}.landing-inline-code{font:var(--text-code);color:var(--fg1)}.landing-url-card{margin-top:var(--space-8);max-width:650px;padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--white);box-shadow:var(--shadow-sm)}.landing-url-label{margin-bottom:var(--space-3);color:var(--fg1);font:var(--text-label);align-items:center;gap:8px;display:flex}.landing-url-label svg{color:var(--fg3)}.landing-field{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--white);min-height:58px;box-shadow:var(--shadow-focus);align-items:stretch;display:flex;overflow:hidden}.landing-field-icon{width:48px;color:var(--fg4);flex:none;justify-content:center;align-items:center;display:flex}.landing-field input{min-width:0;padding:0 var(--space-3) 0 0;color:var(--fg1);font:500 16px/1 var(--font-mono);background:0 0;border:0;outline:0;flex:1}.landing-field input::placeholder{color:var(--fg4)}.landing-start{background:var(--signal-teal);color:var(--fg-on-accent);padding:0 var(--space-5);white-space:nowrap;cursor:pointer;font:600 14px/1 var(--font-ui);border:0;justify-content:center;align-items:center;gap:8px;display:inline-flex}.landing-start:hover:not(:disabled){background:var(--accent-hover)}.landing-start:disabled{background:var(--gray-100);color:var(--fg4);cursor:not-allowed}.landing-input-note,.landing-error{margin-top:var(--space-3);font:var(--text-caption);align-items:center;gap:8px;display:flex}.landing-input-note{color:var(--fg3)}.landing-input-note svg{color:var(--jade)}.landing-error{color:var(--raspberry-700)}.landing-quick-row{margin-top:var(--space-6);gap:var(--space-2);flex-wrap:wrap;display:flex}.landing-chip{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--white);height:28px;color:var(--fg2);font:500 12px/1 var(--font-ui);white-space:nowrap;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.landing-chip svg{color:var(--fg3)}.landing-preview-panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--white);min-width:0;box-shadow:var(--shadow-sm);overflow:hidden}.landing-panel-head{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);background:var(--bg-sunken);display:flex}.landing-status{border-radius:var(--radius-sm);background:var(--jade-100);height:28px;color:var(--jade);font:600 12px/1 var(--font-ui);white-space:nowrap;align-items:center;gap:6px;padding:0 10px 0 8px;display:inline-flex}.landing-panel-url{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--fg2);font:var(--text-code-sm);overflow:hidden}.landing-panel-body{grid-template-columns:minmax(0,1fr) 210px;min-height:430px;display:grid}.landing-output{min-width:0;padding:var(--space-5);border-right:1px solid var(--border)}.landing-section-title{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-3);display:flex}.landing-section-title h2{font:var(--text-title);letter-spacing:0}.landing-code-preview{padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-sunken);position:relative;overflow:hidden}.landing-code-preview pre{white-space:pre-wrap;color:var(--fg1);font:var(--text-code);margin:0}.landing-code-muted{color:var(--fg3)}.landing-code-link{color:var(--cobalt-700)}.landing-code-title{color:var(--ink);font-weight:600}.landing-sources{min-width:0;padding:var(--space-5);background:var(--white)}.landing-source-list{gap:var(--space-3);display:grid}.landing-source-row{padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--white)}.landing-source-row.active{border-color:var(--cobalt-100);background:var(--cobalt-050)}.landing-source-top{color:var(--fg1);font:600 12px/1.25 var(--font-ui);align-items:center;gap:8px;display:flex}.landing-source-top svg{color:var(--cobalt);flex:none}.landing-source-path{color:var(--fg3);font:var(--text-code-sm);margin-top:5px}.landing-tag-row{margin-top:var(--space-3);flex-wrap:wrap;gap:6px;display:flex}.landing-mini-tag{border:1px solid var(--teal-100);border-radius:var(--radius-pill);background:var(--teal-050);color:var(--teal-700);font:600 11px/1 var(--font-ui);padding:4px 8px}.landing-mini-tag.blue{border-color:var(--cobalt-100);background:var(--cobalt-050);color:var(--cobalt-700)}.landing-below-fold{border-top:1px solid var(--border);background:var(--white);min-height:112px}.landing-below-inner{width:min(1180px,100vw - 40px);padding:28px 0 var(--space-8);gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));margin:0 auto;display:grid}.landing-value-card{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--white)}.landing-value-card h3{font:var(--text-title);margin-bottom:6px}.landing-value-card p{color:var(--fg2);font:var(--text-body-sm)}.error-shell{gap:var(--space-5);min-height:100vh;padding:var(--space-8);flex-direction:column;display:flex}.debug-stack{max-height:360px;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-sunken);color:var(--fg2);overflow:auto}@media (width<=980px){.hero-grid,.job-grid,.review-grid,.account-grid,.metric-grid,.stepper{grid-template-columns:1fr}.topbar{min-height:auto;padding:var(--space-3) var(--space-4);flex-wrap:wrap}.topbar-spacer{display:none}.url-form{flex-direction:column}.hero-title{font:var(--text-h1)}.landing-topbar{height:60px}.landing-nav{display:none}.landing-hero{align-items:start;gap:var(--space-8);padding-top:var(--space-8);grid-template-columns:1fr}.landing-title{font:var(--text-h1)}.landing-dek{font:var(--text-body)}.landing-route-motif{inset:8% -48% auto 24%}.landing-panel-body{grid-template-columns:1fr}.landing-output{border-right:0;border-bottom:1px solid var(--border)}.landing-sources{display:none}.landing-below-inner{grid-template-columns:1fr}}@media (width<=620px){.landing-hero{width:min(100vw - 28px,1180px);padding-top:var(--space-6)}.landing-url-card{padding:var(--space-4);margin-top:var(--space-6)}.landing-field{flex-wrap:wrap;min-height:0}.landing-field-icon,.landing-field input{height:52px}.landing-start{width:100%;height:48px}.landing-panel-head{flex-direction:column;align-items:flex-start}.landing-below-inner{width:min(100vw - 28px,1180px)}}