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