.production-visual{margin:8px 0 10px;min-width:0;border:1px solid var(--pw-line, #d6dde2);border-radius:5px;overflow:hidden;color:var(--pw-ink, #293a47);background:var(--pw-paper, #fff)}.production-visual__head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 8px;font-size:10px;line-height:1.4;color:var(--pw-muted, #657585)}.production-visual__head>span{letter-spacing:.025em}.production-visual__head button{border:0;padding:2px 0;background:transparent;color:inherit;font:inherit;cursor:pointer}.production-visual__head button:hover{color:var(--pw-ink, #293a47);text-decoration:underline}.production-visual__head button:focus-visible{outline:2px solid var(--pw-ink, #293a47);outline-offset:2px}.production-visual__media{position:relative;background:#e8e9e8}.production-visual__media img{display:block;width:100%;height:142px;object-fit:contain;filter:none;opacity:1}.production-visual__media.is-expanded img{height:auto;max-height:400px}.production-visual__dimensions{display:flex;flex-wrap:wrap;justify-content:center;gap:5px 16px;padding:5px 8px;background:#f2f3f1;color:#263642;font-size:12px;font-weight:650;font-variant-numeric:tabular-nums;line-height:1.2}.production-visual__dimensions i{color:#667a8b;font-size:15px;font-style:normal}.production-visual__tags{display:flex;flex-wrap:wrap;gap:4px 8px;padding:6px 8px;border-top:1px solid var(--pw-line, #d6dde2);font-size:11px;line-height:1.4}.production-visual__tags span{border-left:2px solid #8da697;padding-left:5px}.production-visual__caution,.production-visual__unavailable{margin:0;padding:8px;font-size:12px;line-height:1.4;color:var(--pw-muted, #657585)}.production-visual__caution{border-top:1px solid var(--pw-line, #d6dde2)}.production-visual__scheme{display:flex;align-items:center;gap:8px;padding:4px 8px;border-top:1px solid var(--pw-line, #d6dde2)}.production-visual__scheme svg{flex:0 0 92px;width:92px;height:65px}.production-visual__scheme-sheet{fill:#dce5ea;stroke:#8398a5;stroke-width:1}.production-visual__scheme-hem{stroke:#7a929c;stroke-width:2}.production-visual__scheme-pocket{stroke:#476c75;stroke-width:8;stroke-linecap:round}.production-visual__scheme-eyelet{fill:#f8fafb;stroke:#344f61;stroke-width:1.5}.production-visual__scheme p{display:grid;gap:2px;margin:0;font-size:11px;line-height:1.35}.production-visual__scheme strong{font-weight:550}.production-visual__scheme small{color:var(--pw-muted, #657585);font-size:10px}.production-visual__explanation{margin:0;padding:7px 8px;color:var(--pw-muted, #657585);font-size:11px;line-height:1.4;border-top:1px solid var(--pw-line, #d6dde2)}.production-visual--large .production-visual__media img{height:260px}.production-visual--large .production-visual__tags{font-size:12px}.production-visual--large .production-visual__scheme svg{width:150px;height:105px;flex-basis:150px}.production-visual__dialog{width:min(820px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:0;border:1px solid var(--pw-line, #d6dde2);border-radius:7px;background:var(--pw-paper, #fff);color:var(--pw-ink, #293a47);overflow:auto}.production-visual__dialog::backdrop{background:#101b28b3}.production-visual__dialog>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 16px}.production-visual__dialog>header span{color:var(--pw-muted, #657585);font-size:11px}.production-visual__dialog>header h3{margin:3px 0 0;font-size:19px}.production-visual__dialog>header button{padding:4px 12px;background:transparent;border:1px solid var(--pw-line, #d6dde2);border-radius:4px;color:inherit;font-size:24px;cursor:pointer}.production-visual__dialog .production-visual__media img{height:auto;max-height:55dvh}.production-visual__dialog .production-visual__tags{font-size:13px;padding:12px 16px}.production-visual__dialog .production-visual__scheme{padding:8px 16px}.production-visual__dialog .production-visual__scheme svg{width:160px;height:112px;flex-basis:160px}.production-visual__dialog .production-visual__scheme p{font-size:13px}.production-visual__dialog .production-visual__explanation{padding:10px 16px;font-size:12px}.production-visual__current{padding:4px 8px;border-top:1px solid var(--pw-line, #d6dde2);color:var(--pw-muted, #657585);font-size:11px}.production-visual__sheet-svg{display:block;width:100%;height:174px;background:#edf0f1}.production-visual__axis{font-size:10px;font-weight:600}.production-visual__media.is-proportional{background:#edf0f1}.production-visual__panel-count{margin:0;padding:4px 8px;text-align:center;font-size:11px;font-weight:550}.production-visual__assembly{display:flex;align-items:center;gap:8px;padding:6px 8px;border-top:1px solid var(--pw-line, #d6dde2);font-size:11px}.production-visual__assembly>img{width:74px;height:54px;flex-shrink:0;object-fit:contain;background:#ecefef;border-radius:3px}.production-visual__assembly>div{display:grid;gap:2px;min-width:0}.production-visual__assembly strong{font-weight:550}.production-visual__assembly span{color:var(--pw-muted, #657585)}.production-visual--large .production-visual__sheet-svg{height:260px}.production-visual__dialog .production-visual__sheet-svg{height:min(420px,48dvh)}.production-visual__frame-reference,.production-visual__material-reference{padding:10px 16px;border-top:1px solid var(--pw-line, #d6dde2)}.production-visual__frame-reference h4{margin:0 0 5px;font-size:14px}.production-visual__frame-reference img,.production-visual__material-reference img{display:block;width:100%;height:240px;object-fit:contain}.production-visual__frame-reference p{font-size:12px;color:var(--pw-muted, #657585);margin:5px 0 0}.production-visual__material-reference summary{font-size:12px;cursor:pointer}.production-visual__artwork-state{padding:3px 8px;color:var(--pw-muted, #657585);font-size:10px;line-height:1.35}.production-visual__artwork-state.is-warning{color:#9b5e15}.production-visual__original-preview{border-top:1px solid var(--pw-line, #d6dde2);margin-top:16px;padding:12px 16px}.production-visual__original-preview img{display:block;max-width:100%;max-height:440px;width:auto;height:auto;margin:10px auto;object-fit:contain}.production-visual__original-preview p{color:#775c37;font-size:13px}@media(max-width:600px){.production-visual--large .production-visual__media img{height:180px}}
