.tpm-files{flex-direction:column;align-items:flex-start;gap:6px;max-width:100%;margin-top:8px;display:flex}.tpm-grid{gap:4px;width:min(440px,100%);max-width:100%;display:grid}.tpm-grid.n1{grid-template-columns:minmax(0,1fr);width:auto}.tpm-grid.n2,.tpm-grid.n3,.tpm-grid.n4{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.tpm-grid.n2 .tpm-tile,.tpm-grid.n4 .tpm-tile,.tpm-grid.n3 .tpm-tile{aspect-ratio:1;width:100%;min-width:0;min-height:0}.tpm-grid.n3>:first-child{aspect-ratio:2;grid-column:1/-1}.tpm-tile{background:var(--sunken);cursor:zoom-in;min-width:60px;min-height:60px;color:inherit;border-radius:var(--r-2);isolation:isolate;border:0;padding:0;display:block;position:relative;overflow:hidden}.tpm-tile:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--line);pointer-events:none;z-index:1;position:absolute;inset:0}.tpm-tile>span,.tpm-tile>.tpm-ring{z-index:2}.tpm-grid.n1 .tpm-tile{max-width:100%;height:auto;max-height:340px}.tpm-files{width:100%}.tpm-tile .ph,.tpm-tile img.t{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.tpm-tile .ph{filter:saturate(1.05);transform:scale(1.02)}.tpm-tile img.t{opacity:0;transition:opacity var(--t-panel) var(--ease)}.tpm-tile img.t.in{opacity:1}.tpm-tile:focus-visible{outline:2px solid var(--info);outline-offset:2px}.tpm-tile .more{color:#fff;letter-spacing:-.01em;background:#00000073;place-items:center;font-size:22px;font-weight:500;display:grid;position:absolute;inset:0}.tpm-tile .badge{border-radius:var(--pill);color:#fff;height:20px;font-family:var(--font-mono);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;align-items:center;gap:5px;padding:0 7px;font-size:10.5px;display:inline-flex;position:absolute;bottom:8px;left:8px}.tpm-tile .play{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:46px;height:46px;transition:transform var(--t-state) var(--ease), background var(--t-state);background:#00000080;border-radius:50%;place-items:center;margin:-23px 0 0 -23px;display:grid;position:absolute;top:50%;left:50%}.tpm-tile:hover .play{background:#0000009e;transform:scale(1.06)}.tpm-tile.skel{border-radius:var(--r-3);width:280px;height:180px;animation:tpm-pulse 1.4s var(--ease) infinite;cursor:default}@keyframes tpm-pulse{50%{opacity:.55}}.tpm-ring{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#00000080;border:0;border-radius:50%;place-items:center;width:48px;height:48px;margin:-24px 0 0 -24px;display:grid;position:absolute;top:50%;left:50%}.tpm-ring svg.r{position:absolute;inset:0;transform:rotate(-90deg)}.tpm-ring svg.r circle{fill:none;stroke-width:2.5px}.tpm-ring svg.r .bg{stroke:#ffffff38}.tpm-ring svg.r .fg{stroke:#fff;stroke-linecap:round;transition:stroke-dashoffset var(--t-state) linear}.tpm-ring.spin svg.r{animation:1.1s linear infinite tpm-spin}@keyframes tpm-spin{to{transform:rotate(270deg)}}.tpm-ring.sm{background:var(--inverse);width:34px;height:34px;color:var(--inverse-ink);flex:none;margin:0;position:relative;top:auto;left:auto}.tpm-ring.sm svg.r .bg{stroke:color-mix(in srgb, var(--inverse-ink) 25%, transparent)}.tpm-ring.sm svg.r .fg{stroke:var(--inverse-ink)}.tpm-up-meta{border-radius:var(--pill);color:#fff;height:20px;font-family:var(--font-mono);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;align-items:center;padding:0 7px;font-size:10.5px;display:inline-flex;position:absolute;bottom:8px;right:8px}.tpm-err{color:#fff;text-align:center;background:#00000073;place-items:center;padding:8px;font-size:12px;display:grid;position:absolute;inset:0}.tpm-err button{border-radius:var(--pill);color:#111;background:#fff;height:26px;margin-top:6px;padding:0 12px;font-size:12px}.tpm-card{border-radius:var(--r-3);background:var(--sunken);text-align:left;cursor:pointer;width:320px;max-width:100%;transition:background var(--t-press);color:inherit;border:0;align-items:center;gap:10px;padding:8px 10px 8px 8px;display:flex;position:relative}.tpm-card:hover{background:var(--hover)}.tpm-card .ic{width:38px;height:44px;font-family:var(--font-mono);letter-spacing:.02em;color:var(--k,var(--ink-2));background:color-mix(in srgb, var(--k,var(--ink-3)) 12%, var(--raised));border-radius:7px;flex:none;place-items:center;font-size:9.5px;font-weight:500;display:grid;position:relative;overflow:hidden}.tpm-card .ic img{object-fit:cover;object-position:top;width:100%;height:100%;position:absolute;inset:0}.tpm-card .meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.tpm-card .meta b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.tpm-card .meta span{font-family:var(--font-mono);color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.tpm-card .act{width:28px;height:28px;color:var(--ink-3);opacity:0;transition:opacity var(--t-state), background var(--t-press);border-radius:50%;flex:none;place-items:center;display:grid}.tpm-card:hover .act,.tpm-card:focus-within .act{opacity:1}.tpm-card .act:hover{background:var(--raised);color:var(--ink)}.tpm-card .bar{background:var(--line-2);border-radius:2px;height:2px;position:absolute;bottom:4px;left:10px;right:10px;overflow:hidden}.tpm-card .bar i{background:var(--ink);transform-origin:0;height:100%;transition:transform var(--t-state) linear;display:block}.tpm-card.big{flex-direction:column;align-items:stretch;gap:0;width:320px;padding:0;overflow:hidden}.tpm-card.big .pv{background:var(--raised);height:168px;position:relative;overflow:hidden}.tpm-card.big .pv img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.tpm-card.big .row{align-items:center;gap:10px;padding:8px 10px;display:flex}.tpm-card.big .ic{width:30px;height:30px}.tpm-chip{border-radius:var(--pill);background:var(--sunken);cursor:pointer;max-width:280px;height:26px;color:inherit;border:0;align-items:center;gap:6px;padding:0 10px 0 6px;font-size:12px;display:inline-flex}.tpm-chip:hover{background:var(--hover)}.tpm-chip .ic{width:18px;height:18px;font-size:7px;font-family:var(--font-mono);color:var(--k,var(--ink-2));background:color-mix(in srgb, var(--k,var(--ink-3)) 14%, var(--raised));border-radius:4px;place-items:center;display:grid}.tpm-chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tpm-chip i{font-style:normal;font-family:var(--font-mono);color:var(--ink-3);font-size:10.5px}.tpm-voice{border-radius:var(--pill);background:var(--sunken);align-items:center;gap:10px;width:340px;max-width:100%;padding:6px 10px 6px 6px;display:flex}.tpm-voice.audio{border-radius:var(--r-3);flex-wrap:wrap;width:380px;padding:8px 10px 8px 8px}.tpm-voice.audio .name{text-overflow:ellipsis;white-space:nowrap;flex-basis:100%;order:-1;gap:8px;padding:0 2px 2px;font-size:12.5px;font-weight:500;display:flex;overflow:hidden}.tpm-voice.audio .name i{font-style:normal;font-family:var(--font-mono);color:var(--ink-3);font-size:10.5px;font-weight:400}.tpm-pp{background:var(--inverse);width:34px;height:34px;color:var(--inverse-ink);transition:transform var(--t-press) var(--ease);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.tpm-pp:active{transform:scale(.94)}.tpm-wave{cursor:pointer;touch-action:none;flex:1;align-items:center;gap:2px;min-width:80px;height:30px;display:flex}.tpm-wave i{background:var(--ink-3);opacity:.55;min-width:2px;max-width:3px;transition:background var(--t-press);border-radius:2px;flex:1}.tpm-wave i.on{background:var(--ink);opacity:1}.tpm-time{font-family:var(--font-mono);color:var(--ink-2);text-align:right;font-variant-numeric:tabular-nums;min-width:32px;font-size:10.5px}.tpm-speed{border-radius:var(--pill);background:var(--raised);min-width:32px;height:22px;font-family:var(--font-mono);color:var(--ink-2);cursor:pointer;border:0;padding:0 6px;font-size:10.5px}.tpm-speed:hover{color:var(--ink)}.tpm-tx{width:22px;height:22px;color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;font-size:11px;font-weight:600;display:grid}.tpm-tx:hover,.tpm-tx.on{background:var(--raised);color:var(--ink)}.tpm-transcript{color:var(--ink-2);max-width:340px;padding:6px 12px 2px;font-size:12.5px;line-height:1.5}.tpm-transcript.none{color:var(--ink-3);font-style:italic}.tpm-mic{width:30px;height:30px;color:var(--ink-2);transition:background var(--t-press), color var(--t-press), transform var(--t-press);touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.tpm-mic:hover{background:var(--hover);color:var(--ink)}.tpm-mic.rec{background:var(--danger);color:#fff;transform:scale(1.12)}.tpm-rec{z-index:5;border-radius:var(--pill);background:var(--raised);box-shadow:var(--pop-shadow,0 8px 30px #0000001f);animation:tpm-up var(--t-state) var(--ease);align-items:center;gap:10px;padding:8px 8px 8px 14px;display:flex;position:absolute;bottom:calc(100% + 8px);left:8px;right:8px}@keyframes tpm-up{0%{opacity:0;transform:translateY(6px)}}.tpm-rec .dot{background:var(--danger);border-radius:50%;flex:none;width:8px;height:8px;animation:1s steps(2,end) infinite tpm-blink}@keyframes tpm-blink{50%{opacity:.25}}.tpm-rec .tm{font-family:var(--font-mono);font-variant-numeric:tabular-nums;min-width:38px;font-size:12px}.tpm-rec .live{flex:1;justify-content:flex-end;align-items:center;gap:2px;height:26px;display:flex;overflow:hidden}.tpm-rec .live i{background:var(--ink-2);border-radius:2px;flex:none;width:2px}.tpm-rec .hint{color:var(--ink-3);white-space:nowrap;font-size:11.5px}.tpm-rec.cancel .hint{color:var(--danger)}.tpm-rec .b{border-radius:var(--pill);cursor:pointer;background:var(--sunken);height:28px;color:var(--ink);border:0;padding:0 12px;font-size:12px}.tpm-rec .b.send{background:var(--inverse);color:var(--inverse-ink)}@media (max-width:640px){.tpm-grid.n2,.tpm-grid.n3,.tpm-grid.n4{width:100%}}