:root{--color-accent: #533afd;--color-text-muted: #ff6118;--color-shadow-subtle-primary: rgba(50,50,93,.25);--color-ink: #061b31;--color-transparent: #ffffff00;--color-surface: #fff;--font-body: "sohne-var", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Ubuntu, sans-serif;--font-ui: "sohne-var", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Ubuntu, sans-serif;--font-body-sm: monospace;--font-heading-lg: "sohne-var", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Ubuntu, sans-serif;--font-display-lg: "sohne-var", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Ubuntu, sans-serif;--font-heading-md: "sohne-var", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Ubuntu, sans-serif;--radius-0: 0;--radius-10px: 10px;--radius-16px: 16px;--radius-1px: 1px;--radius-1rem: 1rem;--radius-3px: 3px;--radius-50: 50%;--radius-5px: 5px;--ink: var(--color-ink);--muted: color-mix(in srgb, var(--color-ink) 64%, var(--color-surface));--line: color-mix(in srgb, var(--color-accent) 14%, var(--color-surface));--panel: var(--color-surface);--accent: var(--color-accent);--accent-strong: color-mix(in srgb, var(--color-accent) 82%, var(--color-ink));--warm: var(--color-text-muted);--soft: color-mix(in srgb, var(--color-accent) 7%, var(--color-surface));--soft-warm: color-mix(in srgb, var(--color-text-muted) 9%, var(--color-surface));color:var(--color-ink);background:radial-gradient(circle at top right,color-mix(in srgb,var(--color-accent) 18%,var(--color-transparent)),var(--color-transparent) 34rem),linear-gradient(180deg,var(--color-surface),color-mix(in srgb,var(--color-accent) 5%,var(--color-surface)));font-family:var(--font-body);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0}a{color:inherit}.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{background:color-mix(in srgb,var(--color-surface) 86%,var(--color-accent));border-right:1px solid var(--line);display:flex;flex-direction:column;gap:28px;padding:24px}.brand,.sidebar a,.button-link,button{align-items:center;display:inline-flex;gap:10px}.brand{color:var(--ink);font-weight:800;text-decoration:none}.brand>span:last-child{display:grid;gap:3px}.brand small{color:var(--muted);font-size:12px;font-weight:500}.brand-mark{background:linear-gradient(135deg,var(--accent),var(--warm));border-radius:var(--radius-10px);box-shadow:0 18px 40px color-mix(in srgb,var(--color-shadow-subtle-primary) 62%,var(--color-transparent));color:var(--color-surface);display:grid;flex:0 0 auto;height:38px;place-items:center;width:38px}.sidebar nav{display:grid;gap:8px}.sidebar nav a{border:1px solid var(--color-transparent);border-radius:var(--radius-10px);color:var(--muted);font-size:14px;min-height:44px;padding:0 12px;text-decoration:none}.sidebar nav a:hover{background:var(--color-surface);border-color:var(--line);color:var(--ink)}.sidebar-note{background:var(--color-surface);border:1px solid var(--line);border-radius:var(--radius-16px);box-shadow:0 18px 36px color-mix(in srgb,var(--color-shadow-subtle-primary) 22%,var(--color-transparent));color:var(--muted);display:grid;font-size:13px;gap:8px;margin-top:auto;padding:16px}.sidebar-note strong{color:var(--ink)}.content{padding:52px clamp(28px,5vw,72px)}.home-page,.page-stack{display:grid;gap:34px}.page-stack{max-width:1040px}.hero-grid,.section-grid{display:grid;gap:28px;grid-template-columns:minmax(0,1.28fr) minmax(300px,.72fr)}.page-header{max-width:780px}.hero-copy{align-self:center}.page-header.compact h1{font-size:clamp(34px,4vw,48px)}.eyebrow{color:var(--accent);font-size:13px;font-weight:800;letter-spacing:0;margin:0 0 10px}h1,h2,p{margin-top:0;word-break:keep-all}h1{color:var(--ink);font-family:var(--font-display-lg);font-size:clamp(42px,4.8vw,58px);font-weight:300;line-height:1.08;margin-bottom:22px}h1 span{display:block}h2{color:var(--ink);font-family:var(--font-heading-md);font-size:26px;font-weight:300;line-height:1.2;margin-bottom:12px}p{color:var(--muted);font-size:16px;line-height:1.68}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.panel,.metric,.table-panel,.empty-state,.error-state,.loading-state,.processor-status-card,.library-card,.product-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-16px);box-shadow:0 22px 50px color-mix(in srgb,var(--color-shadow-subtle-primary) 18%,var(--color-transparent))}.panel{padding:clamp(22px,4vw,34px)}.product-panel{align-self:center;overflow:hidden}.product-panel-top{background:var(--soft);border-bottom:1px solid var(--line);display:flex;gap:7px;padding:14px 16px}.product-panel-top span{background:color-mix(in srgb,var(--accent) 22%,var(--color-surface));border-radius:var(--radius-50);height:10px;width:10px}.summary-preview{display:grid;gap:16px;padding:28px}.summary-preview strong{color:var(--warm);font-size:14px}.preview-line{background:color-mix(in srgb,var(--accent) 14%,var(--color-surface));border-radius:var(--radius-5px);height:12px;width:72%}.preview-line.wide{width:100%}.preview-grid,.option-row{display:flex;flex-wrap:wrap;gap:10px}.preview-grid span,.option-row span{align-items:center;background:var(--soft);border:1px solid var(--line);border-radius:var(--radius-10px);color:var(--accent-strong);display:inline-flex;font-size:13px;font-weight:700;gap:7px;min-height:36px;padding:0 12px}.metric-grid{display:grid;gap:14px}.metric{align-items:center;display:grid;gap:6px 12px;grid-template-columns:auto 1fr;padding:18px}.metric svg,.feature-row svg,.icon-tile svg{color:var(--accent)}.metric strong{color:var(--ink);font-size:20px;font-weight:500;grid-column:2}.muted-metric{background:var(--soft-warm)}.feature-list{display:grid;gap:18px;margin-top:22px}.feature-row{display:grid;gap:12px;grid-template-columns:auto 1fr}.feature-row div{display:grid;gap:5px}.feature-row span{color:var(--muted);line-height:1.55}.form-panel{display:grid;gap:18px}.form-heading{align-items:flex-start;display:grid;gap:16px;grid-template-columns:auto 1fr}.icon-tile{background:var(--soft);border:1px solid var(--line);border-radius:var(--radius-10px);display:grid;height:44px;place-items:center;width:44px}label{color:var(--ink);font-weight:700}.inline-control{display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto}.private-code-row{display:grid;gap:12px}.private-code-row>div{align-items:center;background:var(--color-surface);border:1px solid var(--line);border-radius:var(--radius-10px);display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr);min-height:48px;padding:0 14px}.private-code-row svg{color:var(--accent)}.private-code-row input{border:0;min-height:46px;padding:0}input{background:var(--color-surface);border:1px solid var(--line);border-radius:var(--radius-10px);color:var(--ink);font:inherit;min-height:48px;padding:0 14px;width:100%}input:focus-visible,button:focus-visible,.button-link:focus-visible,.sidebar nav a:focus-visible{outline:solid 3px color-mix(in srgb,var(--accent) 24%,var(--color-transparent));outline-offset:2px}button,.button-link{background:var(--accent);border:0;border-radius:var(--radius-10px);box-shadow:0 18px 34px color-mix(in srgb,var(--color-shadow-subtle-primary) 28%,var(--color-transparent));color:var(--color-surface);cursor:pointer;font:inherit;font-weight:750;justify-content:center;min-height:48px;padding:0 16px;text-decoration:none;transition:transform .25s cubic-bezier(.25,1,.5,1),box-shadow .25s cubic-bezier(.25,1,.5,1)}button:hover,.button-link:hover{box-shadow:0 22px 42px color-mix(in srgb,var(--color-shadow-subtle-primary) 38%,var(--color-transparent));transform:translateY(-1px)}button:disabled{cursor:wait;opacity:.72}.button-link.secondary{background:var(--ink)}.created-panel{display:grid;gap:12px}.created-panel .button-link{justify-self:start}.library-grid{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.library-card{display:grid;gap:18px;padding:clamp(20px,3vw,26px)}.library-card h2{font-size:23px;margin-bottom:8px}.library-card p{margin-bottom:0}.library-card .button-link{justify-self:start}.library-card-top,.library-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.status-pill,.library-meta span{align-items:center;background:var(--soft);border:1px solid var(--line);border-radius:var(--radius-10px);color:var(--accent-strong);display:inline-flex;font-size:13px;font-weight:800;min-height:32px;padding:0 10px}.status-pill.warm{background:var(--soft-warm);color:var(--warm)}.library-progress{background:var(--soft);border-radius:var(--radius-10px);height:9px;overflow:hidden}.library-progress span{background:linear-gradient(90deg,var(--accent),var(--warm));display:block;height:100%}.section-title-row{align-items:start;display:flex;gap:16px;justify-content:space-between}.section-title-row strong{background:var(--soft);border-radius:var(--radius-10px);color:var(--accent-strong);padding:8px 10px}.timeline-panel,.result-viewer,.failure-card{display:grid;gap:18px}.result-insight-strip{background:radial-gradient(circle at 18% 0%,color-mix(in srgb,var(--accent) 16%,var(--color-transparent)),transparent 42%),linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,var(--color-surface)),color-mix(in srgb,var(--warm) 7%,var(--color-surface)));border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));border-radius:var(--radius-16px);box-shadow:inset 0 1px color-mix(in srgb,var(--color-surface) 72%,var(--color-transparent));display:grid;gap:14px;padding:18px}.result-insight-strip strong{color:var(--ink);font-family:var(--font-heading-md);font-size:21px;font-weight:300;line-height:1.3}.result-insight-strip div{display:flex;flex-wrap:wrap;gap:8px}.result-insight-strip span{align-items:center;background:color-mix(in srgb,var(--color-surface) 78%,var(--soft));border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));border-radius:var(--radius-50);color:var(--accent-strong);display:inline-flex;font-size:13px;font-weight:850;min-height:34px;padding:0 12px}.failure-card{background:linear-gradient(135deg,color-mix(in srgb,var(--warm) 12%,var(--color-surface)),var(--panel) 48%),var(--panel);border-color:color-mix(in srgb,var(--warm) 28%,var(--line))}.failure-card h2{color:var(--ink);margin:4px 0 0}.failure-card strong{background:var(--soft-warm);border-radius:var(--radius-10px);color:var(--warm);display:inline-flex;font-weight:800;padding:10px 12px;width:fit-content}.progress-line{background:var(--soft);border-radius:var(--radius-10px);height:10px;overflow:hidden}.progress-line span{background:linear-gradient(90deg,var(--accent),var(--warm));display:block;height:100%}.active-stage-card{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,var(--color-surface)),color-mix(in srgb,var(--warm) 8%,var(--color-surface))),var(--panel);border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));border-radius:var(--radius-16px);display:grid;gap:6px;padding:18px}.active-stage-card span{color:var(--accent);font-size:12px;font-weight:800}.active-stage-card strong{color:var(--ink);font-size:20px}.active-stage-card p{margin-bottom:0}.processor-status-card{align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,var(--color-surface)),color-mix(in srgb,var(--warm) 7%,var(--color-surface))),var(--panel);display:grid;gap:22px;grid-template-columns:minmax(0,1fr) auto;overflow:hidden;padding:clamp(22px,4vw,30px);position:relative}.processor-status-card:before{background:linear-gradient(180deg,var(--accent),var(--warm));content:"";height:100%;left:0;position:absolute;top:0;width:5px}.processor-status-card h2{margin-bottom:8px}.processor-status-card p:last-child{margin-bottom:0}.processor-status-card[data-state=offline],.processor-status-card[data-state=unknown]{background:linear-gradient(135deg,color-mix(in srgb,var(--warm) 11%,var(--color-surface)),var(--panel) 54%),var(--panel)}.processor-status-card[data-state=online] .processor-status-meta strong{background:var(--accent)}.processor-status-card[data-state=offline] .processor-status-meta strong,.processor-status-card[data-state=unknown] .processor-status-meta strong{background:var(--warm)}.processor-status-meta{align-items:flex-end;display:grid;gap:8px;justify-items:end;min-width:210px}.processor-status-meta strong,.processor-status-meta span{border-radius:var(--radius-10px);display:inline-flex;font-size:13px;font-weight:800;min-height:34px;padding:0 12px}.processor-status-meta strong{align-items:center;box-shadow:0 16px 34px color-mix(in srgb,var(--color-shadow-subtle-primary) 28%,var(--color-transparent));color:var(--color-surface);font-size:15px}.processor-status-meta span{align-items:center;background:color-mix(in srgb,var(--color-surface) 78%,var(--accent));border:1px solid var(--line);color:var(--accent-strong)}.timeline{display:grid;gap:12px;grid-template-columns:repeat(5,1fr);list-style:none;margin:0;padding:0}.timeline span{border:1px solid var(--line);border-radius:var(--radius-10px);display:block;min-height:44px;padding:11px;text-align:center}.timeline span[data-state=complete]{background:var(--soft);border-color:color-mix(in srgb,var(--accent) 28%,var(--color-surface));color:var(--accent-strong)}.timeline span[data-state=current]{background:var(--soft-warm);border-color:color-mix(in srgb,var(--warm) 28%,var(--color-surface));color:var(--warm);font-weight:800}iframe{background:var(--color-surface);border:1px solid var(--line);border-radius:var(--radius-16px);height:min(68vh,680px);width:100%}.segmented{background:var(--soft);border:1px solid var(--line);border-radius:var(--radius-10px);display:inline-flex;padding:4px;width:max-content}.segmented button{background:transparent;box-shadow:none;color:var(--muted);min-height:36px}.segmented button[aria-pressed=true]{background:var(--color-surface);color:var(--ink)}.table-panel{display:grid;overflow:hidden}.table-panel a,.table-panel div{display:grid;gap:12px;grid-template-columns:1.5fr 1fr 1fr;padding:16px 18px;text-decoration:none}.table-panel a+a,.table-panel div+div{border-top:1px solid var(--line)}.empty-state,.error-state,.loading-state{align-items:center;display:flex;gap:10px;padding:20px}.loading-state svg{animation:spin .9s linear infinite;color:var(--accent)}.error-state{border-color:color-mix(in srgb,var(--warm) 32%,var(--color-surface));color:var(--warm)}@keyframes spin{to{transform:rotate(360deg)}}.muted{color:var(--muted)}@media (max-width: 860px){.app-shell,.hero-grid,.section-grid,.inline-control,.timeline{grid-template-columns:1fr}.sidebar{border-bottom:1px solid var(--line);border-right:0}.sidebar nav{grid-template-columns:repeat(4,minmax(0,1fr))}.sidebar nav a{justify-content:center}.sidebar nav span{display:none}.sidebar-note{display:none}.processor-status-card,.library-grid{grid-template-columns:1fr}.processor-status-meta{align-items:start;justify-items:start;min-width:0}.content{padding:28px 18px 44px}.hero-actions{align-items:stretch;flex-direction:column}}