.tim-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:var(--color-paper-100);padding:4px;border-radius:11px}.tim-tab{padding:8px 6px;border-radius:8px;font-size:12.5px;font-weight:600;color:var(--color-ink-500);background:transparent;border:none;cursor:pointer;transition:background .15s,color .15s}.tim-tab.on{background:#fff;color:var(--color-ink);box-shadow:0 1px 3px #0e131114}.tim-cats{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:9px}.tim-cat{padding:4px 9px;border:1px solid rgba(27,24,20,.14);border-radius:999px;font-size:11px;font-weight:600;color:var(--color-ink-600);background:#fff;cursor:pointer}.tim-cat:hover{border-color:var(--color-brand-400)}.tim-cat.on{border-color:var(--color-brand);background:var(--color-brand-50);color:var(--color-brand-700)}.tim-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;max-height:210px;overflow-y:auto;padding:2px}.tim-ico{aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(27,24,20,.12);border-radius:9px;background:#fff;cursor:pointer;padding:7px;transition:border-color .15s,background .15s}.tim-ico:hover{border-color:var(--color-brand-400)}.tim-ico.on{border-color:var(--color-brand);background:var(--color-brand-50);box-shadow:0 0 0 2px var(--color-brand-50)}.tim-ico svg{width:100%;height:100%}.tim-dropzone{width:100%;display:flex;flex-direction:column;align-items:center;gap:3px;padding:20px 14px;border:1.5px dashed rgba(27,24,20,.22);border-radius:12px;background:var(--color-paper-50);color:var(--color-ink-500);cursor:pointer;transition:border-color .15s,background .15s,color .15s}.tim-dropzone:hover{border-color:var(--color-brand);background:var(--color-brand-50);color:var(--color-brand-700)}.tim-drop-title{font-size:13px;font-weight:600;color:var(--color-ink)}.tim-drop-sub{font-size:11px}.tim-input{flex:1;min-width:0;padding:8px 10px;border:1px solid rgba(27,24,20,.14);border-radius:9px;font-size:13px;color:var(--color-ink);background:#fff}.tim-load{flex:none;padding:0 14px;border-radius:9px;background:var(--color-ink);color:#fff;font-size:12.5px;font-weight:600;border:none;cursor:pointer}.tim-preset-swatch{width:22px;height:22px;border-radius:6px;border:1px solid rgba(0,0,0,.12);cursor:pointer;padding:0}.tim-preset-swatch.on{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--color-brand)}.tim-tiles{display:flex;flex-wrap:wrap;gap:8px}.tim-tile{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 12px;border:1px solid rgba(27,24,20,.14);border-radius:11px;background:#fff;cursor:pointer}.tim-tile:hover{border-color:var(--color-brand-400)}.tim-tile.on{border-color:var(--color-brand);background:var(--color-brand-50)}.tim-tile-vis{color:var(--color-ink-400);display:grid;place-items:center;height:30px}.tim-tile.on .tim-tile-vis{color:var(--color-brand-700)}.tim-tile-label{font-size:11.5px;font-weight:600;color:var(--color-ink-600)}.tim-checker{width:30px;height:30px;border-radius:6px;border:1px solid rgba(0,0,0,.08);background-color:#fbfaf8;background-image:linear-gradient(45deg,#e6e3db 25%,transparent 25%),linear-gradient(-45deg,#e6e3db 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e6e3db 75%),linear-gradient(-45deg,transparent 75%,#e6e3db 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0}.tim-bgcolor-row{flex-basis:100%;display:flex;align-items:center;gap:8px;margin-top:2px}.cir-opt-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;color:var(--color-ink-500);margin-bottom:8px;display:block}.cir-chip{padding:8px 12px;border:1px solid rgba(27,24,20,.14);border-radius:9px;font-size:12.5px;font-weight:500;color:var(--color-ink-700);background:#fff;cursor:pointer}.cir-chip:hover{border-color:var(--color-brand-400)}.cir-chip.on{border-color:var(--color-brand);background:var(--color-brand-50);color:var(--color-brand-700)}.cir-swatch{width:36px;height:34px;padding:2px;border:1px solid rgba(27,24,20,.14);border-radius:9px;background:#fff;cursor:pointer}.cir-stage{background-color:#fbfaf8;background-image:linear-gradient(45deg,#eceae4 25%,transparent 25%),linear-gradient(-45deg,#eceae4 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eceae4 75%),linear-gradient(-45deg,transparent 75%,#eceae4 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}.cir-canvas{max-width:100%;max-height:320px;height:auto;display:block}.cir-download{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;border-radius:999px;background:var(--color-brand);color:#fff;font-weight:600;font-size:14px;box-shadow:var(--shadow-soft);cursor:pointer;transition:background .15s}.cir-download:hover{background:var(--color-brand-700)}.cir-download:disabled{opacity:.4;cursor:not-allowed}