:root{--bg:#f6f1e5;--bg-strong:#efe0b5;--page-background:radial-gradient(circle at top left, #f08a2438, transparent 34%), radial-gradient(circle at right 20%, #24473a29, transparent 30%), linear-gradient(180deg, #fbf7ec 0%, #f1e4be 100%);--panel:#fffbf2d1;--panel-strong:#fffaeff0;--ink:#1f1d16;--ink-soft:#655d4f;--muted:#8d816d;--border:#3a34291f;--accent:#f08a24;--accent-ink:#7b3d10;--forest:#24473a;--field-bg:#fffbf3eb;--field-border:#655d4f2e;--chip-bg:#fffbf3e0;--chip-border:#24473a1f;--hero-card-bg:linear-gradient(180deg, #fff6e1f2, #ffefd0db);--hero-card-border:#7b3d102e;--graph-bg:radial-gradient(circle at top right, #f08a2429, transparent 22%), linear-gradient(180deg, #fffbf3f5, #f7f1e3f5);--graph-border:#24473a1f;--error-bg:#ffededdb;--ambient-orange:#f08a2452;--ambient-green:#24473a2e;--scrollbar-track:#24473a14;--scrollbar-track-strong:#24473a21;--scrollbar-thumb:#7b3d1057;--scrollbar-thumb-hover:#7b3d1085;--scrollbar-thumb-active:#7b3d10a8;--shadow:0 22px 60px #4a381826;--radius-xl:28px;--radius-lg:18px;--radius-md:12px;--sans:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--display:ui-rounded, var(--sans);--mono:ui-monospace, "SFMono-Regular", "SF Mono", Menlo, Monaco, Consolas, monospace;color:var(--ink);font-family:var(--sans), sans-serif;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:17px;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--page-background);min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}p,h1,h2,ul{margin:0}#app{min-height:100vh}@media (prefers-color-scheme:dark){:root{--bg:#101615;--bg-strong:#17211d;--page-background:radial-gradient(circle at top left, #f08a242e, transparent 30%), radial-gradient(circle at right 18%, #56a88424, transparent 28%), linear-gradient(180deg, #101615 0%, #17211d 100%);--panel:#121917d6;--panel-strong:#151e1bf2;--ink:#edf5ef;--ink-soft:#b0c2b8;--muted:#7c9489;--border:#dbefe417;--accent:#f19a45;--accent-ink:#ffd4a7;--forest:#7ec3a3;--field-bg:#161f1bf0;--field-border:#dbefe41f;--chip-bg:#161f1be6;--chip-border:#dbefe41a;--hero-card-bg:linear-gradient(180deg, #202a26f2, #18211deb);--hero-card-border:#ffd4a729;--graph-bg:radial-gradient(circle at top right, #f08a2426, transparent 24%), linear-gradient(180deg, #111715f7, #0c1210f7);--graph-border:#dbefe414;--error-bg:#5b2828b8;--ambient-orange:#f08a2438;--ambient-green:#56a8842e;--scrollbar-track:#dbefe40f;--scrollbar-track-strong:#dbefe41a;--scrollbar-thumb:#7ec3a352;--scrollbar-thumb-hover:#7ec3a380;--scrollbar-thumb-active:#f19a45b8;--shadow:0 30px 70px #00000052}}@media (width<=720px){:root{font-size:15px}}.shell{min-height:100dvh;padding:12px;position:relative;overflow:hidden}.landing-shell{place-items:center;display:grid}.workspace-shell{display:block}.ambient{filter:blur(70px);pointer-events:none;opacity:.38;border-radius:999px;width:34vw;height:34vw;position:fixed;inset:auto}.ambient-left{background:var(--ambient-orange);top:-10vw;left:-8vw}.ambient-right{background:var(--ambient-green);top:18vh;right:-10vw}.panel,.landing-card,.settings-drawer,.graph-stage,.inspector-sheet{z-index:1;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative}.landing-stage{width:min(100%,760px)}.landing-card{gap:18px;padding:28px;display:grid}.eyebrow,.section-kicker,.subtle-label{font-family:var(--display), sans-serif;text-transform:uppercase;letter-spacing:.18em;color:var(--accent-ink);font-size:.76rem}.landing-card h1,.graph-stage-title h2,.node-title{font-family:var(--display), sans-serif;color:var(--ink);margin:0}.landing-card h1{font-size:clamp(2rem,4vw,3.1rem)}.landing-copy,.node-summary{color:var(--ink-soft)}.landing-form{grid-template-columns:minmax(0,1fr) auto;gap:12px;display:grid}.landing-form input,.field input,.field select{border:1px solid var(--field-border);border-radius:var(--radius-md);background:var(--field-bg);width:100%;min-height:50px;color:var(--ink);padding:0 14px}.landing-form input:focus,.field input:focus,.field select:focus{border-color:#7b3d108c;outline:3px solid #f08a242e}.landing-submit,.primary,.secondary,.sample-link,.pill,.graph-tool,.icon-button{border-radius:var(--radius-md);font:inherit}.primary,.landing-submit{color:#f9f6ef;background:linear-gradient(135deg,#1e4b3d,#2d6b57);border:0;min-height:50px;padding:0 18px}.primary:disabled,.landing-submit:disabled,.graph-tool:disabled{opacity:.58;cursor:wait}.secondary,.icon-button,.sample-link,.pill,.graph-tool{border:1px solid var(--field-border);background:var(--chip-bg);color:var(--ink)}.landing-samples,.drawer-samples,.pill-row,.stage-badges{flex-wrap:wrap;gap:10px;display:flex}.extras-grid{gap:10px;display:grid}.sample-link,.pill,.summary-chip,.graph-tool,.icon-button{padding:9px 13px}.summary-chip{border:1px solid var(--chip-border);background:var(--chip-bg);color:var(--forest);border-radius:999px}.pill.active{background:var(--forest);color:#f8f4eb}.chip{border:1px solid var(--chip-border);background:var(--chip-bg);cursor:pointer;border-radius:18px;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:12px;width:100%;padding:12px 14px;transition:border-color .16s,background-color .16s,transform .16s;display:inline-grid;position:relative}.chip:hover{border-color:#f08a2442;transform:translateY(-1px)}.chip-input{opacity:0;pointer-events:none;position:absolute}.chip-input:focus-visible+.checkbox-box{outline-offset:2px;outline:3px solid #f08a2433}.checkbox-box{background:#ffffff0d;border:1px solid #7b3d104d;border-radius:7px;width:22px;height:22px;position:relative;box-shadow:inset 0 1px 1px #ffffff0a}.checkbox-box:after{content:"";opacity:0;background:0 0;border-radius:4px;transition:transform .16s,opacity .16s,background-color .16s;position:absolute;inset:4px;transform:scale(.35)}.chip-input:checked+.checkbox-box{background:#f08a241f;border-color:#f08a2499}.chip-input:checked+.checkbox-box:after{opacity:1;background:linear-gradient(135deg,#f4b267,#f08a24);transform:scale(1)}.chip-label{overflow-wrap:anywhere;min-width:0;line-height:1.35;display:block}.chip.active{background:#f08a2421;border-color:#f08a2459}.chip.active .chip-label{color:var(--ink)}.inline-error{background:var(--error-bg);color:var(--ink);border:1px solid #b454543d;border-radius:16px;gap:4px;padding:14px 16px;display:grid}.inline-status{color:var(--ink);background:linear-gradient(#fffaefeb,#f9f3e4d1);border:1px solid #24473a2e;border-radius:18px;gap:10px;padding:14px 16px;display:grid}.inline-status-compact{margin-top:4px}.status-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.status-pill,.status-current,.status-metrics span{background:#fffbf3c7;border:1px solid #24473a1f;border-radius:999px;align-items:center;gap:8px;min-height:32px;padding:0 12px;display:inline-flex}.status-pill{color:var(--forest);font-weight:700}.status-current{color:var(--ink-soft);overflow-wrap:anywhere;max-width:100%}.status-pulse{background:var(--accent);border-radius:999px;width:10px;height:10px;animation:1.4s ease-out infinite status-pulse;box-shadow:0 0 #f08a2466}.status-message{color:var(--ink);font-weight:600}.status-metrics{flex-wrap:wrap;gap:8px;display:flex}.status-metrics span{color:var(--ink-soft)}@keyframes status-pulse{0%{transform:scale(.95);box-shadow:0 0 #f08a246b}70%{transform:scale(1);box-shadow:0 0 0 9px #f08a2400}to{transform:scale(.95);box-shadow:0 0 #f08a2400}}@media (prefers-color-scheme:dark){.inline-status{background:linear-gradient(#18221ef0,#121b18e0);border-color:#dbefe424}.status-pill,.status-current,.status-metrics span{background:#161f1bd1;border-color:#dbefe41a}}.social-link{color:var(--ink-soft);align-items:center;gap:8px;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .16s;display:inline-flex}.social-link:hover{color:var(--ink)}.external-arrow{opacity:.5;transition:opacity .16s}.social-link:hover .external-arrow{opacity:.85}.menu-toggle{z-index:30;border:1px solid var(--field-border);background:#101615b8;border-radius:16px;place-content:center;gap:5px;width:54px;height:54px;display:grid;position:absolute;top:20px;left:20px}.menu-toggle span{background:#f5f2ea;border-radius:999px;width:20px;height:2px;display:block}.menu-toggle.active{background:#1b2724eb}.menu-toggle.hidden{opacity:0;pointer-events:none}.drawer-backdrop{z-index:20;background:#060a0947;border:0;position:fixed;inset:0}.settings-drawer{z-index:24;width:min(360px,100vw - 24px);padding:18px;transition:transform .22s;position:absolute;top:12px;bottom:12px;left:12px;overflow:auto;transform:translate(calc(-100% - 20px))}.settings-drawer,.inspector-body{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;overscroll-behavior:contain}.settings-drawer::-webkit-scrollbar{width:14px;height:14px}.inspector-body::-webkit-scrollbar{width:14px;height:14px}.settings-drawer::-webkit-scrollbar-track{background:linear-gradient(180deg, var(--scrollbar-track), var(--scrollbar-track-strong));border-radius:999px;margin:10px}.inspector-body::-webkit-scrollbar-track{background:linear-gradient(180deg, var(--scrollbar-track), var(--scrollbar-track-strong));border-radius:999px;margin:10px}.settings-drawer::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--scrollbar-thumb-hover), var(--scrollbar-thumb));background-clip:padding-box;border:3px solid #0000;border-radius:999px;min-height:48px}.inspector-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--scrollbar-thumb-hover), var(--scrollbar-thumb));background-clip:padding-box;border:3px solid #0000;border-radius:999px;min-height:48px}.settings-drawer:hover::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--scrollbar-thumb-hover), var(--scrollbar-thumb));background-clip:padding-box}.settings-drawer:focus-within::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--scrollbar-thumb-hover), var(--scrollbar-thumb));background-clip:padding-box}.inspector-body:hover::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--scrollbar-thumb-hover), var(--scrollbar-thumb));background-clip:padding-box}.inspector-body:focus-within::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--scrollbar-thumb-hover), var(--scrollbar-thumb));background-clip:padding-box}.settings-drawer::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, var(--scrollbar-thumb-active), var(--scrollbar-thumb-hover));background-clip:padding-box}.inspector-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, var(--scrollbar-thumb-active), var(--scrollbar-thumb-hover));background-clip:padding-box}.settings-drawer::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg, var(--scrollbar-thumb-active), var(--scrollbar-thumb-active));background-clip:padding-box}.inspector-body::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg, var(--scrollbar-thumb-active), var(--scrollbar-thumb-active));background-clip:padding-box}.settings-drawer::-webkit-scrollbar-corner{background:0 0}.inspector-body::-webkit-scrollbar-corner{background:0 0}.settings-drawer.open{transform:translate(0)}.drawer-head{justify-content:space-between;align-items:start;gap:12px;padding-right:6px;display:flex}.drawer-title{font-family:var(--display), sans-serif;color:var(--ink);margin:4px 0 0;font-size:1.45rem}.drawer-form{gap:16px;margin-top:18px;display:grid}.drawer-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.drawer-actions>button:last-child{grid-column:1/-1}.drawer-footer{border-top:1px solid var(--border);gap:10px;margin-top:20px;padding-top:18px;display:grid}.drawer-footer-links,.landing-footer{margin-top:12px;display:flex}.export-actions{flex-wrap:wrap;gap:8px;margin-right:12px;display:inline-flex}.landing-footer{justify-content:center;margin-top:8px}.drawer-toggle{width:100%}.workspace-main{height:calc(100dvh - 24px);position:relative}.floating-error{z-index:18;width:min(520px,100vw - 48px);position:absolute;top:16px;left:50%;transform:translate(-50%)}.graph-stage{grid-template-rows:auto 1fr;gap:10px;height:100%;padding:14px;display:grid}.graph-stage-body{flex-direction:column;gap:10px;height:100%;min-height:0;display:flex}.graph-stage-header{justify-content:space-between;align-items:center;gap:12px 18px;min-height:40px;padding-left:72px;display:flex}.graph-stage-title{flex-shrink:0;align-items:baseline;gap:10px;display:flex}.graph-stage-title h2{white-space:nowrap;font-size:clamp(1.3rem,2.2vw,1.8rem)}.home-link{cursor:pointer;color:inherit;background:0 0;border:none;padding:0;text-decoration:none}.home-link:hover .section-kicker{color:var(--accent)}.graph-stage-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:14px;min-width:0;display:flex}.stage-badges-compact{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.stage-badges-compact .summary-chip{padding:4px 10px;font-size:.82rem}.stage-badges-compact .metric-chip strong{font-size:.92rem}.github-header-link{border-radius:var(--radius-md);border:1px solid var(--field-border);background:var(--chip-bg);white-space:nowrap;flex-shrink:0;padding:7px 14px;font-size:.9rem;font-weight:600}.github-header-link:hover{border-color:var(--accent)}.stage-metrics{justify-content:flex-end}.metric-chip{align-items:baseline;gap:6px;display:inline-flex}.metric-chip strong{color:var(--ink);font-family:var(--display), sans-serif;font-size:1.08rem}.graph-frame{border:1px solid var(--graph-border);background:var(--graph-bg);border-radius:24px;flex:auto;min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.graph-canvas-shell{width:100%;min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}:-webkit-any(.graph-canvas-shell:fullscreen,.graph-canvas-shell:-webkit-full-screen){background:var(--graph-bg);width:100vw;height:100vh}:is(.graph-canvas-shell:fullscreen,.graph-canvas-shell:fullscreen){background:var(--graph-bg);width:100vw;height:100vh}.graph-canvas-shell:fullscreen::backdrop{background:#060a09f5}.graph-canvas-shell:-webkit-full-screen::backdrop{background:#060a09f5}.graph-canvas-shell:fullscreen::backdrop{background:#060a09f5}.graph-canvas{width:100%;height:100%;overflow:hidden}.graph-toolbar{z-index:5;gap:8px;display:flex;position:absolute;top:14px;right:14px}.graph-tool{min-width:42px;min-height:38px}.graph-tool-icon{place-items:center;padding:0;display:grid}.graph-tool-icon svg{width:18px;height:18px}.graph-tool.active{background:var(--forest);color:#f8f4eb}.graph-empty{width:100%;height:100%;min-height:420px;color:var(--muted);place-items:center;padding:24px;display:grid}.inspector-sheet{z-index:22;width:min(390px,34vw);position:absolute;top:16px;bottom:16px;right:16px;overflow:hidden}.inspector{grid-template-rows:auto 1fr;height:100%;display:grid}.inspector-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:start;gap:12px;padding:18px 18px 14px;display:flex}.inspector-body{gap:16px;padding:18px;display:grid;overflow:auto}.node-title{align-items:baseline;gap:8px;font-size:1.55rem;display:flex}.node-title span{color:var(--accent-ink);font-size:1rem}.pypi-link{color:inherit;align-items:baseline;gap:6px;text-decoration:none;transition:color .16s;display:inline-flex}.pypi-link:hover{color:var(--accent)}.pypi-link .external-arrow{opacity:0;align-self:center;transition:opacity .16s}.pypi-link:hover .external-arrow{opacity:.7}.field{gap:8px;display:grid}.field>span{color:var(--ink-soft);font-weight:600}.detail-block{background:var(--panel-strong);border:1px solid var(--field-border);border-radius:18px;gap:10px;padding:14px;display:grid}.detail-block span{font-family:var(--display), sans-serif;color:var(--accent-ink);font-size:.94rem}.plain-list,.detail-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.plain-list li,.detail-list li{color:var(--ink-soft)}.plain-list strong,.detail-list strong{color:var(--ink)}.detail-list li{gap:4px;display:grid}.detail-list li small,.detail-list.muted li{color:var(--muted)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mobile-meta{display:none}.desktop-meta{display:flex}@media (width<=960px){.graph-stage-header{flex-direction:column;align-items:flex-start;padding-left:72px}.desktop-meta{display:none}.mobile-meta{border-top:1px solid var(--border);gap:12px;margin-top:20px;padding-top:18px;display:grid}.drawer-meta-content{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.drawer-meta-content .stage-metrics{justify-content:flex-start}.inspector-sheet{width:auto;height:min(62dvh,520px);inset:auto 12px 12px}}@media (width<=720px){.shell{padding:8px}.landing-card,.graph-stage,.settings-drawer{border-radius:22px}.landing-form{grid-template-columns:1fr}.menu-toggle{top:14px;left:14px}.graph-stage-header{min-height:52px;padding-left:62px}.settings-drawer{width:min(92vw,360px);top:8px;bottom:8px;left:8px}.drawer-actions{grid-template-columns:1fr}.workspace-main{height:calc(100dvh - 16px)}.graph-stage{padding:12px}.graph-toolbar{flex-wrap:wrap;justify-content:end;max-width:calc(100% - 20px);top:10px;right:10px}}