.stitch-card { max-width: 880px; }
.stitch-drop { border: 2px dashed var(--line); border-radius: var(--radius-l); padding: 28px 20px; text-align: center; }
.stitch-drop.dragover { border-color: var(--accent); background: var(--panel-light); }
.stitch-muted { color: var(--muted); font-size: .9rem; line-height: 1.6; }
.stitch-drop p { margin: 10px 0; }
.stitch-queue-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 22px; }
.stitch-queue-head h2, .stitch-settings legend { font-size: 1.05rem; font-weight: 700; }
.stitch-queue { padding-left: 28px; }
.stitch-queue li { padding: 10px 0; border-bottom: 1px solid var(--line); }
.stitch-item { display: flex; gap: 12px; align-items: center; justify-content: space-between; }
.stitch-file { min-width: 0; overflow-wrap: anywhere; }
.stitch-file small { display: block; color: var(--muted); font-variant-numeric: tabular-nums; }
.stitch-row-actions { display: flex; flex-shrink: 0; flex-wrap: wrap; gap: 6px; }
.stitch-small { color: var(--text); border: 1px solid var(--line); border-radius: var(--radius-xs); background: var(--panel-light); padding: 7px 10px; font: inherit; font-size: .85rem; cursor: pointer; min-height: 36px; }
.stitch-small:hover { border-color: var(--accent); }
.stitch-settings { border: 1px solid var(--line); border-radius: var(--radius-m); padding: 18px; margin: 22px 0; }
.stitch-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.stitch-field { display: flex; flex-direction: column; gap: 7px; font-size: .93rem; }
.stitch-field input, .stitch-field select { box-sizing: border-box; width: 100%; min-width: 0; min-height: 42px; background: var(--panel-light); color: var(--text); border: 1px solid var(--line); border-radius: var(--radius-xs); padding: 8px 10px; font: inherit; }
.stitch-field input[type="color"] { padding: 4px; }
.stitch-check { display: flex; align-items: center; gap: 9px; margin-top: 18px; }
.stitch-check input { accent-color: var(--accent); width: 18px; height: 18px; }
.stitch-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.stitch-actions .button { min-height: 44px; }
.stitch-status { min-height: 1.6em; overflow-wrap: anywhere; }
.stitch-status.error { color: var(--error); }
.stitch-preview { margin: 20px 0 0; }
.stitch-preview h2 { font-size: 1.05rem; }
.stitch-checker { border: 1px solid var(--line); border-radius: var(--radius-m); padding: 12px; background-color: #fff; background-image: linear-gradient(45deg,#ddd 25%,transparent 25%),linear-gradient(-45deg,#ddd 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ddd 75%),linear-gradient(-45deg,transparent 75%,#ddd 75%); background-size: 20px 20px; background-position: 0 0,0 10px,10px -10px,-10px 0; }
.stitch-preview img { display: block; max-width: 100%; max-height: 540px; width: auto; height: auto; margin: auto; }
.stitch-card button:disabled { opacity: .5; cursor: default; }
.stitch-card :focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
@media (max-width: 560px) { .stitch-grid { grid-template-columns: 1fr; } .stitch-item { align-items: flex-start; flex-direction: column; } .stitch-row-actions { width: 100%; } .stitch-row-actions button { flex: 1; } .stitch-actions .button { flex: 1 1 100%; } }