.tkv{height:100%;display:flex;flex-direction:column;min-height:420px;gap:10px}
.tkv button,.tkv select{min-height:44px;font-size:13px}
.tkv-toolbar,.tkv-tools,.tkv-bottom,.tkv-sidehead{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tkv-toolbar label,.tkv-tools label{display:flex;align-items:center;gap:6px;font-size:12px;margin:0}
.tkv-toolbar select{margin:0;max-width:100%}.tkv-drawing{flex:1;min-width:190px}.tkv-drawing select{width:100%;min-width:0}
.tkv-main{display:grid;grid-template-columns:minmax(0,1fr) 290px;flex:1;min-height:0;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.tkv-viewer{display:flex;flex-direction:column;min-height:0;min-width:0;background:var(--bg)}
.tkv-tools{padding:8px;border-bottom:1px solid var(--line)}#tkv-hint{font-size:12px;color:var(--text-2);flex:1;min-width:140px}
.tkv-scroll{overflow:auto;flex:1;min-height:160px;padding:16px;position:relative;overscroll-behavior:contain}
.tkv-paper{position:relative;background:#fff;box-shadow:0 2px 12px #0004;width:100%;margin:0 auto}
.tkv-paper[hidden]{display:none}#tkv-raster canvas{display:block;width:100%;height:auto}
#tkv-overlay{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-x pan-y}
#tkv-overlay[data-drawing=true]{cursor:crosshair;touch-action:none}
.tkv-checklist{padding:12px;overflow-y:auto;min-width:0;border-left:1px solid var(--line);background:var(--bg-2)}
.tkv-sidehead{justify-content:space-between}.tkv-sidehead button{padding:6px 10px}.tkv-checklist p{margin:8px 0}
.tkv-row{display:grid;grid-template-columns:22px minmax(0,1fr);gap:4px 6px;padding:10px 0;border-bottom:1px solid var(--line)}
.tkv-row input[type=checkbox]{width:20px;height:44px;min-height:44px;margin:0;accent-color:var(--green)}
.tkv-item{text-align:left;background:transparent;color:var(--text);border:0;border-radius:6px;padding:6px;overflow-wrap:anywhere}
.tkv-item[aria-pressed=true]{background:var(--green-bg)}.tkv-item-name{display:flex;align-items:center;gap:7px;font-weight:600}.tkv-item .text-small{display:block;margin:5px 0 0 17px}
.tkv-swatch{display:inline-block;flex:none;width:10px;height:10px;border-radius:3px;background:var(--mark-colour)}
.tkv-review{grid-column:2;border:0;color:var(--text-2);background:transparent;text-align:left;padding:4px 6px}.tkv-review[aria-pressed=true]{color:var(--green)}
.tkv-opacity{display:block;margin-top:22px;font-size:12px}.tkv-opacity output{float:right}.tkv-opacity input{display:block;width:100%;accent-color:var(--green)}
.tkv-bottom{justify-content:space-between;font-size:12px;color:var(--text-2)}.tkv-empty{padding:24px;text-align:center;color:var(--text-2);font-size:13px}
.tkv button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:720px){.tkv{height:auto;min-height:0}.tkv-main{grid-template-columns:minmax(0,1fr);overflow:visible}.tkv-viewer{height:55dvh;min-height:300px}.tkv-checklist{border-left:0;border-top:1px solid var(--line);overflow:visible}.tkv-toolbar .tkv-drawing{flex-basis:100%;min-width:0}.tkv-toolbar select,.tkv-tools select{font-size:16px}.tkv-scroll{padding:8px}}