:root{--bg:#fff;--surface:#fff;--text:#1b2a4a;--text-muted:#5b6b8c;--accent:#d99c43;--border:#e5dfd2;--ok:#16a34a;--warn:#d97706;--over:#dc2626}[data-theme=dark]{--bg:#0f172a;--surface:#1b2a4a;--text:#f1ede2;--text-muted:#94a3b8;--accent:#d99c43;--border:#33415c;--ok:#22c55e;--warn:#fbbf24;--over:#f87171}:root{--on-accent:#1b2a4a;--accent-deep:#c08635;--chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235B6B8C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--optimize:var(--pallet-c2);--optimize-deep:#c98b00;--pallet-label:#fff;--pallet-halo:#0000008c;--pallet-outline:#0006;--pallet-c1:#0072b2;--pallet-c2:#e69f00;--pallet-c3:#009e73;--pallet-c4:#cc79a7;--pallet-c5:#56b4e9;--pallet-c6:#d55e00;--pallet-c7:#b8a72e;--pallet-c8:#8b7aa8}[data-theme=dark]{--optimize:var(--accent);--optimize-deep:var(--accent-deep);--pallet-outline:#0009;--chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--pallet-c1:#3d9bd9;--pallet-c2:#f0b429;--pallet-c3:#2bc48a;--pallet-c4:#de9bc0;--pallet-c5:#7cc7ee;--pallet-c6:#f07b33;--pallet-c7:#d3c14a;--pallet-c8:#a897c9}
:root{--radius-control:12px;--radius-card:16px;--content-max:1200px;--header-h:60px;--shadow-control:0 1px 2px #0000000d}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{padding-top:calc(var(--header-h) + 24px);color:var(--text);background:var(--bg);-webkit-user-select:none;user-select:none;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}input,textarea,a[href^=mailto\:]{-webkit-user-select:text;user-select:text}html.theme-ready body,html.theme-ready .site-header-fixed,html.theme-ready .trailer-bar,html.theme-ready .pallet-card,html.theme-ready .axle-gauges,html.theme-ready .warnings,html.theme-ready .top-view,html.theme-ready .side-view,html.theme-ready input,html.theme-ready select,html.theme-ready button{transition:background-color .15s,color .15s,border-color .15s}h1{margin:.75rem 0 .25rem;font-size:1.7rem;line-height:1.25}h2{margin:1rem 0 .75rem;font-size:1.15rem}button{font:inherit;border:1px solid var(--border);background:var(--surface);height:36px;color:var(--text);cursor:pointer;box-shadow:var(--shadow-control);border-radius:999px;padding:0 1rem;font-weight:500;transition:color .15s,background-color .15s,border-color .15s,box-shadow .15s}button:hover{background:color-mix(in srgb, var(--accent) 10%, var(--surface))}button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}input,select{font:inherit;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);height:36px;color:var(--text);width:100%;box-shadow:var(--shadow-control);padding:0 .75rem;font-size:.875rem;transition:color .15s,border-color .15s,box-shadow .15s}select{appearance:none;background-image:var(--chevron);background-position:right 10px center;background-repeat:no-repeat;padding-right:2rem}input::placeholder{color:var(--text-muted)}input[type=number]{appearance:textfield}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input:focus-visible,select:focus-visible,button:focus-visible{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 50%, transparent);outline:none}input[type=checkbox]{accent-color:var(--ok);height:auto;box-shadow:none}input[type=radio]{accent-color:var(--accent);width:auto;height:auto;box-shadow:none}input[type=range]{accent-color:var(--accent);height:auto;box-shadow:none;background:0 0;border:none;padding:0}label{color:var(--text-muted);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.field{min-width:0}.site-header-fixed{z-index:50;height:var(--header-h);background:var(--surface);border-bottom:1px solid var(--border);position:fixed;top:0;left:0;right:0;box-shadow:0 2px 10px #0000000d}[data-theme=dark] .site-header-fixed{box-shadow:none}.header-inner{max-width:var(--content-max);align-items:center;gap:.75rem;height:100%;margin:0 auto;padding:0 1rem;display:flex}.header-spacer{flex:1}.logo{flex:none;width:72px;height:40px;display:block}.logo img{object-fit:contain;width:72px;height:40px;display:block}.logo .logo-dark,[data-theme=dark] .logo .logo-light{display:none}[data-theme=dark] .logo .logo-dark{display:block}.header-contact{color:var(--text-muted);border-radius:var(--radius-control);align-items:center;gap:.45rem;padding:.35rem .5rem;font-size:.875rem;text-decoration:none;display:inline-flex}.header-contact:hover{color:var(--text)}.theme-toggle{width:38px;height:38px;box-shadow:none;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.lang-select{flex:none;width:auto}.pts-select{width:100%;position:relative}.lang-select.pts-select{width:auto}.pts-trigger{border:1px solid var(--border);border-radius:var(--radius-control);background-color:var(--surface);background-image:var(--chevron);width:100%;height:36px;color:var(--text);text-align:left;box-shadow:var(--shadow-control);background-position:right 10px center;background-repeat:no-repeat;align-items:center;padding:0 2rem 0 .75rem;font-size:.875rem;font-weight:400;display:flex}.pts-trigger:hover{background-color:var(--surface);background-image:var(--chevron);border-color:var(--accent);background-position:right 10px center;background-repeat:no-repeat}.pts-trigger span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pts-menu{z-index:40;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-control);transform-origin:top;min-width:100%;margin:0;padding:4px;list-style:none;animation:.13s pts-menu-in;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}@keyframes pts-menu-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.pts-option{color:var(--text);cursor:pointer;white-space:nowrap;border-radius:8px;padding:.45rem .75rem;font-size:.875rem;display:block}.pts-option.active{background:color-mix(in srgb, var(--text-muted) 14%, var(--surface))}.pts-option[aria-selected=true]{font-weight:600}.header-contact-copy{color:var(--text-muted);-webkit-user-select:text;user-select:text;font-size:.875rem;display:none}:root{--rail-w:0px}@media (min-width:1200px){:root{--rail-w:min(12.5vw, 300px)}}.content{max-width:var(--content-max);margin:0 auto;padding:0 1rem 3rem}@media (min-width:1200px){.content{max-width:min(var(--content-max), calc(100vw - 2 * var(--rail-w) - 72px))}}.planner>section:first-child>h2{margin-top:0}.rail{top:calc(var(--header-h) + 16px);z-index:5;display:none;position:fixed}.rail-left{right:min(calc(50% + var(--content-max) / 2 + 16px), calc(100% - var(--rail-w) - 20px))}.rail-right{left:min(calc(50% + var(--content-max) / 2 + 16px), calc(100% - var(--rail-w) - 20px))}.rail .ad-banner{width:var(--rail-w);height:calc(100vh - var(--header-h) - 32px)}@media (min-width:1200px){.rail{display:block}}.ad-zone{justify-content:center;display:flex}.ad-banner{border:1px dashed var(--border);color:var(--text-muted);letter-spacing:.08em;background:repeating-linear-gradient(45deg, color-mix(in srgb, var(--text-muted) 8%, transparent) 0 12px, transparent 12px 24px), linear-gradient(160deg, var(--surface), var(--bg));border-radius:4px;flex:none;justify-content:center;align-items:center;font-size:.75rem;display:flex}.anchor-wrap{display:none}.trailer-bar,.axle-gauges,.warnings{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);margin:1rem 0;padding:.9rem 1.1rem}.axle-gauges h2{margin-top:0}.trailer-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem 1.25rem;max-width:840px;display:grid}.advanced{border-top:1px solid var(--border);margin-top:1rem;padding-top:.75rem}.advanced summary{cursor:pointer;color:var(--text-muted);font-size:.9rem}.advanced-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;margin-top:.75rem;display:grid}.advanced-actions{margin-top:.75rem}fieldset{border:1px solid var(--border);border-radius:var(--radius-control);gap:.75rem;margin:0;padding:.5rem .75rem .75rem;display:grid}legend{color:var(--text-muted);padding:0 .3rem;font-size:.8rem;font-weight:600}.slider-range{color:var(--text-muted);justify-content:space-between;font-size:.75rem;display:flex}.pallet-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}@media (min-width:768px) and (max-width:1023.98px){.pallet-grid{grid-template-columns:repeat(2,1fr)}}.pallet-card{background:var(--surface);border:1px solid var(--border);border-top:4px solid var(--accent);border-radius:var(--radius-card);padding:.7rem .85rem .85rem}.pallet-card header{align-items:center;gap:.5rem;margin-bottom:.6rem;display:flex}.swatch{border-radius:4px;flex:none;width:14px;height:14px}.pallet-card .remove{height:28px;margin-left:auto;padding:0 .7rem;font-size:.75rem}.pallet-fields{grid-template-columns:repeat(3,1fr);gap:.5rem .6rem;display:grid}.stack-field{align-items:flex-end;display:flex}.stack-field label{cursor:pointer;align-items:center;gap:.3rem;height:36px;margin:0;display:flex}.stack-field input[type=checkbox]{cursor:pointer}@media (max-width:1199.98px){.stack-field label{padding-left:calc(.75rem + 1px)}.stack-field input[type=checkbox]{margin:0}}@media (min-width:1200px){.stack-field label{gap:.25rem;padding-left:8px}.stack-field input[type=checkbox]{margin:0}}@media (max-width:767.98px){.stack-field label{height:44px}}.pallet-add{border:1px dashed var(--border);border-radius:var(--radius-card);flex-direction:column;justify-content:center;gap:.5rem;padding:1rem;display:flex}.mode-group{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;margin:1rem 0;padding:.9rem 1.1rem;display:flex}.mode-options{flex-basis:100%;gap:.75rem 2.5rem;display:grid}@media (min-width:480px){.mode-options{grid-template-columns:auto auto;justify-content:start}}@media (min-width:900px){.mode-options{flex-basis:auto}.mode-group{justify-content:space-between}}.mode-option{cursor:pointer;color:var(--text);white-space:nowrap;align-items:flex-start;gap:.6rem;margin:0;font-size:.95rem;font-weight:400;display:flex}.mode-option input[type=radio]{margin-top:.3rem}.mode-option span{gap:.1rem;display:grid}.mode-option small{color:var(--text-muted)}.action-row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.action-row .optimize{background:var(--optimize);border-color:var(--optimize);height:48px;color:var(--on-accent);padding:0 1.25rem;font-size:1rem;font-weight:700}.action-row .optimize:hover{background:var(--optimize-deep);border-color:var(--optimize-deep)}@media (min-width:900px){.action-row .optimize{padding:0 2rem}}@media (max-width:899.98px){.mode-option{white-space:normal}.action-row .solve-ms{flex-basis:100%;order:5}}@media (max-width:479.98px){.action-row .optimize{padding:0 .75rem;font-size:.9375rem}}.solve-ms{color:var(--text-muted);font-size:.8rem}.status-line{color:var(--text);margin:.75rem 0}.nofit{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);text-align:center;padding:1.25rem}.nofit-logo{max-width:144px;height:auto;margin:0 auto}.nofit .logo-dark,[data-theme=dark] .nofit .logo-light{display:none}[data-theme=dark] .nofit .logo-dark{display:block}.nofit .showfit{text-align:left;border-top:1px solid var(--border);margin-top:.75rem;padding-top:.5rem}.showfit summary{cursor:pointer;color:var(--text-muted)}.unplaced-list{color:var(--text);margin:.75rem 0 0;padding-left:1.2rem}.headroom-line{color:var(--text-muted);margin:0 0 .75rem;font-size:.9rem}.top-view{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);margin:.75rem 0;padding:.5rem .75rem .25rem}.view-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.view-title{color:var(--text-muted);font-size:.85rem}.top-svg{-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.trailer-shell{fill:var(--bg);stroke:var(--text);stroke-width:1.5px}.grid-line{stroke:var(--border);stroke-width:.6px;stroke-dasharray:3 3}.pallet-rect{stroke:var(--pallet-outline);stroke-width:.8px}.pallet-weight{fill:var(--pallet-label);paint-order:stroke;stroke:var(--pallet-halo);stroke-width:2px;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:10px}.stack-badge{fill:var(--pallet-label);paint-order:stroke;stroke:var(--pallet-halo);stroke-width:2px;pointer-events:none;font-size:9px;font-weight:700}.svg-label{fill:var(--text-muted);font-size:9px}.svg-label-sm{font-size:5px}.back-badge{fill:var(--text);paint-order:stroke;stroke:var(--bg);stroke-width:1.2px;pointer-events:none;font-size:5px;font-weight:700}.axle-markers .kingpin{fill:var(--text)}.axle-markers .tandem{fill:none;stroke:var(--text);stroke-width:2px}.side-views{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.side-view{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);margin:0;padding:.5rem .75rem}.side-view figcaption{color:var(--text-muted);margin-bottom:.25rem;font-size:.8rem}.side-view svg{width:100%;height:auto;display:block}.back-row{grid-column:1/-1;grid-template-columns:320px 1fr;gap:.75rem;display:grid}.side-views .axle-gauges{margin:0}.side-views .axle-gauges h2{margin:0 0 .75rem}.elev-box{stroke:var(--pallet-outline);stroke-width:.6px}.elev-far{opacity:.25}.elev-far .elev-box{stroke:none}.elev-back{stroke:var(--pallet-outline);stroke-width:.6px}.elev-back.elev-far{stroke:none}.gauge{margin:.75rem 0}.gauge-head{color:var(--text);justify-content:space-between;margin-bottom:.15rem;font-size:.85rem;display:flex}.gauge-num.ok{color:var(--ok)}.gauge-num.warn{color:var(--warn)}.gauge-num.over{color:var(--over);font-weight:700}.gauge-track{background:var(--border);border-radius:7px;height:14px;position:relative;overflow:hidden}.gauge-fill{border-radius:7px 0 0 7px;height:100%;transition:width .12s ease-out}.gauge-fill.ok{background:var(--ok)}.gauge-fill.warn{background:var(--warn)}.gauge-fill.over{background:var(--over)}.gauge-limit{background:var(--text);width:2px;position:absolute;top:-2px;bottom:-2px}.gauge-footnote{color:var(--text-muted);margin:.75rem 0 0;font-size:.8rem}.warnings-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.warnings-body{flex:1;min-width:240px}.warnings ul{margin:0;padding-left:1.2rem}.warnings li.error{color:var(--over);font-weight:600}.warnings li.warn{color:var(--warn)}.warnings.ok .warnings-body p{color:var(--ok);margin:0}.axle-gauges .share-controls{border-top:1px solid var(--border);margin-top:.75rem;padding-top:.75rem}.share-controls{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.share-controls input{min-width:0;max-width:100%;color:var(--text-muted);flex:160px;font-size:.8rem}.site-footer{color:var(--text-muted);border-top:1px solid var(--border);margin-top:2.5rem;padding-top:.75rem;font-size:.8rem}.site-footer a{color:var(--text-muted)}.site-footer a:hover{color:var(--text)}.footer-links{flex-wrap:wrap;gap:.25rem;display:flex}@media (max-width:1199.98px){:root{--header-h:80px}body{padding-top:calc(var(--header-h) + 8px);padding-bottom:calc(max(64px, 10vh) + 9px + env(safe-area-inset-bottom))}.site-header-fixed{height:auto;min-height:var(--header-h)}.header-inner{flex-wrap:wrap;row-gap:2px;height:auto;padding:6px 8px}.header-contact{display:none}.header-contact-copy{text-align:right;flex-basis:100%;order:10;padding:0 0 4px;display:block}.content{padding:0 16px 3rem}.trailer-bar,.axle-gauges,.warnings,.mode-group,.pallet-card{padding:8px}.top-view{padding:8px 8px 4px}.side-view{padding:8px}.anchor-wrap{z-index:10;padding:4px 4px calc(4px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--bg) 95%, transparent);border-top:1px solid var(--border);display:flex;position:fixed;bottom:0;left:0;right:0}.anchor-wrap .ad-zone,.anchor-wrap .ad-banner{width:100%}.anchor-wrap .ad-banner{height:10vh;min-height:64px}}@media (max-width:767.98px){input,select,button{height:44px;font-size:1rem}input[type=checkbox],input[type=radio],input[type=range]{height:auto}.color-toggle button{height:36px}.pallet-grid{grid-template-columns:1fr}.pallet-fields{grid-template-columns:repeat(2,1fr)}.trailer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trailer-grid>.field:first-child{grid-column:1/-1}.side-views,.back-row{grid-template-columns:1fr}.back-view svg{max-width:180px;margin:0 auto;display:block}}.ad-banner{visibility:hidden}.anchor-wrap{pointer-events:none;background:0 0;border-top-color:#0000}