.tth-sheet{border:2px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);background:#fdfcf7;position:relative;overflow:hidden}.tth-canvas{aspect-ratio:1240/1754;width:100%;height:auto;display:block}.tth-loading{color:#555;background:#fdfcf7d9;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex;position:absolute;inset:0}.tth-preview-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.tth-swatch{vertical-align:-1px;border:1px solid var(--muted);border-radius:50%;width:12px;height:12px;margin-right:6px;display:inline-block}.tth-color{border:2px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--paper-2);cursor:pointer;width:44px;height:34px;padding:2px}.tth-two{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:12px;display:grid}@container (max-width:639px){.tth-layout>.tk-result{order:-1}}