.ant-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.ant-tabs button,.trip-tools button,.trip-controls button,.trip-cover button{border:1px solid #d8c5aa;background:#fff9ee;color:#685143;border-radius:12px;padding:10px 14px;font:inherit;font-size:13px;cursor:pointer;touch-action:manipulation}.ant-tabs button[aria-selected=true]{background:#788957;color:white}.trip-layout{display:flex;gap:24px;max-width:890px;justify-content:center;margin:auto;align-items:flex-start}.trip-stage{position:relative;width:min(100%,420px);aspect-ratio:9/16;border:2px solid #e0c8aa;border-radius:24px;overflow:hidden;background:#faf0df;flex-shrink:0}.trip-canvas{width:100%;height:100%;display:block}.trip-hud{position:absolute;top:14px;left:14px;right:14px;display:flex;justify-content:space-between;font-size:12px;color:#675344;gap:10px}.trip-hud strong{font-size:16px}.trip-slots{position:absolute;top:64.5%;left:4%;right:4%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.trip-slot{height:51px;border:2px dashed #c1a88c;border-radius:12px;background:#f6dfbb;display:grid;place-items:center;color:#a5886a}.trip-slot[data-state=active]{border-style:solid;border-color:#94b972;box-shadow:0 0 12px #e8f7ba}.trip-slot[data-state=waiting]{filter:brightness(.9)}.trip-slot[data-state=finished]{box-shadow:0 0 17px #fff}.trip-queues{position:absolute;top:74%;height:18.5%;left:4%;right:4%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;overflow:hidden}.trip-col{overflow:hidden;min-width:0}.trip-stack{display:flex;flex-direction:column;gap:7px;will-change:transform}.trip-box{height:46px;min-height:46px;width:100%;flex:0 0 46px;border:2px solid #fff6dc;border-radius:10px;background:var(--box);color:white;font:bold 17px sans-serif;text-shadow:0 1px 3px #443527;box-shadow:inset 0 -5px #0000001a;cursor:pointer;touch-action:manipulation}.trip-box:not([data-row="0"])[data-location=queue]{filter:brightness(.8)}.trip-box[data-row="0"]{outline:2px solid #b89a60;outline-offset:-3px}.trip-box:disabled{cursor:default}.trip-box:not(:disabled):active{transform:scale(.94)}.trip-controls{position:absolute;bottom:7px;left:0;right:0;display:flex;justify-content:center;gap:8px}.trip-controls button{padding:7px 12px;font-size:12px}.trip-cover{position:absolute;z-index:2;inset:55% 4% 4%;border-radius:20px;background:#fff7e9f2;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:16px;gap:10px}.trip-cover[hidden]{display:none}.trip-cover h3,.trip-cover p{margin:3px}.trip-cover p{font-size:13px;line-height:1.7}.trip-tools{max-width:310px;font-size:13px;line-height:1.8;min-width:0}.trip-tools h3{margin-top:0}.trip-tools label{display:block;margin:10px 0}.trip-tools input[type=file]{max-width:100%}.trip-tools select{padding:7px;border-radius:8px;border:1px solid #d6bca3}.trip-workshop{max-width:680px;margin:auto}.trip-workshop .trip-tools{max-width:none}.trip-preview{width:100%;max-width:380px;max-height:380px;object-fit:contain;image-rendering:pixelated;background:repeating-conic-gradient(#e7e0d5 0 25%,#fff8ea 0 50%) 0/20px 20px;border-radius:15px}.trip-drawings{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px}.trip-drawing{padding:15px;background:#fff9ed;border:1px solid #e5d4bb;border-radius:16px}.trip-drawing canvas{width:100%;height:150px;object-fit:contain;image-rendering:pixelated}.trip-note{min-height:46px}.trip-counts{padding:12px;background:#f3eddf;border-radius:13px}@media(max-width:760px){.trip-layout{flex-direction:column;align-items:center}.trip-tools{max-width:420px;width:100%}.trip-stage{width:100%}.trip-slot{height:41px}.trip-box{height:41px;min-height:41px;flex-basis:41px;font-size:15px}.trip-controls button{padding:6px 10px}.trip-hud strong{font-size:14px}.ant-tabs button{padding:8px 10px;font-size:12px}}

/* Cargo exoskeleton: corner armor, corrugated panels and inset number display. */
.trip-stage{width:min(100%,500px);border:3px solid #657c91;border-radius:18px;background:#e7edf2;box-shadow:0 12px 32px #23354a18,inset 0 0 0 4px #dce6ed}
.trip-layout{max-width:980px}.trip-hud{color:#30465c}.trip-hud strong{font-size:15px}
.trip-slot{border:2px dashed #8196a8;border-radius:5px;background:linear-gradient(135deg,#aabac9,#d5e0e8);box-shadow:inset 0 3px 8px #23384a26}
.trip-box{position:relative;isolation:isolate;border:3px solid #344b61;border-radius:4px;background:repeating-linear-gradient(90deg,transparent 0 6px,#182d492c 6px 8px),linear-gradient(165deg,#ffffff65,transparent 48%,#10233855),var(--box);box-shadow:inset 0 3px #ffffff88,inset 0 -4px #14273877,0 3px 0 #263b50;color:#fff;font:bold 17px ui-monospace,monospace;text-shadow:0 2px 2px #101e2a}
.trip-box:before{content:'';position:absolute;z-index:-1;inset:7px 22%;border:1px solid #e3f2ff7a;border-radius:2px;background:#172b40ce;box-shadow:inset 0 2px 4px #0005}
.trip-box:after{content:'';position:absolute;inset:2px;pointer-events:none;background:linear-gradient(#dbe8f1,#8499ad) left top/6px 6px no-repeat,linear-gradient(#dbe8f1,#8499ad) right top/6px 6px no-repeat,linear-gradient(#8499ad,#dbe8f1) left bottom/6px 6px no-repeat,linear-gradient(#8499ad,#dbe8f1) right bottom/6px 6px no-repeat}
.trip-box[data-row="0"]{outline:1px solid #d3f9ff;outline-offset:-5px}.trip-box:not(:disabled):hover{filter:brightness(1.15);box-shadow:inset 0 3px #fff8,0 0 10px #59d9e780,0 3px #263b50}.trip-box[data-hidden=true]{background:repeating-linear-gradient(135deg,#586a7a 0 7px,#6e8090 7px 14px)}
.trip-slot[data-state=active]{border-color:#67e4d8;box-shadow:0 0 12px #46cab688,inset 0 0 7px #d2ffef}.trip-slot[data-state=waiting]{filter:saturate(.7) brightness(.9)}
.trip-cover{background:#f3f8fcf5;border:1px solid #8ba6b9;border-radius:10px}.trip-controls button{background:#eef5fa;border-color:#8da4b7;color:#30465c;border-radius:5px}
@media(max-width:760px){.trip-stage{width:100%}.trip-tools{max-width:500px}.trip-hud strong{font-size:12px}.trip-hud{left:10px;right:10px;font-size:10px}.trip-box{font-size:15px}}