.drawing-workspace,.drawing-editor,.drawing-heading>div,.drawing-status-title,.drawing-edit-title{min-width:0}
.drawing-workspace{margin:20px 0}.drawing-heading,.drawing-heading-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.drawing-heading{flex-wrap:wrap}.drawing-heading h2,.drawing-empty h2{font-size:17px;margin:0}.drawing-heading p,.drawing-empty p{font-size:12px;color:var(--muted);margin:8px 0 0}.drawing-total{font-size:27px;letter-spacing:-1px;font-weight:600}.drawing-progress-track{height:5px;border-radius:6px;overflow:hidden;background:#eceee6;margin:18px 0 10px}.drawing-progress-track>span{display:block;height:100%;background:#8a9b80;border-radius:6px}.drawing-hint{font-size:11px;line-height:1.6;color:var(--muted);margin:10px 0 16px}.drawing-batches{display:grid;gap:12px}.drawing-batch{border:1px solid var(--border);border-radius:8px;overflow:hidden}.drawing-batch>summary{display:flex;align-items:center;gap:12px;padding:16px 18px;cursor:pointer;background:#fafaf6;list-style:none}.drawing-batch>summary::-webkit-details-marker{display:none}.drawing-batch>summary:before{content:'›';font-size:21px;line-height:1;width:12px;flex:0 0 12px;color:var(--muted)}.drawing-batch[open]>summary:before{transform:rotate(90deg)}.drawing-batch-title{font-size:13px;font-weight:600;line-height:1.4;min-width:0}.drawing-batch-title small{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-bottom:3px}.drawing-batch-total{display:flex;align-items:center;gap:18px;margin-left:auto;flex:0 0 auto;font-size:11px;color:var(--muted)}.drawing-batch-total b{font-size:13px;color:var(--ink);min-width:34px;text-align:right}.drawing-status-row{display:grid;grid-template-columns:22px minmax(0,1fr) 155px;align-items:center;gap:12px;padding:13px 18px;border-top:1px solid var(--border)}.drawing-done-toggle{display:flex;align-items:center;justify-content:center;min-height:28px}.drawing-done-toggle input,.drawing-include input{accent-color:#829477;width:15px;height:15px;cursor:pointer}.drawing-status-title>span{font-size:12px;line-height:1.55;overflow-wrap:anywhere}.drawing-status-title small,.drawing-edit-title small{display:block;font-size:10px;color:var(--muted);line-height:1.6;margin-top:4px}.drawing-status-row select{width:100%;min-width:0;font-size:11px}.drawing-status-row.is-done{background:#fafbf8}.drawing-status-row.is-done .drawing-status-title>span{color:#68785b}.drawing-batch-empty{padding:8px 18px 16px;font-size:12px;color:var(--muted)}.drawing-excluded{margin-top:18px;color:var(--muted);font-size:11px}.drawing-excluded summary{cursor:pointer}.drawing-excluded ul{padding-left:20px;line-height:1.9}.drawing-empty{border:1px dashed #d8dacd;border-radius:8px;padding:24px;display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}.drawing-editor-scroll{border:1px solid var(--border);border-radius:6px;max-height:380px;overflow:auto}.drawing-edit-head,.drawing-edit-row{display:grid;grid-template-columns:65px minmax(160px,1fr) 200px;gap:10px;align-items:center;padding:9px 10px;min-width:540px}.drawing-edit-head{font-size:10px;color:var(--muted);background:#f7f8f3;position:sticky;top:0;z-index:1}.drawing-edit-row{border-top:1px solid var(--border)}.drawing-include{display:flex;align-items:center;gap:10px;justify-content:center;font-size:11px;color:var(--muted)}.drawing-edit-row .input,.drawing-edit-row select{font-size:11px;width:100%;min-width:0}.drawing-edit-row .input{padding:8px}.drawing-edit-row:has([data-drawing-required]:not(:checked)){background:#f6f6f3}.drawing-edit-row:has([data-drawing-required]:not(:checked)) .drawing-edit-title{opacity:.65}
@media(max-width:760px){.drawing-heading-actions{gap:12px}.drawing-batch>summary{padding:13px}.drawing-status-row{padding:12px 13px;gap:7px 10px;grid-template-columns:20px minmax(0,1fr)}.drawing-status-row select{grid-column:2;width:155px;max-width:100%}.drawing-batch-total{gap:10px}.drawing-batch-title{font-size:12px}.drawing-empty{padding:18px}.drawing-edit-head,.drawing-edit-row{grid-template-columns:50px minmax(160px,1fr) 160px;min-width:460px}.drawing-total{font-size:24px}}

/* Reordering has a dedicated handle so completion and status controls keep their gestures. */
.drawing-status-row{grid-template-columns:24px 22px minmax(0,1fr) 155px;position:relative}.drawing-drag-handle{width:24px;height:32px;border:0;border-radius:4px;padding:0;display:grid;place-items:center;color:#959a8c;background:transparent;cursor:grab;touch-action:none;user-select:none;font-size:18px;letter-spacing:-4px;line-height:1}.drawing-drag-handle:hover,.drawing-drag-handle:focus-visible{background:#eef0e8;color:var(--ink);outline:2px solid #bdc7b3;outline-offset:1px}.drawing-status-row.is-reordering{opacity:.45}.drawing-status-row.is-drop-before:before,.drawing-status-row.is-drop-after:after{content:'';position:absolute;left:12px;right:12px;height:3px;border-radius:3px;background:var(--accent);z-index:2}.drawing-status-row.is-drop-before:before{top:-2px}.drawing-status-row.is-drop-after:after{bottom:-2px}.drawing-batch.is-drop-stage{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.drawing-batch.is-drop-stage>summary{background:#f9eee8}.drawing-drag-preview{position:fixed;z-index:1000;pointer-events:none;max-width:min(340px,80vw);padding:12px 16px;background:#fff;border:1px solid #bdc7b3;border-radius:7px;box-shadow:0 8px 24px #0002;color:var(--ink);font-size:12px;line-height:1.5;overflow-wrap:anywhere;transform:translate(14px,12px)}.drawing-reorder-live{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.drawing-reorder-help{margin-top:-5px}.drawing-batch-list{min-height:46px}
@media(max-width:760px){.drawing-status-row{grid-template-columns:24px 20px minmax(0,1fr);gap:7px}.drawing-status-row select{grid-column:3}.drawing-drag-handle{height:38px}.drawing-drag-preview{max-width:260px}}