/* クッションカバー固有の図形表現。画面UIは ../auto-pattern-ui.css で管理する。 */
.cushion-guide-image { display:block; width:100%; max-height:240px; margin:14px 0 0; border:1px solid #efb35f; border-radius:10px; object-fit:contain; background:#fff; }
.cut-line { fill:#fffdf8b8; stroke:#202020; stroke-width:1.2; vector-effect:non-scaling-stroke; }
.stitch-line { fill:none; stroke:#805b43; stroke-width:1; stroke-dasharray:4 3; vector-effect:non-scaling-stroke; }
.fold-line { fill:none; stroke:#238443; stroke-width:1.3; stroke-dasharray:6 4; vector-effect:non-scaling-stroke; }
/* 卯作図本体と同じ、両端矢印付きの連続した布目線。 */
.grain-line { fill:none; stroke:#202020; stroke-width:1.2; vector-effect:non-scaling-stroke; }
.notch-line { fill:none; stroke:#202020; stroke-width:1.2; vector-effect:non-scaling-stroke; }
.button-mark { fill:none; stroke:#8b5140; stroke-width:1; vector-effect:non-scaling-stroke; }
#cushionSvg text { text-anchor:middle; fill:#4c3929; }
.piece-label { font-weight:700; }
.detail { fill:#705846; }
.grain-label { fill:#315f91; }
.auto-pattern-fixed-parallel-label { dominant-baseline:hanging; }
.pattern-note-box { fill:#fffdf8; stroke:none; }
.pattern-note-box-copy { box-sizing:border-box; width:100%; height:100%; padding:9px 11px; color:#705846; background:#fffdf8; font-family:"BIZ UDPGothic","Yu Gothic UI","Meiryo",sans-serif; font-size:14px; line-height:1.55; overflow:hidden; overflow-wrap:anywhere; white-space:pre-wrap; }
.pattern-note-resize-handle { fill:#db8c4d; stroke:#fffdf8; stroke-width:1; vector-effect:non-scaling-stroke; cursor:nwse-resize; touch-action:none; }
.pattern-note-resize-handle:hover { fill:#b96532; }
.cushion-return-links { grid-template-columns:1fr; }
.cushion-coming-soon { display:flex; align-items:center; justify-content:center; min-height:42px; padding:7px 10px; border:1px solid #c7b8a7; border-radius:8px; color:#796f65; background:#f3eee7; font-size:13px; font-weight:700; text-align:center; cursor:default; }