:root{font-family:Avenir Next,Avenir,Segoe UI,Helvetica,Arial,sans-serif;color:var(--ink);background-color:var(--page);font-synthesis:none;text-rendering:optimizeLegibility;color-scheme:dark;--page: #17382f;--page-deep: #102a23;--ink: #f8ebd2;--ink-muted: #c7d1bf;--cloth: #b95732;--cloth-dark: #7b321f;--lining: #e4b678;--lining-light: #f3d6a3;--lining-deep: #b87d43;--stitch: #4d291c;--zipper: #d1a640;--zipper-dark: #64491b;--ticket: #f2dfb7;--ticket-ink: #302219;--ticket-muted: #6e513d;--forest: #254f42;--forest-dark: #0c241e;--focus: #ffe29b;--danger: #75271e;--danger-light: #ffd6be}*{box-sizing:border-box}html{min-height:100%;background-color:var(--page)}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;overflow-x:hidden;background-color:var(--page)}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:3px}button:active{filter:brightness(.86)}#root{min-height:100vh;min-height:100dvh}.app-shell{width:min(1080px,100%);min-height:100vh;min-height:100dvh;margin:0 auto;padding:60px 16px 0;position:relative}.app-header{display:grid;gap:10px;margin:0 0 20px;padding-right:92px}.title-lockup{display:flex;gap:12px;align-items:stretch}.title-stitch{width:7px;flex:0 0 7px;border-radius:4px 4px 1px 1px;background-color:var(--cloth);position:relative}.title-stitch:after{content:"";position:absolute;inset:5px 2px;border-radius:2px;border-left:1px dashed var(--lining-light)}.tagline{margin:0 0 2px;color:var(--ink-muted);font-size:12px;line-height:18px;font-weight:700}h1{margin:0;color:var(--ink);font-family:Rockwell,American Typewriter,Roboto Slab,Courier New,serif;font-size:clamp(33px,10vw,54px);line-height:1.08;letter-spacing:-.035em}.intro{max-width:560px;margin:0;color:var(--ink-muted);font-size:15px;line-height:22px}.workbench{display:grid;gap:24px;min-width:0}.case-panel,.load-panel{min-width:0}.control-bench{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin-bottom:10px}fieldset{min-width:0;margin:0;padding:0;border:0}legend{margin:0 0 5px;padding:0;color:var(--ink-muted);font-size:12px;line-height:18px;font-weight:700}.edge-buttons,.unit-buttons{display:flex;gap:4px}.edge-button,.unit-buttons button{min-width:48px;min-height:48px;border:0;border-radius:4px;color:var(--ink);background-color:var(--forest);font-weight:700;cursor:pointer}.edge-button{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:0 7px;font-size:12px}.edge-button span{font-size:17px;line-height:20px}.edge-button[aria-pressed=true],.unit-buttons button[aria-pressed=true]{color:var(--ticket-ink);background-color:var(--lining);box-shadow:inset 0 -3px 0 var(--lining-deep)}.unit-buttons button{padding:0 12px;text-transform:lowercase}.balance-ticket{display:grid;grid-template-columns:1.15fr 1fr 1.15fr;color:var(--ticket-ink);background-color:var(--ticket);border-radius:6px 6px 2px 2px;overflow:hidden;position:relative}.balance-ticket:before,.balance-ticket:after{content:"";position:absolute;inset-block:5px;width:5px;background-color:var(--page)}.balance-ticket:before{left:-2px;border-radius:0 5px 5px 0}.balance-ticket:after{right:-2px;border-radius:5px 0 0 5px}.balance-ticket>div{min-width:0;padding:10px 8px;text-align:center}.balance-ticket>div+div{border-left:1px dashed var(--ticket-muted)}.balance-ticket span,.balance-ticket strong{display:block}.balance-ticket span{margin-bottom:2px;color:var(--ticket-muted);font-size:10px;line-height:15px;font-weight:700}.balance-ticket strong{overflow:hidden;color:var(--ticket-ink);font-size:14px;line-height:20px;font-variant-numeric:tabular-nums;text-overflow:clip;white-space:nowrap}.ticket-total strong{font-size:17px;line-height:22px}.balance-ticket .ticket-center{min-height:36px;grid-column:1 / -1;padding:6px 10px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:baseline;border-top:1px dashed var(--ticket-muted);text-align:left}.ticket-center strong{min-width:0;overflow:hidden;font-size:12px;line-height:18px;text-align:right;text-overflow:clip;white-space:nowrap}.placement-console{min-height:54px;margin:9px 0;padding:6px 8px 6px 12px;display:flex;align-items:center;gap:8px;border-left:5px solid var(--lining);border-radius:2px;background-color:var(--forest-dark)}.placement-console-active{background-color:var(--cloth-dark)}.placement-console p{flex:1;min-width:0;margin:0;color:var(--ink);font-size:13px;line-height:18px}.placement-console button,.item-actions button{min-height:48px;padding:0 11px;border:0;border-radius:3px;color:var(--ticket-ink);background-color:var(--lining);font-size:12px;font-weight:800;cursor:pointer}.item-actions{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:6px}.item-actions span{overflow:hidden;color:var(--ink);font-size:12px;line-height:17px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.suitcase{--case-inset: 17px;width:100%;aspect-ratio:1.45;position:relative;isolation:isolate;border:7px solid var(--cloth-dark);border-radius:30px 24px 27px 22px;background-color:var(--cloth);box-shadow:inset 0 0 0 3px var(--cloth),inset 0 0 0 5px var(--zipper-dark),0 5px 0 var(--page-deep)}.zipper{position:absolute;z-index:1;inset:8px;border:3px dotted var(--zipper);border-radius:20px 15px 18px 14px;pointer-events:none}.zone-grid{position:absolute;z-index:2;inset:var(--case-inset);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));overflow:hidden;border-radius:13px 9px 11px 8px;background-color:var(--lining)}.zone{min-width:0;min-height:48px;padding:5px;position:relative;border:0;border-right:2px dashed var(--stitch);border-bottom:2px dashed var(--stitch);border-radius:0;color:var(--ticket-ink);background-color:var(--lining);cursor:pointer}.zone:nth-child(3n){border-right:0}.zone:nth-child(n+7){border-bottom:0}.zone[aria-pressed=true]{background-color:var(--lining-light);box-shadow:inset 0 0 0 4px var(--cloth-dark)}.zone-code{position:absolute;top:4px;left:6px;color:var(--ticket-muted);font-size:9px;line-height:12px;font-weight:800}.zone-weight{position:absolute;right:5px;bottom:3px;max-width:calc(100% - 10px);overflow:hidden;color:var(--ticket-ink);font-size:10px;line-height:14px;font-weight:800;font-variant-numeric:tabular-nums;text-overflow:clip;white-space:nowrap}.zone-empty{display:grid;height:100%;place-items:center;color:var(--lining-deep);font-family:Georgia,serif;font-size:25px;line-height:30px}.zone-items{height:100%;display:flex;align-items:center;justify-content:center;gap:3px;padding:7px 0 11px}.packed-shape,.packed-more{width:25px;height:25px;display:grid;place-items:center;border:2px solid var(--stitch);border-radius:7px 4px 6px 3px;color:var(--ink);background-color:var(--cloth-dark);font-size:11px;line-height:14px;font-weight:900}.packed-more{border-radius:50%;font-size:9px}.center-marker{width:30px;height:30px;position:absolute;z-index:4;left:var(--center-x);top:var(--center-y);display:grid;place-items:center;border:3px solid var(--zipper);border-radius:50%;background-color:var(--stitch);box-shadow:0 2px 0 var(--zipper-dark);transform:translate(-50%,-50%);transition:left .18s cubic-bezier(.2,.72,.3,1),top .18s cubic-bezier(.2,.72,.3,1);pointer-events:none}.center-marker:before,.center-marker:after{content:"";position:absolute;background-color:var(--zipper)}.center-marker:before{width:38px;height:2px}.center-marker:after{width:2px;height:38px}.center-marker span{width:7px;height:7px;z-index:1;border-radius:50%;background-color:var(--lining-light)}.case-handle,.wheel{position:absolute;z-index:-1;background-color:var(--cloth-dark)}.case-handle{width:31%;height:19px;left:50%;bottom:-22px;border:5px solid var(--stitch);border-top:0;border-radius:0 0 12px 12px;background-color:var(--cloth);transform:translate(-50%)}.wheel{width:23px;height:14px;bottom:-17px;border:3px solid var(--stitch);border-radius:4px 4px 8px 8px}.wheel-a{left:12%}.wheel-b{right:12%}.wheel-top .case-handle{top:-22px;bottom:auto;border-top:5px solid var(--stitch);border-bottom:0;border-radius:12px 12px 0 0}.wheel-top .wheel{top:-17px;bottom:auto;border-radius:8px 8px 4px 4px}.wheel-left .case-handle,.wheel-right .case-handle{width:19px;height:31%;top:50%;bottom:auto;transform:translateY(-50%)}.wheel-left .case-handle{left:-22px;border:5px solid var(--stitch);border-right:0;border-radius:12px 0 0 12px}.wheel-right .case-handle{right:-22px;left:auto;border:5px solid var(--stitch);border-left:0;border-radius:0 12px 12px 0}.wheel-left .wheel,.wheel-right .wheel{width:14px;height:23px;bottom:auto;border-radius:8px 4px 4px 8px}.wheel-left .wheel{left:-17px}.wheel-left .wheel-a,.wheel-right .wheel-a{top:12%}.wheel-left .wheel-b,.wheel-right .wheel-b{top:auto;right:auto;bottom:12%}.wheel-right .wheel{right:-17px;left:auto;border-radius:4px 8px 8px 4px}.load-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.load-panel{padding:17px;border-radius:4px 18px 4px 12px;color:var(--ticket-ink);background-color:var(--lining-light)}.load-heading h2{margin:0;color:var(--ticket-ink);font-family:Rockwell,American Typewriter,Roboto Slab,Courier New,serif;font-size:25px;line-height:32px;letter-spacing:-.02em}.load-heading>span{color:var(--ticket-muted);font-size:13px;line-height:19px;font-weight:800;font-variant-numeric:tabular-nums}.load-instruction{margin:2px 0 14px;color:var(--ticket-muted);font-size:13px;line-height:19px}.common-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.common-item{min-width:0;min-height:64px;padding:7px 9px;display:flex;align-items:center;gap:9px;border:0;border-radius:3px 11px 3px 5px;color:var(--ink);background-color:var(--forest);text-align:left;cursor:pointer}.common-item:active{background-color:var(--forest-dark)}.item-sketch{width:36px;height:34px;flex:0 0 36px;border:2px solid var(--lining);border-radius:9px 5px 8px 4px;position:relative}.common-pair .item-sketch:before,.common-pair .item-sketch:after{content:"";position:absolute;width:14px;height:24px;top:4px;border:2px solid var(--lining);border-radius:8px 8px 4px 4px}.common-pair .item-sketch{border:0}.common-pair .item-sketch:before{left:1px;transform:rotate(-12deg)}.common-pair .item-sketch:after{right:1px;transform:rotate(12deg)}.common-flat .item-sketch{height:27px;border-radius:3px}.common-flat .item-sketch:after{content:"";position:absolute;inset:4px;border:1px solid var(--lining)}.common-fold .item-sketch{border-radius:12px 12px 4px 4px}.common-book .item-sketch{width:31px;border-radius:2px 5px 5px 2px;box-shadow:inset 5px 0 0 var(--cloth)}.common-bottle .item-sketch{width:18px;margin-inline:9px;border-radius:5px 5px 7px 7px}.common-bottle .item-sketch:before{content:"";width:8px;height:5px;position:absolute;top:-7px;left:3px;border:2px solid var(--lining);border-bottom:0}.item-copy{min-width:0}.item-copy strong,.item-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-copy strong{color:var(--ink);font-size:13px;line-height:19px}.item-copy small{color:var(--ink-muted);font-size:11px;line-height:16px;font-weight:700}.custom-toggle{width:100%;min-height:52px;margin-top:10px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:3px;color:var(--ticket-ink);background-color:var(--lining);font-weight:800;cursor:pointer}.custom-toggle span:last-child{font-family:Georgia,serif;font-size:24px;line-height:28px}.custom-form{margin-top:8px;padding:12px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:10px;border-radius:3px 3px 12px;background-color:var(--ticket)}.custom-form label{min-width:0;color:var(--ticket-muted);font-size:11px;line-height:17px;font-weight:800}.custom-form input{width:100%;min-height:48px;margin-top:4px;padding:0 10px;border:1px solid var(--ticket-muted);border-radius:3px;color:var(--ticket-ink);background-color:var(--lining-light);caret-color:var(--ticket-ink)}.custom-form input::placeholder{color:var(--ticket-muted)}.custom-submit{min-height:50px;grid-column:1 / -1;border:0;border-radius:3px 10px 3px 3px;color:var(--ink);background-color:var(--cloth-dark);font-weight:800;cursor:pointer}.form-error{grid-column:1 / -1;margin:0;color:var(--danger);font-size:12px;line-height:18px;font-weight:800}.truth-note{margin-top:13px;padding:12px 12px 12px 16px;border-radius:2px;color:var(--ink);background-color:var(--forest-dark);position:relative}.truth-note:before{content:"";width:5px;position:absolute;inset-block:8px;left:5px;border-radius:3px;background-color:var(--lining)}.truth-note strong{font-size:12px;line-height:18px}.truth-note p{margin:2px 0 0;color:var(--ink-muted);font-size:12px;line-height:18px}.host-clearance{height:max(124px,env(safe-area-inset-bottom))}@media(max-width:759px){.case-panel{padding-bottom:108px}}@media(min-width:760px){.app-shell{padding-inline:28px}.app-header{padding-right:110px}.workbench{grid-template-columns:minmax(0,1.15fr) minmax(310px,.85fr);align-items:start}.case-panel{position:sticky;top:20px}.load-panel{margin-top:23px}}@media(max-width:390px){.app-shell{padding-inline:12px}.app-header{padding-right:80px}.edge-button{gap:2px;padding-inline:4px}.balance-ticket>div{padding-inline:5px}.balance-ticket strong{font-size:12px}.ticket-total strong{font-size:15px}.suitcase{border-width:6px}}@media(max-height:700px)and (orientation:portrait){.app-shell{padding-top:54px}.app-header{gap:4px;margin-bottom:8px}.tagline,.intro{display:none}h1{font-size:29px;line-height:34px}.tagline{line-height:16px}.control-bench{margin-bottom:6px}legend{margin-bottom:3px;line-height:15px}.balance-ticket>div{padding-block:6px}.balance-ticket .ticket-center{min-height:30px;padding-block:4px}.placement-console{min-height:48px;margin-block:4px}.suitcase{aspect-ratio:1.8}}@media(orientation:landscape)and (min-width:568px)and (max-width:900px)and (max-height:500px){.app-shell{padding:16px 18px 0}.app-header{width:46%;margin-bottom:10px;padding-right:0}.tagline,.intro{display:none}h1{font-size:29px;line-height:35px}.workbench{grid-template-columns:minmax(340px,1.1fr) minmax(260px,.9fr);gap:18px}.case-panel{position:static}.load-panel{margin-top:-56px;padding:12px}.control-bench{margin-bottom:6px}.balance-ticket>div{padding-block:5px}.placement-console{min-height:44px;margin-block:6px}.suitcase{aspect-ratio:1.65}.common-item{min-height:52px}.custom-toggle{width:calc(100% - 90px)}.truth-note{margin-bottom:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media(forced-colors:active){button,input,.suitcase,.center-marker,.balance-ticket,.placement-console,.load-panel{border:1px solid CanvasText}.center-marker:before,.center-marker:after{background-color:CanvasText}}