:root{--site-header-height:4.5rem;--site-max-width:1200px;--sidebar-width:clamp(320px, 26vw, 380px);--surface-0:#0f1418;--surface-1:#13191ff5;--surface-2:#181f26f5;--surface-3:#1e262eb8;--text-primary:#eef2f6;--text-muted:#a9b4c0;--accent-warm:#d8b473;--accent-cool:#6eb7c6;color:var(--text-primary);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#10161b;font-family:IBM Plex Sans,Segoe UI,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100dvh;color:var(--text-primary);background:linear-gradient(#0f1418 0%,#121920 100%)}body,input,select,button{font:inherit}a{color:inherit}.site-shell{flex-direction:column;min-height:100dvh;display:flex}.site-header{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f1418e6;border-bottom:1px solid #ffffff14;position:sticky;top:0}.site-header-inner{width:min(100%, var(--site-max-width));min-height:var(--site-header-height);justify-content:space-between;align-items:center;gap:.85rem;margin:0 auto;padding:.85rem 1.25rem;display:flex}.site-brand{gap:.2rem;min-width:0;text-decoration:none;display:grid}.site-brand-mark{color:var(--text-primary);letter-spacing:.04em;font-size:1rem;font-weight:600}.site-brand-copy{color:var(--text-muted);font-size:.83rem}.site-nav{flex-wrap:wrap;justify-content:flex-end;gap:.55rem;display:flex}.site-nav-link,.site-button{color:var(--text-primary);background:#ffffff08;border:1px solid #ffffff14;border-radius:.8rem;padding:.62rem .9rem;font-size:.92rem;line-height:1;text-decoration:none;transition:border-color .16s,background-color .16s,color .16s}.site-button{cursor:pointer}.site-nav-link:hover,.site-nav-link:focus-visible,.site-button:hover,.site-button:focus-visible{background:#ffffff0f;border-color:#ffffff29;outline:none}.site-nav-link.active{background:#6eb7c61a;border-color:#6eb7c65c}.site-button-primary{background:#6eb7c61f;border-color:#6eb7c652}.site-button-secondary{justify-self:start}.site-main{flex:1;min-height:0}.site-main-home{padding:1.5rem 1.25rem 3rem}.site-main-tool{min-height:0;padding:.9rem;display:flex}.home-page{width:min(100%, var(--site-max-width));gap:1rem;margin:0 auto;display:grid}.home-intro,.tool-card,.tool-route-shell,.ward-page-header,.ward-quick-reference,.ward-tab-shell,.ward-card,.sidebar-section{background:var(--surface-1);box-shadow:none;border:1px solid #ffffff14;border-radius:1rem}.home-intro{gap:1rem;padding:1.4rem 1.5rem;display:grid}.home-title{letter-spacing:-.02em;max-width:18ch;margin:.25rem 0 .6rem;font-size:clamp(1.9rem,4vw,2.8rem);line-height:1.05}.home-lede{max-width:46rem;font-size:.98rem}.home-actions{flex-wrap:wrap;gap:.65rem;display:flex}.home-section{gap:.8rem;display:grid}.home-section-heading{gap:.2rem;display:grid}.home-section-heading h2{margin:0;font-size:1.2rem;line-height:1.2}.home-section-heading p,.home-footnote{color:var(--text-muted);margin:0;line-height:1.5}.tool-card-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.8rem;display:grid}.tool-card{gap:.75rem;padding:1.2rem;display:grid}.tool-card-status{width:fit-content;color:var(--accent-warm);letter-spacing:.04em;background:#ffffff08;border:1px solid #ffffff14;border-radius:999px;padding:.24rem .55rem;font-size:.75rem;display:inline-flex}.tool-card h3{margin:0;font-size:1.05rem}.tool-card p{color:var(--text-muted);margin:0;line-height:1.5}.tool-route-shell{background:var(--surface-1);flex:1;min-height:0;position:relative;overflow:hidden}.ward-page{width:min(100%, var(--site-max-width));gap:.85rem;margin:0 auto;display:grid}.ward-page-header{gap:.45rem;padding:1.3rem 1.4rem;display:grid}.ward-page-header h1{letter-spacing:-.02em;margin:0;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.05}.ward-quick-reference{padding:1rem 1.1rem}.ward-quick-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem 1rem;margin:0;padding:0;list-style:none;display:grid}.ward-quick-list li{gap:.2rem;display:grid}.ward-quick-list strong{font-size:.88rem}.ward-quick-list span{color:var(--text-muted);line-height:1.45}.ward-tab-shell{padding:.5rem}.ward-tab-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;width:100%;display:inline-grid}.ward-tab-button{text-align:left;color:var(--text-primary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.85rem;gap:.18rem;padding:.8rem .9rem;transition:border-color .16s,background-color .16s;display:grid}.ward-tab-button strong{font-size:.95rem;font-weight:600}.ward-tab-button small{color:var(--text-muted);line-height:1.35}.ward-tab-button:hover,.ward-tab-button:focus-visible{background:#ffffff08;border-color:#ffffff14;outline:none}.ward-tab-button.is-active{background:#6eb7c614;border-color:#6eb7c63d}.ward-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.ward-grid-show-cwdt .ward-tool-panel-cowb,.ward-grid-show-cowb .ward-tool-panel-cwdt{display:none}.ward-card{gap:.9rem;padding:1.1rem;display:grid}.ward-card-wide{grid-column:1/-1}.ward-card-heading{justify-content:space-between;align-items:flex-start;gap:.8rem;display:flex}.ward-card-heading h2{margin:0;font-size:1.02rem;line-height:1.3}.ward-status{width:fit-content;color:var(--text-muted);white-space:nowrap;background:#ffffff08;border:1px solid #ffffff14;border-radius:999px;justify-content:center;align-items:center;padding:.32rem .58rem;font-size:.74rem;display:inline-flex}.ward-status.is-good{color:#64dba9;border-color:#49cc9147}.ward-status.is-bad{color:#f39a9a;border-color:#f8717147}.ward-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.ward-form-grid-single{grid-template-columns:minmax(0,1fr)}.ward-form-grid-compact{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.ward-field{gap:.35rem;min-width:0;display:grid}.ward-field span{color:var(--text-muted);font-size:.87rem}.ward-field input,.ward-field select,.ward-field textarea{background:var(--surface-2);width:100%;min-width:0;color:var(--text-primary);border:1px solid #ffffff14;border-radius:.75rem;padding:.68rem .8rem}.ward-field input:focus,.ward-field select:focus,.ward-field textarea:focus{outline-offset:2px;outline:2px solid #6eb7c680}.ward-field textarea{resize:vertical;min-height:7.5rem}.ward-input-wrap{position:relative}.ward-input-wrap input{padding-right:3rem}.ward-input-wrap small{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;right:.85rem;transform:translateY(-50%)}.ward-field-full{grid-column:1/-1}.ward-metric-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.65rem;display:grid}.ward-metric{background:#ffffff05;border:1px solid #ffffff14;border-radius:.85rem;gap:.2rem;padding:.8rem .85rem;display:grid}.ward-metric span{color:var(--text-muted);letter-spacing:.02em;font-size:.73rem}.ward-metric strong{overflow-wrap:anywhere;font-size:1rem}.ward-metric-good strong{color:#64dba9}.ward-metric-warning strong{color:var(--accent-warm)}.ward-metric-bad strong{color:#f39a9a}.ward-breakpoint-callout{color:var(--text-muted);background:#ffffff05;border:1px solid #ffffff14;border-radius:.85rem;gap:.45rem;padding:.9rem;display:grid}.ward-breakpoint-callout p,.ward-help-text{color:var(--text-muted);margin:0;line-height:1.5}.ward-build-toolbar{grid-template-columns:minmax(220px,320px) auto;align-items:end;gap:.75rem;display:grid}.ward-build-submit{height:fit-content}.ward-build-status{background:#ffffff05;border:1px solid #ffffff14;border-radius:.8rem;margin:0;padding:.8rem .9rem;line-height:1.5}.ward-build-status-idle,.ward-build-status-loading{color:var(--text-muted)}.ward-build-status-ready{color:#64dba9;border-color:#49cc9138}.ward-build-status-error{color:#f39a9a;border-color:#f8717138}.ward-check-list{gap:.6rem;display:grid}.ward-check-list-nested{margin-top:.75rem}.ward-check{background:#ffffff05;border:1px solid #ffffff14;border-radius:.85rem;gap:.3rem;padding:.85rem .9rem;display:grid}.ward-check strong{font-size:.95rem}.ward-check p{color:var(--text-muted);margin:0;line-height:1.5}.ward-check-good{border-color:#49cc912e}.ward-check-good strong{color:#64dba9}.ward-check-warning{border-color:#f6c6712e}.ward-check-warning strong{color:var(--accent-warm)}.ward-check-bad{border-color:#f871712e}.ward-check-bad strong{color:#f39a9a}.ward-milestone-list{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.65rem;display:grid}.ward-milestone{background:#ffffff05;border:1px solid #ffffff14;border-radius:.8rem;gap:.18rem;padding:.75rem .8rem;display:grid}.ward-milestone span{color:var(--accent-warm);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}.ward-milestone strong{font-size:1rem}.ward-milestone small{color:var(--text-muted)}.ward-inline-details{background:#ffffff05;border:1px solid #ffffff14;border-radius:.85rem;gap:.75rem;padding:.85rem .9rem;display:grid}.ward-inline-details summary{cursor:pointer;color:var(--text-muted);font-size:.86rem;list-style:none}.ward-inline-details summary::-webkit-details-marker{display:none}.ward-inline-details summary:before{content:"+";width:1rem;color:var(--accent-warm);display:inline-block}.ward-inline-details[open] summary:before{content:"−"}.ward-table-wrap{background:#ffffff05;border:1px solid #ffffff14;border-radius:.85rem;overflow:auto}.ward-table{border-collapse:collapse;width:100%;min-width:560px}.ward-table th,.ward-table td{text-align:left;vertical-align:top;border-bottom:1px solid #ffffff0f;padding:.7rem .8rem}.ward-table thead th{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;background:#ffffff0a;font-size:.72rem}.ward-table tbody tr:last-child td{border-bottom:none}.ward-table tr.is-active{background:#78d1d014}.ward-table tr.is-next{background:#f6c67114}.eyebrow{color:var(--accent-warm);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.74rem}.lede{color:var(--text-muted);margin:0;line-height:1.55}.app-shell{height:100%;min-height:100%;position:relative;overflow:hidden}.sidebar{z-index:3;width:var(--sidebar-width);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:100%;min-height:0;max-height:100%;padding:1rem .85rem 1rem 1rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));box-shadow:none;overscroll-behavior:contain;scrollbar-gutter:stable;background:#0f1418f5;border-right:1px solid #ffffff14;flex-direction:column;gap:.8rem;display:flex;position:absolute;inset:0 auto 0 0;overflow:hidden auto}.sidebar-section{min-width:0;padding:.9rem}.brand h1{letter-spacing:-.02em;margin:.1rem 0 .3rem;font-size:1.45rem;line-height:1.1}.controls{gap:.75rem;min-width:0;display:grid}.controls label{gap:.45rem;min-width:0;display:grid}.filter-grid{grid-template-columns:minmax(0,1fr);gap:.85rem;display:grid}.controls span,.section-heading span,.control-meta,.inspect-notes{color:var(--text-muted)}.controls input,.controls select,.seed-search-button,.inline-action,.trade-link,.socket-card{background:var(--surface-2);color:var(--text-primary);border:1px solid #ffffff14;border-radius:.75rem;padding:.68rem .8rem}.controls input,.controls select{width:100%;min-width:0}.controls input:disabled{opacity:.6;cursor:not-allowed}.controls input:focus,.controls select:focus,.seed-search-button:focus,.inline-action:focus,.trade-link:focus,.socket-card:focus{outline-offset:2px;outline:2px solid #6eb7c680}.trade-link{background:#6eb7c614;justify-content:center;text-decoration:none;display:inline-flex}.seed-search-panel{gap:.45rem;display:grid}.seed-search-button{cursor:pointer;text-align:center;background:#ffffff08;width:100%}.seed-search-button:disabled{opacity:.6;cursor:not-allowed}.seed-search-caption,.seed-search-status,.inspect-mode{color:var(--text-muted);margin:0;line-height:1.4}.seed-search-status{color:var(--accent-warm)}.control-meta{gap:.3rem;font-size:.9rem;display:grid}.control-meta span{overflow-wrap:anywhere;min-width:0}.validation-error{color:#ff9e82;margin:0}.section-heading{justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.7rem;display:flex}.section-heading h2{letter-spacing:0;text-transform:none;margin:0;font-size:.98rem}.inspect-heading-meta{justify-content:space-between;align-items:center;gap:.65rem;min-width:0;display:flex}.inspect-heading-meta span{overflow-wrap:anywhere;text-align:right;min-width:0}.inline-action{cursor:pointer;border-radius:999px;padding:.28rem .55rem}.sidebar-details{padding:0;overflow:hidden}.sidebar-summary{cursor:pointer;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem .9rem;list-style:none;display:flex}.sidebar-summary::-webkit-details-marker{display:none}.sidebar-summary span{font-size:.98rem;font-weight:600}.sidebar-summary small{color:var(--text-muted);font-size:.8rem}.sidebar-summary:after{content:"+";color:var(--accent-warm);font-size:1rem}.sidebar-details[open] .sidebar-summary:after{content:"−"}.sidebar-details-body{border-top:1px solid #ffffff14;gap:.75rem;padding:0 .9rem .9rem;display:grid}.inspect-card{gap:1rem;display:grid}.inspect-card strong{color:var(--accent-warm);margin-bottom:.3rem;display:inline-block}.inspect-card ul{margin:0;padding-left:1.2rem}.route-panel{gap:.75rem;display:grid}.route-class-list{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.55rem;display:grid}.route-class-card{background:var(--surface-2);color:var(--text-primary);text-align:left;font:inherit;cursor:pointer;border:1px solid #ffffff14;border-radius:.75rem;gap:.2rem;padding:.65rem .75rem;display:grid}.route-class-card span{color:var(--text-muted);font-size:.92rem}.route-class-card.active,.route-class-card:hover{background:#6eb7c614;border-color:#6eb7c647}.route-detail{gap:.7rem;max-height:18rem;padding-right:.25rem;display:grid;overflow-y:auto}.route-summary{color:var(--text-muted);margin:0;line-height:1.45}.route-path-list{gap:.6rem;margin:0;padding-left:1.2rem;display:grid}.route-path-list li{gap:.18rem;display:grid}.route-node-chain{flex-wrap:wrap;gap:.35rem;display:flex}.route-node-pill{min-height:2rem;color:var(--text-muted);background:#ffffff08;border:1px solid #ffffff14;border-radius:999px;align-items:center;padding:.35rem .6rem;line-height:1.2;display:inline-flex}.socket-sections{gap:1rem;display:grid}.socket-subsection{gap:.6rem;display:grid}.socket-subheading{color:var(--text-muted);justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.socket-subheading strong{color:var(--accent-warm)}.socket-list{gap:.6rem;min-width:0;display:grid}.socket-card{text-align:left;cursor:pointer;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;transition:border-color .16s,background-color .16s;display:grid}.socket-card span:first-child{overflow-wrap:anywhere;min-width:0}.socket-card-copy{gap:.15rem;display:grid}.socket-card-copy small{color:var(--text-muted)}.socket-card span:last-child{white-space:nowrap}.socket-card:hover,.socket-card.active{background:#6eb7c614;border-color:#6eb7c647}.tree-stage{inset:0 0 0 var(--sidebar-width);background:#0d1217;min-width:0;min-height:0;position:absolute;overflow:hidden}.tree-viewport{width:100%;height:100%;position:relative}.tree-toolbar{z-index:2;flex-wrap:wrap;justify-content:flex-end;gap:.45rem;max-width:calc(100% - 2rem);display:flex;position:absolute;top:1rem;right:1rem}.tree-tool{color:var(--text-primary);font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#11181ddb;border:1px solid #ffffff14;border-radius:999px;padding:.45rem .75rem}.tree-tool:hover,.tree-tool:focus{background:#6eb7c614;border-color:#6eb7c647;outline:none}.tree-hint{z-index:2;max-width:min(28rem,100% - 2rem);color:var(--text-muted);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#11181ddb;border:1px solid #ffffff14;border-radius:.75rem;padding:.55rem .75rem;font-size:.85rem;position:absolute;top:1rem;left:1rem}.tree-canvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block}.tree-canvas:active{cursor:grabbing}.tree-node{transition:opacity .18s}.status-panel{background:radial-gradient(circle at top,#f6c6711f,#0000 30%),#0f171b;place-items:center;height:100%;min-height:100%;padding:2rem;font-size:1.1rem;display:grid}@media (width<=980px){.site-header-inner{flex-direction:column;align-items:flex-start}.site-nav{justify-content:flex-start}.ward-grid,.tool-card-grid,.ward-quick-list,.ward-form-grid,.ward-tab-list,.ward-build-toolbar{grid-template-columns:minmax(0,1fr)}}@media (width<=720px){:root{--sidebar-width:min(360px, 88vw)}.site-main-home{padding:1rem 1rem 2rem}.site-main-tool{padding:.75rem}.site-header-inner{padding:.9rem 1rem}.site-brand-copy{font-size:.88rem}.home-intro,.tool-card,.ward-page-header,.ward-quick-reference,.ward-card,.tool-route-shell{border-radius:.9rem}.home-title{font-size:clamp(1.8rem,10vw,2.4rem)}.sidebar{width:var(--sidebar-width)}.tree-toolbar{justify-content:flex-start;inset:auto 1rem 1rem}.tree-hint{max-width:calc(100% - 2rem)}}