:root{color:#07172a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#fff;min-width:320px}body{min-width:320px;min-height:100svh;margin:0}button,input,textarea,select{font:inherit}img{max-width:100%}.app-shell{background:linear-gradient(120deg,#056eee14,#0000 34%),linear-gradient(#fff 0%,#f5fbff 100%);grid-template-columns:260px minmax(0,1fr);min-height:100svh;display:grid}.sidebar{color:#d5e6ff;background:linear-gradient(#07172a 0%,#092653 100%);border-right:1px solid #ffffff1f;flex-direction:column;min-height:100svh;padding:24px 18px;display:flex;position:sticky;top:0;box-shadow:14px 0 40px #07172a1f}.brand-lockup{text-decoration:none;display:block}.brand-lockup img{filter:drop-shadow(0 16px 24px #0079ff2e);width:262px;max-width:none;height:auto;display:block;transform:translate(-34px)}.nav-list{flex-direction:column;gap:8px;margin-top:42px;display:flex}.nav-section{border-top:1px solid #d5e6ff29;flex-direction:column;gap:8px;margin-top:6px;padding-top:14px;display:flex}.nav-list a{color:#d5e6ff;border-radius:8px;flex-direction:column;justify-content:center;align-items:flex-start;min-height:42px;padding:9px 12px;font-size:.95rem;font-weight:650;text-decoration:none;transition:background-color .16s,color .16s,transform .16s;display:flex}.nav-list a>span{display:block}.nav-list a small{color:#d5e6ff9e;text-transform:uppercase;margin-top:3px;font-size:.68rem;font-weight:750;line-height:1;display:block}.nav-list a.active small{color:#07172a9e}.nav-list a:hover,.nav-list a:focus-visible{color:#fff;background:#ffffff1c}.nav-list a:focus-visible{outline-offset:3px;outline:2px solid #8fcfff}.nav-list a.active{color:#07172a;background:#cdefff;box-shadow:0 12px 28px #0079ff2e}.sidebar-footer{color:#d5e6ff94;margin-top:auto;padding-top:22px;font-size:.72rem;line-height:1.45}.sidebar-footer nav{flex-wrap:wrap;gap:8px 10px;margin-bottom:10px;display:flex}.sidebar-footer a{color:#d5e6ffbd;font-weight:750;text-decoration:none}.sidebar-footer a:hover,.sidebar-footer a:focus-visible,.sidebar-footer a.active{color:#fff}.sidebar-footer a:focus-visible{outline-offset:3px;outline:2px solid #8fcfff}.main-content{min-width:0}.home-page{flex-direction:column;min-height:100svh;padding:72px clamp(28px,7vw,104px) 28px;display:flex}.home-hero{grid-template-columns:minmax(520px,1.05fr) minmax(420px,.8fr);align-items:center;gap:clamp(12px,2vw,28px);display:grid}.hero-copy{width:100%}.hero-copy h1{color:#07172a;max-width:860px;margin:0;font-size:clamp(2.55rem,5.2vw,5.35rem);font-weight:760;line-height:.98}.lead{color:#4f6078;max-width:640px;margin-top:26px;font-size:1.08rem;line-height:1.7}.hero-preview{transform-origin:0;margin:0;overflow:hidden;transform:translate(-24px)scale(1.12)}.hero-preview img{object-fit:cover;width:100%;height:auto;display:block}.primary-cta{color:#fff;background:linear-gradient(135deg,#0068e8 0%,#0a2f75 100%);border-radius:8px;justify-content:center;align-items:center;min-height:46px;margin-top:30px;padding:0 20px;font-size:.96rem;font-weight:800;text-decoration:none;transition:transform .16s,box-shadow .16s;display:inline-flex;box-shadow:0 16px 32px #0068e833}.primary-cta:hover,.primary-cta:focus-visible{transform:translateY(-1px);box-shadow:0 18px 38px #0068e842}.primary-cta:focus-visible{outline-offset:4px;outline:2px solid #0079ff}.overview-band{background:#d8e6f4;border:1px solid #d8e6f4;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:72px;display:grid;overflow:hidden;box-shadow:0 22px 70px #07172a17}.overview-band article{background:#ffffffd1;min-height:172px;padding:24px}.overview-band span{color:#0079ff;margin-bottom:28px;font-size:.74rem;font-weight:850;display:block}.overview-band h2{color:#07172a;margin:0 0 10px;font-size:1.2rem;line-height:1.25}.overview-band p{color:#5c6c82;margin:0;font-size:.94rem;line-height:1.6}.content-section{margin-top:82px}.section-heading{max-width:650px;margin-bottom:24px}.section-heading h2{color:#07172a;margin:0;font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.08}.section-heading p{color:#5c6c82;margin:12px 0 0;font-size:1rem;line-height:1.65}.solver-grid,.benefit-grid{gap:14px;display:grid}.solver-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.benefit-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.solver-card,.benefit-grid article,.final-cta{background:#ffffffd1;border:1px solid #d8e6f4;border-radius:8px;box-shadow:0 18px 48px #07172a12}.solver-card{min-height:190px;padding:22px}.card-heading{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:22px;display:flex}.solver-card h3,.benefit-grid h3{color:#07172a;margin:0;font-size:1.08rem;line-height:1.25}.solver-card p,.benefit-grid p{color:#5c6c82;margin:0;font-size:.94rem;line-height:1.62}.status{color:#52657c;background:#f3f8fc;border:1px solid #d8e6f4;border-radius:999px;flex:none;padding:5px 8px;font-size:.72rem;font-weight:850;line-height:1}.status.available{color:#075c3f;background:#e9fbf3;border-color:#bce7d4}.benefit-grid article{min-height:190px;padding:22px}.benefit-grid h3{margin-bottom:14px}.final-cta{background:linear-gradient(120deg,#0068e81a,#0000 48%),#ffffffe6;margin-top:82px;padding:clamp(28px,4vw,42px)}.final-cta h2{color:#07172a;max-width:620px;margin:0;font-size:clamp(1.8rem,3.2vw,3rem);line-height:1.08}.final-cta p{color:#5c6c82;margin:14px 0 0;font-size:1rem;line-height:1.65}.solver-page{place-items:center;min-height:100svh;padding:64px clamp(28px,7vw,104px);display:grid}.solver-page h1{color:#07172a;text-align:center;margin:0;font-size:clamp(2.4rem,6vw,5.5rem);line-height:1}.info-page{width:min(900px,100%);min-height:100svh;padding:72px clamp(28px,7vw,104px)}.info-page header{border-bottom:1px solid #d8e6f4;padding-bottom:34px}.updated{color:#0068e8;text-transform:uppercase;margin:0 0 14px;font-size:.82rem;font-weight:850}.info-page h1{color:#07172a;max-width:760px;margin:0;font-size:clamp(2.35rem,4.7vw,4.8rem);line-height:.98}.info-page header p:not(.updated){color:#4f6078;max-width:700px;margin:22px 0 0;font-size:1.08rem;line-height:1.7}.info-sections{gap:30px;margin-top:34px;display:grid}.info-sections section{background:#ffffffd1;border:1px solid #d8e6f4;border-radius:8px;padding:24px}.info-sections h2{color:#07172a;margin:0 0 10px;font-size:1.16rem;line-height:1.3}.info-sections p{color:#5c6c82;max-width:740px;margin:0;font-size:.98rem;line-height:1.68}.info-sections p+p{margin-top:12px}.palletization-page{min-height:100svh;padding:48px clamp(24px,4vw,56px)}.solver-hero{max-width:960px;margin-bottom:18px}.solver-hero p{color:#0068e8;text-transform:uppercase;margin:0 0 10px;font-size:.78rem;font-weight:850}.solver-hero h1{color:#07172a;margin:0;font-size:clamp(2.1rem,4.4vw,4.4rem);line-height:.98}.solver-workspace{grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr);align-items:start;gap:18px;display:grid}.solver-panel,.results-panel{background:#ffffffe0;border:1px solid #d8e6f4;border-radius:8px;box-shadow:0 18px 48px #07172a12}.solver-panel{padding:22px}.results-panel{padding:22px;position:sticky;top:24px}.solver-context{background:#d8e6f4;border:1px solid #d8e6f4;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;max-width:1120px;margin:-6px 0 22px;display:grid;overflow:hidden}.solver-context article{background:#ffffffbd;padding:14px 16px}.solver-context strong{color:#0068e8;letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px;font-size:.7rem;font-weight:900;display:block}.solver-context p{color:#4f6078;margin:0;font-size:.84rem;line-height:1.45}.panel-heading{margin-bottom:22px}.panel-heading-row{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.panel-heading h2{color:#07172a;margin:0;font-size:1.35rem;line-height:1.2}.panel-heading p{color:#5c6c82;margin:8px 0 0;font-size:.94rem;line-height:1.55}.form-section{border-top:1px solid #d8e6f4;margin-top:20px;padding-top:20px}.form-section h3,.result-block h3{color:#07172a;margin:0 0 14px;font-size:1rem;line-height:1.25}.section-row,.item-editor-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.section-row{margin-bottom:14px}.section-row h3{margin:0}.item-section-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.cutting-part-actions .secondary-button{min-width:112px}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.item-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.solver-field{color:#4f6078;gap:6px;font-size:.78rem;font-weight:800;display:grid}.field-label{align-items:center;gap:6px;display:inline-flex}.field-tooltip{color:#0068e8;cursor:help;background:#eaf5ff;border:1px solid #b7d9fb;border-radius:50%;place-items:center;width:16px;height:16px;font-size:.68rem;line-height:1;display:inline-grid;position:relative}.field-tooltip-bubble{z-index:10;color:#fff;text-transform:none;opacity:0;pointer-events:none;background:#07172a;border-radius:7px;width:min(230px,60vw);padding:9px 10px;font-size:.76rem;font-weight:700;line-height:1.35;transition:opacity .14s,transform .14s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 12px 28px #07172a38}.field-tooltip-bubble:after{content:"";background:#07172a;width:8px;height:8px;position:absolute;top:100%;left:50%;transform:translate(-50%,-4px)rotate(45deg)}.field-tooltip:hover .field-tooltip-bubble,.field-tooltip:focus .field-tooltip-bubble,.field-tooltip:focus-within .field-tooltip-bubble{opacity:1;transform:translate(-50%)translateY(0)}.solver-field input,.solver-field select{color:#07172a;background:#fff;border:1px solid #c9daeb;border-radius:7px;width:100%;min-height:38px;padding:8px 10px}.item-editor-list{gap:12px;display:grid}.item-editor{background:#f8fbff;border:1px solid #d8e6f4;border-radius:8px;padding:14px}.item-editor.collapsed{background:#fff;padding:0}.item-editor-heading{color:#07172a;margin-bottom:14px}.item-editor-heading-actions-only{justify-content:flex-end}.item-summary-button{color:#07172a;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:58px;padding:12px 14px;display:flex}.item-summary-button strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.item-color-swatch{border:2px solid #fff;border-radius:50%;flex:none;width:22px;height:22px;box-shadow:0 0 0 1px #07172a24,0 4px 10px #07172a1f}.secondary-button,.text-button,.solve-button{cursor:pointer;border:0;border-radius:8px;font-weight:800}.secondary-button{color:#0068e8;background:#eaf5ff;min-height:34px;padding:0 12px}.outline-button{color:#4f6078;background:#fff;border:1px solid #c9daeb}.text-button{color:#0068e8;background:0 0;padding:0}.text-button:disabled{color:#9aa8b7;cursor:not-allowed}.solve-button{color:#fff;background:linear-gradient(135deg,#0068e8 0%,#0a2f75 100%);justify-content:center;align-items:center;gap:10px;width:100%;min-height:48px;margin-top:22px;display:inline-flex;box-shadow:0 16px 32px #0068e833}.solve-button:disabled{cursor:progress;opacity:.78}.spinner{border:2px solid #ffffff61;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.notice{color:#5c4a0b;background:#fff8df;border:1px solid #f0d683;border-radius:8px;margin:14px 0;padding:12px 14px;font-size:.92rem;line-height:1.5}.notice.error{color:#7f1d1d;background:#fff1f2;border-color:#fecaca}.modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#07172a6b;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.csv-import-modal{color:#07172a;background:#fff;border:1px solid #d8e6f4;border-radius:8px;width:min(680px,100%);max-height:min(820px,100svh - 44px);padding:24px;overflow:auto;box-shadow:0 30px 70px #07172a42}.modal-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.modal-heading h2{color:#07172a;margin:0;font-size:1.7rem;line-height:1.05}.modal-heading p,.csv-import-step p{color:#5c6c82;margin:10px 0 0;line-height:1.58}.modal-close-button{color:#4f6078;cursor:pointer;background:#fff;border:1px solid #c9daeb;border-radius:7px;width:34px;height:34px;font-size:1rem;font-weight:900}.csv-import-step{margin-top:24px}.csv-import-step h3{color:#07172a;margin:0;font-size:1rem}.csv-utility-button,.modal-cancel-button,.modal-primary-button{cursor:pointer;border-radius:8px;min-height:38px;padding:0 14px;font-weight:850}.csv-utility-button,.modal-cancel-button{color:#0068e8;background:#fff;border:1px solid #c9daeb}.csv-utility-button{margin-top:14px}.csv-file-dropzone{color:#4f6078;text-align:center;cursor:pointer;background:#f8fbff;border:1px dashed #aac2dc;border-radius:8px;place-items:center;min-height:150px;margin-top:14px;padding:20px;display:grid}.csv-file-dropzone input{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.csv-file-dropzone strong{color:#07172a;font-size:1.05rem;display:block}.csv-file-dropzone span{color:#6d7d91;margin-top:5px;font-size:.84rem;font-weight:750;display:block}.csv-radio-list{gap:10px;margin-top:12px;display:grid}.csv-radio-list label{color:#4f6078;align-items:center;gap:10px;font-weight:800;display:flex}.csv-radio-list input{accent-color:#0068e8;width:18px;height:18px}.csv-validation{background:#f8fbff;border:1px solid #d8e6f4;border-radius:8px;margin-top:20px;padding:12px 14px}.csv-validation.valid{color:#075c3f;background:#e9fbf3;border-color:#bce7d4}.csv-validation.invalid{color:#7f1d1d;background:#fff1f2;border-color:#fecaca}.csv-validation ul{margin:8px 0 0;padding-left:18px}.csv-validation li{margin-top:4px}.modal-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:24px;display:flex}.modal-primary-button{color:#fff;background:linear-gradient(135deg,#0068e8 0%,#0a2f75 100%);border:0}.modal-primary-button:disabled{color:#9aa8b7;cursor:not-allowed;background:#edf3f8}.report-share{align-self:flex-start;position:relative}.report-share-button{color:#0068e8;cursor:pointer;background:#fff;border:1px solid #c9daeb;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:34px;padding:0 11px;font-size:.78rem;font-weight:850;display:inline-flex}.report-share-button:hover,.report-share-button[aria-expanded=true]{background:#f5faff;border-color:#0068e8}.report-share-button:disabled{color:#9aa8b7;cursor:not-allowed;background:#f8fbff;border-color:#d8e6f4}.report-share-button svg{fill:currentColor;width:15px;height:15px}.report-share-menu{z-index:20;background:#fff;border:1px solid #d8e6f4;border-radius:8px;min-width:174px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 38px #07172a29}.report-share-menu button{color:#07172a;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:7px;min-height:36px;padding:0 10px;font-weight:800}.report-share-menu button:hover{color:#0068e8;background:#f5faff}.report-share-menu p{color:#7f1d1d;max-width:220px;margin:8px 6px 2px;font-size:.78rem;line-height:1.35}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.summary-metric{background:#f8fbff;border:1px solid #d8e6f4;border-radius:8px;padding:14px}.summary-metric span{color:#5c6c82;text-transform:uppercase;font-size:.72rem;font-weight:850;display:block}.summary-metric strong{color:#07172a;margin-top:8px;font-size:1.35rem;line-height:1;display:block}.visualization-placeholder{text-align:center;background:linear-gradient(135deg,#0068e814,#0000 48%),#f8fbff;border:1px solid #c9daeb;border-radius:8px;place-items:center;min-height:280px;margin-top:16px;padding:22px;display:grid}.visualization-placeholder p{color:#5c6c82;margin:18px 0 0;font-size:.95rem}.pallet-visualizer{background:#f8fbff;border:1px solid #c9daeb;border-radius:8px;margin-top:16px;overflow:hidden}.visualizer-toolbar{background:#fff;border-bottom:1px solid #d8e6f4;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}.visualizer-toolbar h3{color:#07172a;margin:0;font-size:1rem;line-height:1.25}.visualizer-toolbar p{color:#5c6c82;margin:5px 0 0;font-size:.84rem;line-height:1.35}.pallet-jump-controls{flex:none;align-items:center;gap:8px;display:flex}.pallet-jump-controls select{color:#07172a;background:#fff;border:1px solid #c9daeb;border-radius:7px;min-height:34px;padding:0 10px;font-weight:750}.icon-button{color:#0068e8;cursor:pointer;background:#f3f8fc;border:1px solid #c9daeb;border-radius:7px;min-height:34px;padding:0 10px;font-weight:850}.icon-button:disabled{color:#9aa8b7;cursor:not-allowed;background:#f8fbff}.pallet-scene{width:100%;height:clamp(320px,42vw,520px)}.pallet-scene canvas{width:100%;height:100%;display:block}.cutting-stock-workspace{grid-template-columns:minmax(420px,.92fr) minmax(0,1.08fr)}.cutting-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cutting-diagram{background:#f8fbff;border:1px solid #c9daeb;border-radius:8px;margin-top:16px;overflow:hidden}.cutting-diagram-canvas{background:linear-gradient(135deg,#0068e814,#0000 54%),#f8fbff;place-items:center;min-height:clamp(320px,42vw,520px);padding:18px;display:grid}.cutting-diagram svg{filter:drop-shadow(0 18px 34px #07172a14);width:100%;max-height:520px;display:block}.cutting-sheet-background{fill:#fff}.cutting-waste{fill:#edf3f8;stroke:#c9daeb;stroke-width:.25px}.cutting-sheet-outline{fill:none;stroke:#0a2f75;stroke-width:.65px}.result-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.fake-cutting-sheet{aspect-ratio:1.8;background:linear-gradient(135deg,#0068e814,#0000 55%),#fff;border:2px solid #0a2f75;border-radius:8px;width:min(330px,90%);position:relative;overflow:hidden}.fake-cutting-sheet span{border:1px solid #07172a47;border-radius:4px;display:block;position:absolute}.fake-cutting-sheet span:first-child{background:#0068e894;width:36%;height:42%;inset:18px auto auto 18px}.fake-cutting-sheet span:nth-child(2){background:#14b8a694;width:44%;height:26%;inset:18px 18px auto auto}.fake-cutting-sheet span:nth-child(3){background:#f59e0b9e;width:48%;height:30%;inset:auto auto 18px 18px}.fake-cutting-sheet span:nth-child(4){background:#a855f794;width:34%;height:44%;inset:auto 18px 18px auto}.pallet-build-slider{color:#5c6c82;background:#fff;border-top:1px solid #d8e6f4;gap:8px;padding:12px 16px 16px;font-size:.82rem;font-weight:800;display:grid}.pallet-build-slider input{accent-color:#0068e8;width:100%}.visualization-empty{text-align:center;background:#f8fbff;border:1px solid #c9daeb;border-radius:8px;place-items:center;min-height:260px;margin-top:16px;padding:22px;display:grid}.visualization-empty p{color:#5c6c82;margin:0;font-size:.95rem}.fake-pallet{aspect-ratio:1.5;background-color:#cdefff8c;background-image:linear-gradient(90deg,#0068e829 1px,#0000 1px),linear-gradient(#0068e829 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:34px 34px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:2px solid #0a2f75;border-radius:6px;width:min(280px,80%);position:relative;transform:skewY(-8deg)}.fake-pallet span{background:#0079ff3d;border:1px solid #07172a3d;border-radius:4px;display:block;position:absolute}.fake-pallet span:first-child{width:82px;height:52px;inset:16px auto auto 18px}.fake-pallet span:nth-child(2){width:92px;height:68px;inset:26px 28px auto auto}.fake-pallet span:nth-child(3){width:110px;height:48px;inset:auto auto 22px 58px}.fake-pallet span:nth-child(4){width:58px;height:58px;inset:auto 42px 18px auto}.result-block{margin-top:18px}.result-block-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.result-block-heading h3{margin:0}.table-export-button{color:#0068e8;cursor:pointer;background:#fff;border:1px solid #c9daeb;border-radius:7px;min-height:32px;padding:0 10px;font-size:.78rem;font-weight:850}.table-export-button:hover{background:#f5faff;border-color:#0068e8}.result-block p,.error-list{color:#5c6c82;font-size:.94rem;line-height:1.6}.error-list{margin:0;padding-left:20px}.compact-table-wrap,.placement-table-wrap{border:1px solid #d8e6f4;border-radius:8px;overflow-x:auto}.compact-table-wrap table,.placement-table-wrap table{border-collapse:collapse;width:100%;min-width:520px}.compact-table-wrap th,.placement-table-wrap th,.compact-table-wrap td,.placement-table-wrap td{text-align:left;color:#4f6078;border-bottom:1px solid #d8e6f4;padding:10px 12px;font-size:.84rem}.compact-table-wrap th,.placement-table-wrap th{color:#07172a;text-transform:uppercase;background:#f3f8fc;font-size:.72rem}.table-pagination{color:#5c6c82;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;font-size:.82rem;font-weight:800;display:flex}.table-pagination>div{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.pagination-page{color:#0068e8;cursor:pointer;background:#fff;border:1px solid #c9daeb;border-radius:7px;min-width:34px;min-height:34px;padding:0 8px;font-weight:850}.pagination-page.active{color:#fff;background:#0068e8;border-color:#0068e8}.token-swap-workspace{grid-template-columns:minmax(520px,1.15fr) minmax(360px,.85fr)}.graph-status-row,.graph-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.segmented-control{background:#fff;border:1px solid #c9daeb;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));display:inline-grid;overflow:hidden}.segmented-control button{color:#4f6078;cursor:pointer;background:0 0;border:0;min-height:38px;padding:0 14px;font-weight:850}.segmented-control button.active{color:#fff;background:#0068e8}.graph-status{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.graph-status span{color:#52657c;background:#f3f8fc;border:1px solid #d8e6f4;border-radius:999px;min-height:32px;padding:7px 12px;font-size:.72rem;font-weight:850;line-height:1}.graph-status .ok{color:#075c3f;background:#e9fbf3;border-color:#bce7d4}.graph-status .bad{color:#7f1d1d;background:#fff1f2;border-color:#fecaca}.graph-toolbar{justify-content:flex-start;margin-top:14px}.active-tool{color:#fff;background:#0068e8}.compact-notice{margin-bottom:0}.graph-canvas-wrap{background:linear-gradient(135deg,#0068e814,#0000 48%),#f8fbff;border:1px solid #c9daeb;border-radius:8px;margin-top:16px;overflow:hidden}.graph-canvas{touch-action:none;cursor:default;width:100%;height:clamp(330px,38vw,500px);display:block}.graph-canvas-wrap.tool-move .graph-canvas{cursor:grab}.graph-canvas-wrap.tool-edge .graph-canvas{cursor:crosshair}.graph-canvas-wrap.tool-delete .graph-canvas{cursor:not-allowed}.graph-canvas-bg{fill:#f8fbff}.graph-edge{stroke:#7ca7d4;stroke-width:5px;stroke-linecap:round;cursor:pointer;opacity:.9}.graph-edge:hover{stroke:#0068e8}.graph-node{cursor:grab}.graph-canvas-wrap.tool-edge .graph-node{cursor:crosshair}.graph-canvas-wrap.tool-delete .graph-node{cursor:pointer}.graph-node circle{fill:#fff;stroke:#0a2f75;stroke-width:4.5px;filter:drop-shadow(0 9px 14px #07172a29)}.graph-node.empty circle{fill:#eef5ff;stroke:#aac2dc;stroke-dasharray:7 5}.graph-node.edge-start circle,.graph-canvas-wrap.tool-delete .graph-node:hover .node-main-circle{fill:#cdefff;stroke:#0068e8;stroke-width:6px}.graph-node .node-token-badge{fill:#07172a;stroke:#fff;stroke-width:2.5px;filter:drop-shadow(0 4px 8px #07172a2e)}.graph-node.empty .node-token-badge{fill:#edf6ff;stroke:#aac2dc;stroke-dasharray:3 3}.node-token{fill:#fff;pointer-events:none;font-size:.9rem;font-weight:900}.graph-node.empty .node-token{fill:#66839f}.node-label{fill:#0068e8;pointer-events:none;font-size:1.8rem;font-weight:900}.canvas-hint{color:#5c6c82;text-align:center;background:#fff;border-top:1px solid #d8e6f4;padding:10px 14px;font-size:.82rem;font-weight:750}.token-chip-list{flex-wrap:wrap;gap:8px;display:flex}.token-chip{background:#fff;border:1px solid #c9daeb;border-radius:999px;align-items:center;display:inline-flex;overflow:hidden}.token-chip.selected{border-color:#0068e8;box-shadow:0 0 0 3px #0068e81f}.token-chip-label,.token-chip button{color:#07172a;cursor:pointer;background:0 0;border:0;min-height:32px;padding:0 11px;font-weight:850}.token-chip-label{align-items:center;display:inline-flex}.token-chip .token-chip-delete{color:#7f1d1d;border-left:1px solid #d8e6f4}.placement-actions-row{align-items:flex-start}.token-placement-actions{flex-wrap:nowrap;gap:6px}.token-placement-actions .secondary-button{white-space:nowrap;flex:none;min-height:32px;padding:0 7px;font-size:.76rem}.inline-help{color:#5c6c82;margin:8px 0 0;font-size:.88rem;line-height:1.5}.token-placement-table select{color:#07172a;background:#fff;border:1px solid #c9daeb;border-radius:7px;width:100%;min-height:34px;padding:6px 8px;font-weight:750}.token-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.replay-step-pill{color:#0068e8;background:#f5faff;border:1px solid #c9daeb;border-radius:999px;flex:none;min-height:32px;padding:8px 12px;font-size:.72rem;font-weight:900;line-height:1}.token-replay-canvas-wrap{background:linear-gradient(135deg,#0068e814,#0000 48%),#f8fbff;border:0;border-radius:0;overflow:hidden}.token-replay-canvas{width:100%;height:clamp(240px,24vw,330px);display:block}.replay-edge,.replay-node{pointer-events:none}.replay-node.swap-active .node-main-circle{fill:#dff3ff;stroke:#0068e8;stroke-width:6px}.replay-node.swap-active .node-token-badge{fill:#0068e8;stroke:#07172a;stroke-width:3.5px}.replay-node.swap-active .node-token{fill:#fff}.replay-status{color:#4f6078;margin-top:12px;padding:0 16px;font-size:.9rem;font-weight:800}.replay-range{accent-color:#0068e8;width:calc(100% - 32px);margin:0 16px}.replay-controls{flex-wrap:wrap;gap:8px;padding:0 16px 16px;display:flex}.field-control{color:#4f6078;gap:6px;font-size:.78rem;font-weight:800;display:grid}.field-control input,.field-control select{color:#07172a;background:#fff;border:1px solid #c9daeb;border-radius:7px;width:100%;min-height:38px;padding:8px 10px}.matrix-size-pill{color:#0068e8;background:#f5faff;border:1px solid #c9daeb;border-radius:999px;min-height:30px;padding:7px 10px;font-size:.72rem;font-weight:900;line-height:1}.distance-matrix-wrap{background:#fff;border:1px solid #d8e6f4;border-radius:8px;max-height:460px;overflow:auto}.distance-matrix-table{border-collapse:separate;border-spacing:0;min-width:max-content}.distance-matrix-table th,.distance-matrix-table td{border-bottom:1px solid #d8e6f4;border-right:1px solid #d8e6f4;min-width:74px;padding:0}.distance-matrix-table th{z-index:2;color:#07172a;background:#f3f8fc;height:36px;font-size:.74rem;font-weight:900;position:sticky;top:0}.distance-matrix-table tbody th{z-index:1;left:0}.distance-matrix-table thead th:first-child{z-index:3;left:0}.distance-matrix-table input{color:#07172a;text-align:right;background:0 0;border:0;width:74px;min-height:36px;padding:7px 8px;font-size:.8rem}.distance-matrix-table .diagonal-cell input{color:#5c6c82;background:#f8fbff;font-weight:850}.distance-matrix-table .mirrored-cell{text-align:center;background:#f8fbff}.distance-matrix-table .mirrored-cell span{color:#8da0b6;place-items:center;min-height:36px;font-size:.9rem;font-weight:900;display:grid}.pairwise-distance-wrap{background:linear-gradient(135deg,#0068e80d,#0000 46%),#fff;border:1px solid #d8e6f4;border-radius:8px;max-height:460px;padding:16px;overflow:auto}.pairwise-distance-intro{margin:-4px 0 12px}.distance-mode-toggle button{min-height:34px;padding-inline:12px;font-size:.78rem}.pairwise-distance-group+.pairwise-distance-group{margin-top:18px}.pairwise-distance-group h4{color:#07172a;margin:0 0 10px;font-size:.9rem;font-weight:900}.pairwise-distance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.pairwise-distance-card{background:#fff;border:1px solid #d8e6f4;border-radius:8px;gap:10px;padding:12px 14px;display:grid;box-shadow:0 10px 20px #07172a0a}.pairwise-distance-card span{color:#4f6078;font-size:.82rem;font-weight:850}.pairwise-distance-card input{color:#07172a;background:#fff;border:1px solid #c9daeb;border-radius:7px;width:100%;min-height:38px;padding:8px 10px;font-size:.92rem}.pairwise-valid-message{color:#075c3f;margin:10px 0 0;font-size:.88rem;font-weight:850}.matrix-errors{margin-top:10px}.distance-data-summary{background:linear-gradient(135deg,#0068e80d,#0000 46%),#fff;border:1px solid #d8e6f4;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px;display:grid}.distance-data-summary>p{color:#4f6078;grid-column:1/-1;margin:0;line-height:1.5}.field-control input:disabled,.field-control select:disabled{color:#5c6c82;cursor:not-allowed;background:#f8fbff}.route-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.route-raw-path{overflow-wrap:anywhere;color:#07172a;background:#f8fbff;border:1px solid #d8e6f4;border-radius:8px;padding:12px 14px;font-weight:850}.route-svg{background:linear-gradient(135deg,#0068e814,#0000 48%),#f8fbff;width:100%;height:clamp(280px,34vw,430px);display:block}.route-edge{stroke:#0068e8;stroke-width:4px;stroke-linecap:butt;opacity:.84}#route-arrowhead path{fill:#0068e8}.route-edge-label text{fill:#0a2f75;pointer-events:none;paint-order:stroke;stroke:#f8fbff;stroke-linejoin:round;stroke-width:4px;font-size:.7rem;font-weight:900}.route-node circle{fill:#fff;stroke:#0a2f75;stroke-width:3.5px;filter:drop-shadow(0 8px 14px #07172a24)}.route-node.start-node circle{fill:#e9fbf3;stroke:#16a34a;stroke-width:5px}.route-node.stop-node circle{fill:#fff1f2;stroke:#dc2626;stroke-width:5px}.route-node.start-node text{fill:#15803d}.route-node.stop-node text{fill:#b91c1c}.route-node text{fill:#0068e8;pointer-events:none;font-size:.86rem;font-weight:900}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=820px){.app-shell{grid-template-columns:184px minmax(0,1fr)}.sidebar{padding:18px 12px}.nav-list{margin-top:32px}.nav-list a{min-height:40px;padding-inline:10px;font-size:.9rem}.home-page,.solver-page,.info-page{padding-inline:22px}.home-page{padding-top:46px}.home-hero{grid-template-columns:1fr}.hero-preview{width:min(540px,100%);transform:none}.overview-band{grid-template-columns:1fr;margin-top:46px}.content-section,.final-cta{margin-top:54px}.solver-grid,.benefit-grid,.pairwise-distance-grid{grid-template-columns:1fr}.solver-card,.benefit-grid article{min-height:auto}.solver-workspace{grid-template-columns:1fr}.solver-context{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-heading-row{flex-direction:column;align-items:stretch}.panel-heading-row .secondary-button{align-self:flex-start}.results-panel{position:static}.summary-grid,.distance-data-summary,.item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.app-shell{grid-template-columns:128px minmax(0,1fr)}.sidebar{padding:16px 8px}.brand-lockup{margin-inline:auto}.brand-lockup img{max-width:106px}.nav-list a{min-height:38px;padding:8px;font-size:.78rem;line-height:1.18}.home-page,.solver-page,.info-page{padding:34px 16px 20px}.hero-copy h1,.info-page h1{font-size:2.2rem;line-height:1.03}.lead{font-size:1rem;line-height:1.58}.home-hero{gap:28px}.overview-band article{min-height:146px;padding:20px}.palletization-page{padding:34px 16px 20px}.solver-context,.field-grid,.distance-data-summary,.summary-grid,.item-grid{grid-template-columns:1fr}}