/* Cross Stitch Pattern Maker; the editor itself is shared/photo-edit.css. */
.stitch__settings{display:grid;grid-template-columns:1fr 1fr;gap:0 10px;margin-bottom:12px}
.stitch__settings .photo-edit__field{margin-top:0;margin-bottom:10px}
.stitch__settings .stitch__wide{grid-column:1 / -1}
.stitch__settings input[type="number"],
.stitch__settings select{width:100%;min-height:46px;padding:8px 12px;border:1px solid #d2cdd9;border-radius:9px;background:#fff}
.stitch .photo-edit__check{min-height:44px}
.stitch__report{margin:6px 0 0;padding:14px;border-left:5px solid var(--pe-blue);border-radius:9px;background:#fff}
.stitch__report div{display:flex;justify-content:space-between;gap:12px;padding:3px 0;font-size:13px}
.stitch__report dt{color:var(--pe-muted)}
.stitch__report dd{margin:0;font-weight:800;text-align:right}
.stitch__result{min-width:0;margin-top:16px;padding:18px;border:1px solid var(--pe-line);border-radius:20px;background:#fff}
.stitch__views{display:flex;gap:8px;margin-bottom:12px}
.stitch__views button{
    flex:1 1 0;
    min-height:44px;
    border:1px solid #d2cdd9;
    border-radius:9px;
    background:#fff;
    color:var(--pe-text);
    font-size:13px;
    font-weight:800;
    cursor:pointer;
}
.stitch__views button[aria-pressed="true"]{border-color:var(--pe-blue);background:var(--pe-blue-soft);color:var(--pe-blue-dark)}
/* The symbol chart keeps readable squares, so it scrolls inside this box and never widens the page. */
.stitch__chart{max-width:100%;max-height:70vh;overflow:auto;border-radius:8px;background:#f4efe6}
.stitch__chart canvas{display:block}
.stitch__chart[data-view="stitches"] canvas{width:100%;height:auto}
.stitch__threads{margin-top:14px;overflow-x:auto}
.stitch__threads table{width:100%;border-collapse:collapse;font-size:13px}
.stitch__threads th,
.stitch__threads td{padding:6px 8px 6px 0;border-bottom:1px solid var(--pe-line);text-align:left;vertical-align:middle}
.stitch__threads th{color:var(--pe-muted);font-size:11px}
.stitch__threads .stitch__number{text-align:right;white-space:nowrap}
.stitch__swatch{display:inline-block;width:22px;height:16px;border:1px solid #8a8794;border-radius:3px;vertical-align:middle}
.stitch__note{margin:10px 0 0;color:var(--pe-muted);font-size:12px;line-height:1.5}
@media(max-width:600px){
    .stitch__result{padding:12px}
}