.tp{display:grid;grid-template-rows:auto auto auto;align-content:start;min-height:100dvh;background:var(--background);color:var(--foreground)}.tp-bar{position:sticky;top:0;z-index:5;flex-wrap:wrap;gap:8px 16px;min-height:56px;padding:8px 16px;background:var(--background);box-shadow:inset 0 -1px 0 var(--border)}.tp-bar,.tp-bar h1{display:flex;align-items:center}.tp-bar h1{gap:10px;margin:0;font-size:16px;line-height:24px;font-weight:600;letter-spacing:-.01em}.tp-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-inline-start:auto}.tp-body{min-width:0;padding:12px}.tp-frame{min-height:calc(100dvh - 56px - 24px);padding:10px;border-radius:28px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--border)}.tp-view{--suite-height:calc(100dvh - 56px - 24px - 20px);min-height:var(--suite-height);overflow:hidden;border-radius:20px;color:var(--foreground)}@media (max-width:760px){.tp-tools{margin-inline-start:0}.tp-body{padding:8px}.tp-frame{padding:6px;border-radius:20px}.tp-view{border-radius:16px;--suite-height:calc(100dvh - 120px)}}.tp-title{margin:0;font-size:clamp(30px,4.4cqi,40px);line-height:1.1;font-weight:700;letter-spacing:-.04em;text-wrap:balance}.tp-title em{font-style:normal;color:var(--foreground-2)}.tp-also{margin:28px 0 0;font-size:14px;color:var(--muted-foreground)}.tp-also a{color:var(--foreground);text-underline-offset:3px}.tc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:8px 0 0;padding:0;list-style:none}.tc{display:grid;grid-template-rows:auto 1fr;gap:0;min-width:0;padding:8px;border-radius:28px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--border)}:root[data-theme=dark] .tc{background:var(--elevated)}.tc-art{position:relative;display:block;aspect-ratio:8/5;overflow:hidden;border-radius:20px;background:var(--background)}.tc-art .pc-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:scale var(--duration-deliberate) var(--ease-out)}.tc-art:hover .pc-img{scale:1.03}.tc-art:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.tc-body{display:grid;align-content:start;gap:12px;padding:20px 16px 14px}.tc-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.tc-title h2{margin:0;font-size:22px;line-height:28px;font-weight:600;letter-spacing:-.02em}.tc-count{font-size:13px;white-space:nowrap}.tc-body p,.tc-count{color:var(--muted-foreground)}.tc-body p{margin:0;max-width:52ch;font-size:15px;line-height:24px;text-wrap:pretty}.tc-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.tc-tags li{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;background:var(--muted);font-size:13px;color:var(--muted-foreground)}.tc-actions{display:flex;gap:8px;margin-top:6px}.tc-docs,.tc-open{display:inline-flex;align-items:center;height:40px;padding:0 18px;border-radius:999px;font-size:14px;font-weight:500;text-decoration:none;transition:background-color var(--duration-fast) var(--ease-out),scale var(--duration-fast) var(--ease-out)}.tc-open{background:var(--primary);color:var(--primary-foreground)}.tc-open:hover{background:var(--primary-hover)}.tc-docs{background:var(--muted);color:var(--foreground)}.tc-docs:hover{background:var(--raised-hover)}.tc-docs:active,.tc-open:active{scale:var(--motion-press-scale)}.tc-docs:focus-visible,.tc-open:focus-visible{outline:2px solid var(--ring);outline-offset:2px}@media (max-width:860px){.tc-grid{grid-template-columns:minmax(0,1fr)}}.tp-about{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:40px 56px;max-width:1120px;margin:0 auto;padding:72px 24px 112px}.tp-about h2{margin:0 0 16px;font-size:22px;line-height:28px;font-weight:600;letter-spacing:-.02em}.tp-screens{display:grid;gap:0;margin:0;padding:0;list-style:none}.tp-screens li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:2px 14px;padding:14px 0;box-shadow:inset 0 1px 0 var(--border)}.tp-screens li:before{content:counter(screen);counter-increment:screen;grid-row:span 2;font:500 13px/24px var(--font-mono,monospace);color:var(--muted-foreground)}.tp-screens{counter-reset:screen}.tp-screens b{font-size:15px;font-weight:600}.tp-screens span{font-size:14px;line-height:22px;color:var(--muted-foreground)}.tp-side{display:grid;gap:32px;align-content:start}.tp-parts{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.tp-parts li{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;background:var(--muted);font-size:13px}.tp-side p{margin:0 0 14px;font-size:15px;line-height:24px;color:var(--muted-foreground)}@media (max-width:860px){.tp-about{grid-template-columns:minmax(0,1fr);padding:48px 16px 80px}}