:root{--font-display: "Space Grotesk", "Geist", ui-sans-serif, system-ui, sans-serif;--font-body: "IBM Plex Sans", "Geist", ui-sans-serif, system-ui, sans-serif;--font-outlier: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--color-paper: oklch(97% .008 248);--color-paper-2: oklch(94% .011 248);--color-paper-3: oklch(90% .014 248);--color-ink: oklch(18% .018 248);--color-ink-2: oklch(28% .016 248);--color-muted: oklch(43% .018 248);--color-rule: oklch(82% .014 248);--color-rule-2: oklch(70% .018 248);--color-accent: oklch(56% .19 252);--color-accent-ink: oklch(98% .01 248);--color-focus: oklch(58% .2 252);--color-success: oklch(54% .14 155);--color-warning: oklch(64% .16 72);--color-error: oklch(56% .2 28);--color-shadow: oklch(20% .018 248 / .12);--space-3xs: .125rem;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem;--space-3xl: 6rem;--space-4xl: 9rem;--text-xs: .64rem;--text-sm: .8rem;--text-base: 1rem;--text-md: 1.25rem;--text-lg: 1.5625rem;--text-xl: 1.9531rem;--text-2xl: 2.4414rem;--text-3xl: 3.0518rem;--text-4xl: 3.8147rem;--text-display: clamp(2.5rem, 4vw + 1rem, 4.75rem);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-micro: .12s;--dur-short: .22s;--dur-long: .42s;--rule-hairline: 1px;--radius-xs: .25rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--z-base: 1;--z-raised: 10;--z-dropdown: 100;--z-sticky: 200;--z-modal: 400;--z-toast: 500;--z-tooltip: 600}*{box-sizing:border-box}html,body{min-width:0;margin:0;overflow-x:clip;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);line-height:1.55}button,input,select{font:inherit}button{color:inherit}:focus{outline:none}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.app-shell{min-height:100dvh;display:grid;grid-template-columns:15rem minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto}.topbar{position:sticky;top:0;z-index:var(--z-sticky);grid-column:1 / -1;min-height:4.25rem;display:grid;grid-template-columns:15rem minmax(17rem,30rem) minmax(12rem,18rem) minmax(0,1fr);align-items:center;gap:var(--space-lg);padding:var(--space-md) clamp(var(--space-md),3vw,var(--space-xl));border-bottom:var(--rule-hairline) solid var(--color-rule);background:oklch(from var(--color-paper) l c h / .92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.wordmark{font-family:var(--font-display);font-weight:700;font-size:var(--text-md);letter-spacing:0;color:var(--color-ink);text-decoration:none;white-space:nowrap}.search-pill{min-height:2.75rem;display:flex;align-items:center;gap:var(--space-sm);padding:0 var(--space-sm) 0 var(--space-md);border:var(--rule-hairline) solid var(--color-rule);border-radius:999px;background:var(--color-paper-2);color:var(--color-muted);cursor:pointer;transition:background-color var(--dur-short) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.search-pill span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}kbd{min-height:1.5rem;display:inline-flex;align-items:center;border:var(--rule-hairline) solid var(--color-rule-2);border-radius:var(--radius-sm);padding:0 var(--space-xs);font-family:var(--font-outlier);font-size:var(--text-xs);color:var(--color-ink-2);background:var(--color-paper)}.top-actions{display:flex;justify-content:flex-end;align-items:center;gap:var(--space-sm)}.environment-switch{min-width:0;display:flex;align-items:center;gap:var(--space-xs)}.environment-switch select{width:100%;min-height:2.75rem;border:var(--rule-hairline) solid var(--color-rule);border-radius:var(--radius-md);padding:0 var(--space-sm);background:var(--color-paper);color:var(--color-ink);cursor:pointer}.btn{min-height:2.75rem;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);border:var(--rule-hairline) solid var(--color-rule-2);border-radius:var(--radius-md);padding:0 var(--space-md);line-height:1;white-space:nowrap;cursor:pointer;transition:background-color var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.btn:active,.search-pill:active,.rail-item:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--color-ink);color:var(--color-paper)}.btn-secondary,.btn-ghost{background:var(--color-paper);color:var(--color-ink)}.btn-danger{background:var(--color-paper);color:var(--color-error);border-color:var(--color-error)}.side-rail{grid-row:2;padding:var(--space-lg) var(--space-md);border-right:var(--rule-hairline) solid var(--color-rule);background:var(--color-paper-2)}.rail-item{width:100%;min-height:2.75rem;display:flex;align-items:center;gap:var(--space-sm);border:0;border-radius:var(--radius-md);padding:0 var(--space-md);background:transparent;color:var(--color-muted);cursor:pointer;white-space:nowrap;transition:background-color var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.rail-item+.rail-item{margin-block-start:var(--space-xs)}.rail-item.is-active{background:var(--color-paper);color:var(--color-ink)}.workbench{grid-row:2;min-width:0;padding:var(--space-xl) clamp(var(--space-md),4vw,var(--space-2xl))}.hero-panel{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(17rem,.7fr);gap:var(--space-xl);align-items:end;padding-block-end:var(--space-xl);border-bottom:var(--rule-hairline) solid var(--color-rule)}.hero-copy{max-width:65ch}.status-line{display:inline-flex;align-items:center;gap:var(--space-xs);margin:0 0 var(--space-md);color:var(--color-muted);font-size:var(--text-sm)}.status-dot{width:.625rem;height:.625rem;border-radius:999px;background:var(--color-success)}h1,h2,h3{margin:0;font-family:var(--font-display);font-style:normal;letter-spacing:0;line-height:1.08;overflow-wrap:anywhere;min-width:0}h1{max-width:15ch;font-size:var(--text-display)}.hero-copy p:last-child{max-width:58ch;margin:var(--space-lg) 0 0;color:var(--color-muted);font-size:var(--text-md)}.run-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}.metric{min-height:6rem;display:flex;flex-direction:column;justify-content:space-between;padding:var(--space-md);border:var(--rule-hairline) solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-paper)}.metric span,.shipment-primary span,dt{color:var(--color-muted);font-size:var(--text-sm)}.metric strong{font-family:var(--font-outlier);font-size:var(--text-md);overflow-wrap:anywhere}.content-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(19rem,.95fr);align-items:start;gap:var(--space-lg);padding-block:var(--space-xl)}.panel{min-width:0;border:var(--rule-hairline) solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-paper)}.panel-wide{grid-column:1 / -1}.panel-head{padding:var(--space-md);border-bottom:var(--rule-hairline) solid var(--color-rule)}.panel-title{display:flex;align-items:center;gap:var(--space-sm)}.panel-title h2{font-size:var(--text-md)}.timeline,.action-stack,.shipment-card,.config-list,.table-wrap,.xml-toolbar,.empty-state,.endpoint-list,.wms-grid,.config-panel{padding:var(--space-md)}.timeline-row{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:var(--space-md)}.timeline-row+.timeline-row{margin-block-start:var(--space-lg)}.timeline-row>span{width:2rem;height:2rem;display:grid;place-items:center;border-radius:999px;background:var(--color-paper-2);color:var(--color-ink);font-family:var(--font-outlier)}.timeline-row strong,.api-action strong{display:block;margin-block-end:var(--space-2xs)}.timeline-row p,.api-action p,.empty-state p,.xml-toolbar p{margin:0;color:var(--color-muted)}.shipment-primary{padding-block-end:var(--space-md);border-bottom:var(--rule-hairline) solid var(--color-rule)}.shipment-primary strong{display:block;margin-block-start:var(--space-xs);font-family:var(--font-outlier);font-size:var(--text-xl);overflow-wrap:anywhere}.shipment-primary p{margin:var(--space-xs) 0 0;color:var(--color-muted)}.spec-list,.config-list{display:grid;gap:var(--space-sm);margin:0}.spec-list{padding-block-start:var(--space-md)}.spec-list div,.config-list div{display:grid;grid-template-columns:minmax(7rem,.38fr) minmax(0,1fr);gap:var(--space-md);align-items:baseline;padding-block:var(--space-xs);border-bottom:var(--rule-hairline) solid var(--color-paper-3)}dd{margin:0;overflow-wrap:anywhere}.api-action{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-lg);align-items:center;padding:var(--space-md);border:var(--rule-hairline) solid var(--color-rule);border-radius:var(--radius-md)}.api-action+.api-action{margin-block-start:var(--space-sm)}.spinner{width:1rem;height:1rem;border:2px solid var(--color-rule);border-top-color:var(--color-accent);border-radius:999px;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.xml-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.code-block{max-height:28rem;margin:0 var(--space-md) var(--space-md);overflow:auto;padding:var(--space-md);border-radius:var(--radius-md);background:var(--color-ink);color:var(--color-paper);font-family:var(--font-outlier);font-size:var(--text-sm);line-height:1.6}.table-wrap{overflow-x:auto}.log-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.log-table th,.log-table td{padding:var(--space-sm) var(--space-xs);text-align:left;border-bottom:var(--rule-hairline) solid var(--color-rule);vertical-align:top}.log-table th{color:var(--color-muted);font-weight:600}.log-console{min-width:0}.log-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-sm);padding:var(--space-md);border-bottom:var(--rule-hairline) solid var(--color-rule)}.log-kpi{min-height:5.5rem;display:flex;flex-direction:column;justify-content:space-between;padding:var(--space-md);border-left:3px solid var(--color-rule-2);background:var(--color-paper-2)}.log-kpi span{color:var(--color-muted);font-size:var(--text-sm)}.log-kpi strong{font-family:var(--font-outlier);font-size:var(--text-xl)}.log-kpi-success{border-left-color:var(--color-success)}.log-kpi-error{border-left-color:var(--color-error)}.log-toolbar{display:grid;grid-template-columns:minmax(17rem,1fr) repeat(4,minmax(8rem,auto)) auto;gap:var(--space-xs);padding:var(--space-md) var(--space-md) var(--space-sm)}.log-search{min-height:2.75rem;display:flex;align-items:center;gap:var(--space-xs);padding:0 var(--space-sm);border:var(--rule-hairline) solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-paper);color:var(--color-muted)}.log-search input{min-width:0;width:100%;border:0;background:transparent;color:var(--color-ink)}.log-select select{width:100%;min-height:2.75rem;border:var(--rule-hairline) solid var(--color-rule);border-radius:var(--radius-md);padding:0 2rem 0 var(--space-sm);background:var(--color-paper);color:var(--color-ink)}.btn-icon{width:2.75rem;padding:0}.log-result-count{margin:0;padding:0 var(--space-md) var(--space-sm);color:var(--color-muted);font-size:var(--text-sm)}.log-table-wrap{padding-top:var(--space-xs)}.audit-table{min-width:58rem}.log-row{cursor:pointer}.log-row td:first-child{white-space:nowrap}.log-row code{display:block;max-width:32rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-row small,.log-direction{display:flex;align-items:center;gap:var(--space-2xs);margin-block-start:var(--space-2xs);color:var(--color-muted);font-family:var(--font-outlier);font-size:var(--text-xs)}.log-source{display:block;white-space:nowrap}.icon-action{width:2.25rem;height:2.25rem;display:inline-grid;place-items:center;border:0;border-radius:var(--radius-md);background:transparent;color:var(--color-muted);cursor:pointer}.log-empty{padding:var(--space-xl);color:var(--color-muted);text-align:center}.log-detail-layer{position:fixed;inset:0;z-index:calc(var(--z-modal) + 1)}.log-detail-backdrop{position:absolute;inset:0;width:100%;border:0;background:oklch(from var(--color-ink) l c h / .28)}.log-detail{position:absolute;inset-block:0;right:0;width:min(44rem,92vw);overflow-y:auto;border-left:var(--rule-hairline) solid var(--color-rule);background:var(--color-paper);box-shadow:-1rem 0 3rem var(--color-shadow)}.log-detail-head{position:sticky;top:0;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);padding:var(--space-lg);border-bottom:var(--rule-hairline) solid var(--color-rule);background:var(--color-paper)}.log-detail-head span{color:var(--color-muted);font-size:var(--text-sm)}.log-detail-head h3{margin-block-start:var(--space-xs);font-size:var(--text-md)}.log-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--space-lg);margin:0;padding:var(--space-md) var(--space-lg);border-bottom:var(--rule-hairline) solid var(--color-rule)}.log-meta div{display:grid;grid-template-columns:6rem minmax(0,1fr);gap:var(--space-sm);align-items:center;min-height:2.75rem;border-bottom:var(--rule-hairline) solid var(--color-paper-3)}.log-meta-wide{grid-column:1 / -1}.log-error-message{margin:var(--space-md) var(--space-lg) 0;padding:var(--space-md);border-left:3px solid var(--color-error);background:var(--color-paper-2);color:var(--color-error)}.log-error-message p{margin:var(--space-xs) 0 0;color:var(--color-ink);overflow-wrap:anywhere}.log-payload{padding:var(--space-lg);border-bottom:var(--rule-hairline) solid var(--color-rule)}.log-payload h4{margin:0 0 var(--space-sm);font-size:var(--text-sm)}.log-payload pre{max-height:28rem;margin:0;overflow:auto;padding:var(--space-md);border-radius:var(--radius-md);background:var(--color-ink);color:var(--color-paper);font-family:var(--font-outlier);font-size:var(--text-xs);line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tag{display:inline-flex;min-height:1.75rem;align-items:center;padding:0 var(--space-xs);border-radius:var(--radius-sm);font-family:var(--font-outlier)}.tag-ok{color:var(--color-success);background:var(--color-paper-2)}.tag-error,.tag-required{color:var(--color-error);background:var(--color-paper-2)}.tag-key{color:var(--color-accent);background:var(--color-paper-2)}.tag-optional{color:var(--color-muted);background:var(--color-paper-2)}.tag-conditional,.tag-internal{color:var(--color-ink-2);background:var(--color-paper-2)}.endpoint-list{display:grid;gap:var(--space-xs)}.endpoint-list div{min-width:0;display:grid;grid-template-columns:minmax(16rem,.7fr) minmax(0,1fr);gap:var(--space-md);align-items:center;padding:var(--space-sm);border:var(--rule-hairline) solid var(--color-paper-3);border-radius:var(--radius-md)}code{font-family:var(--font-outlier);font-size:var(--text-sm);overflow-wrap:anywhere}.endpoint-list span,.wms-flow span{color:var(--color-muted)}.wms-grid,.wms-stack{display:grid;gap:var(--space-md)}.wms-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-sm)}.wms-flow div{min-height:5rem;display:grid;align-content:space-between;gap:var(--space-sm);padding:var(--space-md);border:var(--rule-hairline) solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-paper-2)}.wms-flow svg{color:var(--color-success)}.wms-spec{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-md);align-items:end}.wms-spec .config-list{padding:0}.wms-test-controls{display:grid;grid-template-columns:minmax(15rem,1fr) auto auto;gap:var(--space-sm);align-items:end}.token-field{display:grid;gap:var(--space-xs);color:var(--color-muted);font-size:var(--text-sm)}.token-field input{min-height:2.75rem;min-width:0;border:var(--rule-hairline) solid var(--color-rule);border-radius:var(--radius-md);padding:0 var(--space-sm);background:var(--color-paper);color:var(--color-ink)}.code-block-compact{margin:0}.mapping-section{display:grid;gap:var(--space-sm);padding:var(--space-md);border-top:var(--rule-hairline) solid var(--color-rule)}.mapping-section h3{margin:0;font-size:var(--text-md)}.mapping-table{min-width:72rem}.mapping-table td:first-child span{display:block;margin-block-start:var(--space-2xs);color:var(--color-muted)}.mapping-note{margin:0;color:var(--color-muted)}.config-panel{display:grid;gap:var(--space-md)}.empty-state{display:grid;place-items:center;gap:var(--space-xs);min-height:14rem;color:var(--color-muted);text-align:center}.foot-line{grid-column:1 / -1;padding:var(--space-md) clamp(var(--space-md),4vw,var(--space-2xl));border-top:var(--rule-hairline) solid var(--color-rule);color:var(--color-muted);font-size:var(--text-sm)}.foot-line p{margin:0}.notice{position:fixed;right:var(--space-md);bottom:var(--space-md);z-index:var(--z-toast);max-width:min(28rem,calc(100% - var(--space-xl)));padding:var(--space-sm) var(--space-md);border:var(--rule-hairline) solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-paper);color:var(--color-ink);box-shadow:0 1rem 3rem var(--color-shadow)}.cmdk{position:fixed;inset:0;z-index:var(--z-modal)}.cmdk-backdrop{position:absolute;inset:0;border:0;background:oklch(from var(--color-ink) l c h / .28);cursor:default}.cmdk-panel{position:fixed;inset-inline:50%;top:12dvh;width:min(36rem,calc(100% - var(--space-xl)));transform:translate(-50%);border:var(--rule-hairline) solid var(--color-rule);border-radius:var(--radius-lg);background:var(--color-paper);box-shadow:0 2rem 5rem var(--color-shadow)}.cmdk-field{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);border-bottom:var(--rule-hairline) solid var(--color-rule)}.cmdk-field input{width:100%;min-height:2.75rem;border:0;background:transparent;color:var(--color-ink)}.cmdk-results{display:grid;gap:var(--space-xs);padding:var(--space-sm)}.cmdk-results button{min-height:2.75rem;display:flex;align-items:center;gap:var(--space-sm);border:0;border-radius:var(--radius-md);padding:0 var(--space-md);background:transparent;color:var(--color-ink);text-align:left;cursor:pointer;white-space:nowrap}@media(hover:hover)and (pointer:fine){.btn:hover,.search-pill:hover,.rail-item:hover,.cmdk-results button:hover{background:var(--color-paper-3)}.btn-primary:hover{background:var(--color-ink-2);color:var(--color-paper)}.log-row:hover,.icon-action:hover{background:var(--color-paper-2)}}@media(max-width:60rem){.app-shell{grid-template-columns:1fr}.topbar{grid-template-columns:minmax(0,1fr) auto auto}.search-pill{width:2.75rem;justify-content:center;padding:0}.search-pill span,.search-pill kbd,.top-actions .btn-ghost{display:none}.environment-switch{max-width:11rem}.side-rail{grid-row:auto;display:flex;gap:var(--space-xs);overflow-x:auto;border-right:0;border-bottom:var(--rule-hairline) solid var(--color-rule);padding:var(--space-sm) var(--space-md)}.rail-item{width:auto}.hero-panel,.content-grid{grid-template-columns:1fr}.wms-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.wms-test-controls{grid-template-columns:1fr 1fr}.token-field{grid-column:1 / -1}.log-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.log-search{grid-column:1 / -1}}@media(max-width:40rem){.workbench{padding:var(--space-lg) var(--space-md)}.topbar{gap:var(--space-sm);padding:var(--space-sm) var(--space-md)}.hero-panel{gap:var(--space-lg)}h1{max-width:none}.run-strip,.api-action,.spec-list div,.config-list div,.xml-toolbar,.endpoint-list div,.wms-spec{grid-template-columns:1fr}.xml-toolbar{display:grid}.api-action .btn,.xml-toolbar .btn,.wms-spec .btn{width:100%}.environment-switch{grid-column:1 / -1;max-width:none}.wms-flow,.wms-test-controls{grid-template-columns:1fr}.token-field{grid-column:auto}.log-kpis,.log-toolbar,.log-meta{grid-template-columns:1fr}.log-search,.log-meta-wide{grid-column:auto}.log-detail{width:100%}.log-table thead{display:none}.log-table,.log-table tbody,.log-table tr,.log-table td{display:block;width:100%}.log-table tr{padding-block:var(--space-sm);border-bottom:var(--rule-hairline) solid var(--color-rule)}.log-table td{display:grid;grid-template-columns:6rem minmax(0,1fr);gap:var(--space-sm);border-bottom:0}.log-table td:before{content:attr(data-label);color:var(--color-muted)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.15s!important;animation-iteration-count:1!important;transition-duration:.15s!important}}