/* The order layout shares one context card for checking and exporting. */
.layout-view{grid-template-columns:minmax(0,1fr) 380px;gap:18px}.layout-panel{position:sticky;top:16px;min-width:0;background:#fff;border:1px solid #e4e5de;border-radius:15px;overflow:hidden}.layout-panel>[hidden]{display:none}.layout-panel .lr-side{position:static;border:0;border-radius:0;padding:20px;min-width:0;gap:14px}.layout-panel .lr-side h2{display:none}.layout-panel-tabs{display:flex;gap:22px;margin:0 20px;border-bottom:1px solid var(--line)}.layout-panel-tabs button{background:none;flex:none;padding:18px 0 14px;border-radius:0;border-bottom:2px solid transparent;color:#6f6a75;font-size:var(--fs-body);font-weight:500}.layout-panel-tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:currentColor;font-weight:600}.layout-panel-tabs small{margin-left:3px;font-size:var(--fs-micro);font-weight:400;color:var(--muted)}.layout-panel .lr-head p{grid-row:1;grid-column:1;font-size:var(--fs-small);line-height:1.6}.layout-panel .lr-tools{grid-row:1;grid-column:2}.layout-panel .lr-build{display:flex;align-items:center;justify-content:center;box-sizing:border-box;gap:6px;width:100%;min-height:42px;padding:12px 14px;font-size:var(--fs-body);line-height:18px;text-align:center;white-space:normal}.lp-print{gap:14px}.lp-pending p{line-height:1.6}.lp-approval{display:flex;flex-direction:column;gap:4px;width:100%;padding:8px 0;margin:0;background:none;border-radius:0;text-align:left;font-size:var(--fs-small);font-weight:500;line-height:1.5}.lp-approval small{color:var(--muted);font-size:var(--fs-caption);font-weight:400}.lp-approval:hover small{text-decoration:underline}.lp-print .lp-lock-note{font-size:var(--fs-caption);font-weight:400;color:var(--muted);line-height:1.5;margin:0}
.lp-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px;font-size:var(--fs-body)}.lp-row>span{color:var(--muted)}.lp-total{border-top:1px solid var(--line);padding-top:7px;margin-top:7px}.lp-total>span{font-weight:600;color:var(--ink)}.lp-prices{border-top:1px solid var(--line);padding-top:12px}.lp-prices b{font-weight:500}.lp-stepper{display:flex;align-items:center;gap:6px}.lp-stepper button{width:28px;height:28px;padding:0;border-radius:50%;background:#f0f0ef}.lp-stepper input{width:44px;min-height:28px;margin:0;padding:3px 0;border:0;background:transparent;text-align:center;font:inherit;font-weight:600;appearance:textfield}.lp-stepper input::-webkit-inner-spin-button,.lp-stepper input::-webkit-outer-spin-button{appearance:none;margin:0}
.lp-print .lr-build{display:flex;align-items:center;justify-content:center;gap:6px}.lp-print .lp-note{margin:0;text-align:center;font-size:var(--fs-caption)}.lp-print .check-list:empty{display:none}.lp-print .lp-progress{width:100%}
.lp-packaging{display:flex;min-width:0;gap:3px;padding:3px;margin:0;border:0;border-radius:10px;background:#f0f0ef}.lp-packaging label{flex:1;min-width:0;margin:0;position:relative}.lp-packaging input{position:absolute;opacity:0}.lp-packaging span{display:flex;align-items:center;justify-content:center;height:100%;padding:9px 6px;text-align:center;font-size:var(--fs-small);font-weight:400;line-height:1.4;border-radius:8px;white-space:nowrap;cursor:pointer;color:var(--muted)}.lp-packaging input:checked+span{background:#fff;color:var(--ink);font-weight:600;box-shadow:0 1px 2px #0001}.lp-packaging input:focus-visible+span{outline:3px solid #5275f6;outline-offset:2px}
.lp-print .lp-package-note{font-size:var(--fs-caption);line-height:1.5;margin:-6px 0 0;min-height:3em}.layout-view .lr-material.lv-album{grid-template-columns:minmax(0,1fr);padding:18px;gap:16px}.layout-view .lv-people{flex-direction:row;max-height:none;overflow-x:auto}.layout-view .lv-person{flex:none}.layout-view .lv-spread{display:flex;align-items:center;justify-content:center;min-height:360px;padding:22px 16px;background:#f4f4f0;border-radius:8px}.layout-view .lv-spread .layout-canvas{flex:none;width:min(100%,calc(min(52vh,420px) * var(--layout-preview-ratio,1.5)));}.layout-panel .check-summary{font-size:var(--fs-body)}
@media(max-width:1100px) and (min-width:761px){.layout-view{grid-template-columns:minmax(0,1fr) 330px}}
@media(max-width:760px){.layout-view{grid-template-columns:minmax(0,1fr)}.layout-view>.layout-panel{position:static;order:1}.layout-view .lv-spread{min-height:280px;padding:18px 12px}}