.tp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tp-slot{position:relative;aspect-ratio:3 / 4;margin:0;border-radius:10px;overflow:hidden;cursor:pointer}.tp-filled{background-color:var(--fd-v2-soft-surface);box-shadow:0 0 0 1px var(--fd-v2-border)}.tp-filled.tp-chosen{box-shadow:0 0 0 2px #ec180e}.tp-thumb{position:absolute;inset:0;display:block;overflow:hidden}.tp-thumb img{display:block;width:100%;height:100%;object-fit:cover}.tp-thumb.tp-empty{background:repeating-linear-gradient(135deg,var(--fd-v2-soft-surface) 0 6px,var(--site-surface, #ffffff) 6px 12px)}.tp-num{position:absolute;left:6px;top:6px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background-color:rgba(0,0,0,0.55);color:#ffffff;font-size:11px;line-height:18px;font-weight:700;text-align:center}.tp-add{display:flex;align-items:center;justify-content:center;border:2px dashed var(--fd-v2-border);background-color:var(--fd-v2-soft-surface)}.tp-add i{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background-color:#ec180e;color:#ffffff;font-size:13px}.tp-add:hover,.tp-add:focus-within{border-color:#ec180e}.tp-controls{margin-top:12px;padding-top:12px;border-top:1px solid var(--fd-v2-border)}.tp-row-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.tp-grid-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;align-items:end}.tp-upload{position:relative;margin:0;justify-content:center}.tp-field{display:flex;flex-direction:column;gap:4px;margin:0;font-size:13px}.tp-ranges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}.tp-range{display:flex;flex-direction:column;gap:4px;margin:0;font-size:13px}.tp-range input{width:100%;accent-color:#ec180e}.tp-help{margin:10px 0 0;font-size:13px;color:var(--fd-v2-muted-text)}.tp-unpick{margin-top:8px}@media (max-width: 420px){.tp-ranges{grid-template-columns:minmax(0,1fr)}}.tp-file-input{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;opacity:0;font-size:0;cursor:pointer}.tp-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;margin:0;padding:6px 12px;border:1px solid var(--fd-v2-border);border-radius:8px;background-color:var(--site-surface, #ffffff);color:var(--site-text, #222222);font-size:13px;font-weight:600;cursor:pointer}.tp-btn:hover,.tp-btn:focus-within{border-color:#ec180e}.tp-link{display:inline-flex;align-items:center;gap:5px;padding:0;border:0;background:none;color:var(--fd-v2-muted-text);font-size:13px;cursor:pointer}.tp-link:hover,.tp-link:focus-visible{color:#ec180e}
