.tp-main{align-content:start;gap:16px;display:grid}.tp-empty{min-height:460px}.tp-tabs{scrollbar-width:none;background:#111114;border:1px solid #2f2f35;border-radius:12px;gap:4px;padding:4px;display:flex;overflow-x:auto}.tp-tabs::-webkit-scrollbar{display:none}.tp-tabs button{min-height:36px;color:var(--ez-text-muted);font-size:var(--ez-fs-body);white-space:nowrap;background:0 0;border:0;border-radius:9px;flex:1 0 auto;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-weight:600;display:inline-flex}.tp-tabs button:hover{color:var(--ez-text)}.tp-tabs button[aria-selected=true]{background:color-mix(in srgb, var(--ez-accent) 16%, #1d1d21);color:var(--ez-accent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ez-accent) 35%, transparent)}.tp-key{opacity:.6;border:1px solid;border-radius:5px;place-items:center;width:18px;height:18px;font-size:11px;display:inline-grid}.tp-versions-switch{max-width:240px}.tp-shuffle-bar{border-radius:var(--ez-radius-md);background:#141417;border:1px solid #2f2f35;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 12px;display:flex}.tp-shuffle-bar p{color:var(--ez-text-muted);font-size:var(--ez-fs-body);flex:240px;margin:0}.tp-preview{min-width:0}.tp-compare{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.tp-compare.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.tp-compare-col{border-radius:var(--ez-radius-md);background:#141417;border:1px solid #2c2c31;align-content:start;gap:10px;min-width:0;padding:12px;display:grid}.tp-compare-name{color:var(--ez-accent);font-size:var(--ez-fs-xs);letter-spacing:.1em;text-transform:uppercase;margin:0;font-weight:700}.tp-compare-small{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.tp-compare-small img{object-fit:cover;border-radius:6px;max-width:100%}.tp-compare-stats{font-size:var(--ez-fs-xs);gap:4px;margin:0;display:grid}.tp-compare-stats div{border-bottom:1px solid #26262b;justify-content:space-between;gap:10px;padding:4px 0;display:flex}.tp-compare-stats dt{color:var(--ez-text-subtle)}.tp-compare-stats dd{color:var(--ez-text);margin:0;font-weight:600}.tp-checks{border-top:1px solid #2c2c31;gap:12px;margin-top:8px;padding-top:18px;display:grid}.tp-checks header h3{font-size:var(--ez-fs-md);margin:0;font-weight:650}.tp-checks header p{color:var(--ez-text-subtle);font-size:var(--ez-fs-xs);margin:4px 0 0}.tp-check-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.tp-check{border-radius:var(--ez-radius-md);background:#141417;border:1px solid #2c2c31;align-content:start;gap:10px;min-width:0;padding:14px;display:grid}.tp-check-wide{grid-column:1/-1}.tp-check h4{font-size:var(--ez-fs-sm);margin:0;font-weight:650}.tp-check>p{color:var(--ez-text-muted);font-size:var(--ez-fs-xs);margin:0;line-height:1.55}.tp-check>p.cit-ok,.tp-check>p.cit-warn{font-size:var(--ez-fs-body)}.tp-check>p.cit-ok{color:#86efac}.tp-check>p.cit-warn{color:#fcd34d}.tp-sizes{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.tp-sizes figure{gap:6px;margin:0;display:grid}.tp-sizes img{object-fit:cover;border-radius:6px;max-width:100%;display:block}.tp-sizes figcaption{color:var(--ez-text-subtle);font-size:var(--ez-fs-xs)}.tp-squint{filter:blur(2.5px)}.tp-pick{aspect-ratio:16/9;border-radius:8px;position:relative;overflow:hidden}.tp-pick img{object-fit:cover;width:100%;height:100%;display:block}.tp-pick.is-picking{outline:2px dashed var(--ez-accent);outline-offset:2px;cursor:crosshair}.tp-pick-actions{gap:6px;display:grid}.tp-pick-actions .cit-secondary{min-height:34px;font-size:var(--ez-fs-xs);justify-content:flex-start}.tp-pick-actions [aria-pressed=true]{border-color:color-mix(in srgb, var(--ez-accent) 55%, transparent);color:var(--ez-accent)}.tp-swatch{border:1px solid #ffffff4d;border-radius:4px;width:16px;height:16px}.tp-ratio{font-size:var(--ez-fs-xs);background:#ffffff08;border-radius:8px;gap:2px;margin:0;padding:8px 10px;line-height:1.5;display:grid}.tp-ratio strong{font-size:var(--ez-fs-sm)}.tp-ratio.is-good strong{color:#86efac}.tp-ratio.is-ok strong{color:#fcd34d}.tp-ratio.is-poor strong{color:#fca5a5}.tp-ratio span{color:var(--ez-text-muted)}.tp-palette{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.tp-palette>span{width:100%;color:var(--ez-text-subtle);font-size:var(--ez-fs-xs)}.tp-palette button{border:1px solid #ffffff2e;border-radius:4px;min-width:18px;height:20px;padding:0}.tp-palette small{width:100%;color:var(--ez-text-subtle);font-size:var(--ez-fs-xs)}.tp-safe-thumb,.tp-spec-thumb{aspect-ratio:16/9;border-radius:8px;position:relative;overflow:hidden}.tp-safe-thumb img,.tp-spec-thumb img{object-fit:cover;width:100%;height:100%;display:block}.tp-spec-zone{border:2px dashed var(--ez-accent);background:color-mix(in srgb, var(--ez-accent) 18%, transparent);border-radius:4px;position:absolute}.tp-spec-zone.is-badge{width:18%;height:16%;bottom:3%;right:2%}.tp-spec-zone.is-icons{width:11%;height:34%;top:3%;right:2%}.tp-spec-zone.is-progress{border-width:2px 0 0;border-radius:0;height:4%;bottom:0;left:0;right:0}.tp-spec-duration{color:#fff;background:#000c;border-radius:4px;padding:1px 5px;font-family:Roboto,Arial,sans-serif;font-size:12px;font-weight:500;position:absolute;bottom:6.5%;right:4%}.tp-spec-thumb{border-radius:14px;width:min(100%,440px);box-shadow:0 24px 60px #0008}.tp-meters{gap:10px;margin:0;display:grid}.tp-meters dt{color:var(--ez-text-muted);font-size:var(--ez-fs-xs);justify-content:space-between;margin-bottom:5px;display:flex}.tp-meters dt span{color:var(--ez-text);font-weight:600}.tp-meters dd{background:#ffffff12;border-radius:999px;height:6px;margin:0;overflow:hidden}.tp-meters dd i{border-radius:inherit;background:var(--ez-accent);height:100%;display:block}.tp-slots{gap:8px;display:grid}.tp-slot{background:#111114;border:1px solid #2f2f35;border-radius:10px;align-items:center;gap:6px;padding:6px;display:flex}.tp-slot.is-active{border-color:color-mix(in srgb, var(--ez-accent) 50%, transparent);background:color-mix(in srgb, var(--ez-accent) 7%, #111114)}.tp-slot-main{min-width:0;color:inherit;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:10px;padding:0;display:flex}.tp-slot-main img{object-fit:cover;border-radius:6px;flex:none;width:72px;height:40px}.tp-slot-main span{min-width:0;display:grid}.tp-slot-main b{font-size:var(--ez-fs-body);font-weight:600}.tp-slot-main small{color:var(--ez-text-subtle);font-size:var(--ez-fs-xs)}.tp-slot-main small.cit-warn{color:#fcd34d}.tp-slot-tools{gap:4px;display:flex}.tp-slot-tools .cit-icon-btn{width:30px;height:30px}.tp-slot-add{min-height:52px;color:var(--ez-text-muted);font-size:var(--ez-fs-body);background:0 0;border:1px dashed #3a3a40;border-radius:10px;justify-content:center;align-items:center;gap:8px;font-weight:600;display:inline-flex}.tp-slot-add:hover:not(:disabled){border-color:var(--ez-accent);color:var(--ez-accent)}.cit-panel-title svg{vertical-align:-2px}.tp-comp-actions{flex-wrap:wrap;gap:6px;display:flex}.tp-comp-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.tp-comp-strip img{aspect-ratio:16/9;object-fit:cover;border-radius:4px;width:100%}.tp-example{background:radial-gradient(circle at 30% 20%,#2a2a31,#111114);position:absolute;inset:0}.tp-example span{aspect-ratio:16/9;border:2px solid #fffc;border-radius:10px;width:58%;position:absolute;overflow:hidden;box-shadow:0 16px 40px #000a}.tp-example span.is-a{top:12%;left:7%}.tp-example span.is-b{bottom:12%;right:7%}.tp-example img{object-fit:cover;width:100%;height:100%}.tp-example b{background:var(--ez-accent);width:24px;height:24px;color:var(--ez-accent-ink);font-size:var(--ez-fs-xs);border-radius:6px;place-items:center;font-weight:800;display:grid;position:absolute;top:6px;left:6px}@media (width<=1180px){.tp-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.tp-check-grid,.tp-compare,.tp-compare.cols-3{grid-template-columns:minmax(0,1fr)}.tp-tabs button{padding:0 10px}}