.pose-tabs{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 25px}.pose-tabs button{background:transparent;border:1px solid #ddd;font-size:13px}.pose-tabs button.selected{background:#171717;color:white;border-color:#171717}.pose-tabs button span{display:inline-block;background:#ffffff24;margin-left:9px;padding:2px 6px;border-radius:4px}.pose-tabs>span{margin-left:auto}.pose-layout{display:grid;grid-template-columns:255px minmax(0,1fr);gap:24px;align-items:start}.pose-carton-column>h2{font-size:13px;color:#707070;letter-spacing:1px;text-transform:uppercase}.pose-cartons{display:flex;flex-direction:column;gap:13px}.pose-carton{display:block;width:100%;text-align:left;background:white;border:1px solid #e0e0e0;border-radius:12px;padding:18px;min-height:160px;font-weight:400;transition:border-color .15s,box-shadow .15s}.pose-carton.chosen{border:2px solid #f7941d;padding:17px;box-shadow:0 5px 15px #f7941d15}.pose-carton>strong{display:block;font-size:26px;font-weight:700;letter-spacing:-.6px;margin:16px 0 9px}.pose-carton .progress{margin:13px 0}.pose-carton .row{gap:6px}.pose-detail-head{display:flex;justify-content:space-between;gap:15px;padding:19px 22px;border-bottom:1px solid #eee}.pose-detail-head .sub{margin-top:5px}.pose-legend{display:flex;gap:18px;flex-wrap:wrap;padding:17px 22px;font-size:11px;color:#666}.pose-legend>span{display:inline-flex;gap:6px;align-items:center}.pose-swatch{width:16px;height:16px;border:1px solid #f7941d;border-radius:4px;display:inline-grid;place-items:center;font-style:normal;font-weight:700}.pose-swatch.todo{background:#fff0de}.pose-swatch.done{background:#171717;color:white;border-color:#171717}.pose-swatch.issue{background:#f7941d;color:#171717}.pose-pane{cursor:pointer;stroke-width:2.5;stroke:#d27100;fill:#f7941d66;touch-action:manipulation}.pose-pane.done{fill:#171717d9;stroke:#171717}.pose-pane.issue{fill:#f7941de6;stroke:#171717;stroke-dasharray:5 3}.pose-pane:hover,.pose-pane:focus{stroke-width:4;outline:none}.pose-mark{pointer-events:none;fill:white;font-family:Arial,sans-serif;font-weight:800;text-anchor:middle;dominant-baseline:central}.pose-film-list{padding:0 22px}.pose-film{display:flex;gap:15px;align-items:flex-start;padding:19px 0;border-bottom:1px solid #e9e9e9;scroll-margin:25px}.pose-film:last-child{border-bottom:0}.pose-check{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;min-height:48px;padding:0;border:2px solid #bcbcbc;border-radius:9px;font-size:24px;color:white}.pose-check.checked{background:#171717;border-color:#171717}.pose-check:focus-visible{outline:3px solid #f7941d;outline-offset:3px}.pose-film.issue .pose-check{border-color:#f7941d;background:#fff6e9}.pose-film-info{flex:1;min-width:0;padding-top:3px;line-height:1.55}.pose-film-info>b{display:block;font-size:14px}.pose-film-info>b span{font-weight:400}.pose-film .small{margin-top:4px}.pose-note{font-size:12px;color:#454545;background:#f5f5f5;border-left:3px solid #b6b6b6;padding:9px 12px;margin:9px 0;white-space:pre-wrap;overflow-wrap:anywhere}.pose-film.issue .pose-note{border-color:#f7941d;background:#fff7ec}.pose-note-button{font-size:12px;min-height:44px;padding:10px 12px;flex-shrink:0}.pose-control-note{margin:15px 22px 0;padding:13px 15px;background:#f7f7f7;border-radius:7px;font-size:12px}.pose-control-note p{white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0 0;line-height:1.5}.pose-complete{background:#f0f0f0;border-top:2px solid #171717;padding:18px 22px;font-weight:600;font-size:13px}.qty[readonly]{background:#f2f2f2;border-color:transparent;color:#555;cursor:default}.pose-carton-column .empty{background:white;border:1px dashed #ddd;border-radius:10px;text-align:left;padding:25px 18px}
@media(max-width:1100px){.pose-layout{grid-template-columns:220px minmax(0,1fr);gap:16px}.pose-film{gap:10px}.pose-film-list{padding:0 15px}.pose-note-button{font-size:11px;padding:9px}.pose-carton{padding:15px}.pose-carton.chosen{padding:14px}}
@media(max-width:850px){.pose-layout{grid-template-columns:1fr}.pose-cartons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.pose-carton{min-height:145px}.pose-carton>strong{font-size:24px}.pose-diagram{overflow-x:auto}.pose-diagram svg{min-width:680px}.pose-film-list{padding:0 18px}}
@media(max-width:550px){.pose-cartons{grid-template-columns:1fr}.pose-tabs>span{margin-left:0;width:100%}.pose-film{flex-wrap:wrap}.pose-film-info{flex-basis:calc(100% - 65px)}.pose-note-button{margin-left:58px;font-size:12px}.pose-legend{gap:12px;padding:15px}.pose-detail-head{padding:16px}.nav a:nth-last-child(-n+2){display:flex}.nav{overflow-x:auto;max-width:calc(100vw - 120px)}.nav a{flex-shrink:0}}
.sidebar{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#555 transparent}.sidebar-foot{flex-shrink:0}@media(max-width:550px){.sidebar{overflow:visible}}