.tc-howmany{display:grid;gap:8px;margin:0 0 16px}.tc-howmany .tc-label{font:600 13px/1.3"Figtree",system-ui,sans-serif;color:#111827}.tc-howmany small{font-size:12px;color:#6b7280}.tc-howmany .tc-chip{min-width:44px;text-align:center;font-weight:600}.tc-ed{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}.tc-stage{display:flex;align-items:center;justify-content:center;min-height:320px;padding:14px;background:linear-gradient(45deg,#eceef2 25%,transparent 25%) -10px 0/20px 20px,linear-gradient(-45deg,#eceef2 25%,transparent 25%) -10px 0/20px 20px,linear-gradient(45deg,transparent 75%,#eceef2 75%)0 0/20px 20px,linear-gradient(-45deg,transparent 75%,#eceef2 75%)0 0/20px 20px,#f7f8fa;border:1px solid #e3e6ec;border-radius:16px}.tc-stage canvas{max-width:100%;border-radius:10px;touch-action:none;cursor:grab;box-shadow:0 14px 38px rgba(16,24,40,.16)}.tc-stage canvas.dragging{cursor:grabbing}.tc-hint{margin:8px 2px 0;font-size:13px;color:#6b7280}.tc-side{border:1px solid #e3e6ec;border-radius:16px;overflow:hidden;background:#fff}.tc-tabs{display:flex;border-bottom:1px solid #e3e6ec}.tc-tab{flex:1;padding:12px 6px;border:0;background:#f7f8fa;cursor:pointer;font:600 14px/1"Figtree",system-ui,sans-serif;color:#4b5563}.tc-tab.on{background:#fff;color:#0f1115;box-shadow:inset 0-2px 0#0f1115}.tc-panel{padding:16px;display:grid;gap:16px}.tc-group{display:grid;gap:8px}.tc-group>span.tc-label{font:600 13px/1.3"Figtree",system-ui,sans-serif;color:#111827}.tc-group small{font-size:12px;color:#6b7280}.tc-row{display:flex;flex-wrap:wrap;gap:8px}.tc-chip{padding:8px 12px;border:1px solid #d8dce4;border-radius:999px;background:#fff;font:500 13px/1"Figtree",system-ui,sans-serif;color:#111827;cursor:pointer}.tc-chip.on{background:#0f1115;border-color:#0f1115;color:#fff}.tc-chip-f{position:relative;padding-left:34px}.tc-chip-f::before{content:"";position:absolute;left:5px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:50%;background-image:var(--thumb);background-size:cover;background-position:center;filter:var(--fx);box-shadow:0 0 0 1px rgba(15,17,21,.12)}.tc-lays{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:8px}.tc-lay{padding:6px;border:1px solid #d8dce4;border-radius:10px;background:#fff;cursor:pointer}.tc-lay.on{border-color:#0f1115;box-shadow:0 0 0 2px rgba(15,17,21,.12)}.tc-lay svg{display:block;width:100%;height:auto}.tc-lay svg rect{fill:#c7ccd6}.tc-lay.on svg rect{fill:#0f1115}.tc-phs{display:flex;flex-wrap:wrap;gap:8px}.tc-ph{position:relative}.tc-ph-pick{width:56px;height:56px;border-radius:10px;border:1px solid #d8dce4;cursor:pointer;background-size:cover;background-position:center;background-color:#eef0f4}.tc-ph.on .tc-ph-pick{border-color:#0f1115;box-shadow:0 0 0 2px rgba(15,17,21,.18)}.tc-ph-x{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;border:0;background:#0f1115;color:#fff;font-size:15px;line-height:20px;cursor:pointer}.tc-bgs{display:flex;flex-wrap:wrap;gap:8px}.tc-bg{width:38px;height:38px;border-radius:10px;border:1px solid #d8dce4;cursor:pointer;background-size:cover;background-position:center}.tc-bg.on{border-color:#0f1115;box-shadow:0 0 0 2px rgba(15,17,21,.18)}.tc-bg-photo{position:relative;filter:blur(1px)}.tc-slider{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.tc-slider input[type=range]{width:100%}.tc-slider output{font:500 12px/1"Figtree",system-ui,sans-serif;color:#6b7280;min-width:3.2em;text-align:right}.tc-text{width:100%;padding:10px 12px;border:1px solid #d8dce4;border-radius:10px;font:400 14px"Figtree",system-ui,sans-serif}.tc-colour{width:46px;height:34px;padding:2px;border:1px solid #d8dce4;border-radius:8px;background:#fff}.tc-accent{align-items:center}.tc-out{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.tc-out select{padding:9px 12px;border:1px solid #d8dce4;border-radius:10px;font:500 14px"Figtree",system-ui,sans-serif;background:#fff}@media (max-width:900px){.tc-ed{grid-template-columns:minmax(0,1fr)}.tc-stage{min-height:260px}}