:root{--accent: #5162ff;--accent-ink: #ffffff;--bg: #0f1117;--surface: #171a23;--surface-2: #1e222e;--border: #2a2f3d;--text: #e9ecf5;--muted: #9aa3bb;--radius: 14px;--radius-sm: 9px;--gap: 16px;--maxw: 1120px;--font: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--shadow: 0 8px 28px rgba(0, 0, 0, .35)}:root[data-theme=light]{--bg: #f3f4f8;--surface: #ffffff;--surface-2: #f7f8fc;--border: #e2e5ef;--text: #151826;--muted: #697089;--shadow: 0 8px 28px rgba(20, 25, 60, .08)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.shell{height:100%;display:flex;flex-direction:column}.shell-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:14px;padding:12px 20px;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.shell-brand{display:flex;align-items:center;gap:9px;font-weight:700;font-size:16px;letter-spacing:-.01em}.brand-dot{width:16px;height:16px;border-radius:5px;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent)}.shell-spacer{flex:1}.shell-main{flex:1;min-height:0;display:flex;flex-direction:column}.shell-footer{padding:18px 20px;border-top:1px solid var(--border);color:var(--muted);font-size:12.5px;text-align:center}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font:inherit;font-size:13.5px;padding:8px 14px;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,border-color .15s,transform .08s}.btn:hover{background:var(--surface);border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.btn.primary:hover{filter:brightness(1.07)}.btn.ghost{background:transparent}.btn.icon{padding:8px 10px;line-height:1}.pt-home{width:100%;max-width:var(--maxw);margin:0 auto;padding:56px 20px 40px}.pt-hero{text-align:left;margin-bottom:8px}.pt-hero h1{margin:0 0 10px;font-size:clamp(28px,4vw,40px);letter-spacing:-.025em}.pt-hero h1 b{color:var(--accent);font-weight:800}.pt-hero p{margin:0;color:var(--muted);font-size:15.5px;max-width:56ch;line-height:1.6}.pt-section-label{margin:30px 0 14px;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.pt-tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:var(--gap)}.pt-tool-card{display:flex;flex-direction:column;gap:9px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:transform .14s,border-color .14s,box-shadow .14s}.pt-tool-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 45%,var(--border));box-shadow:var(--shadow)}.pt-tool-card .pt-tool-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent);margin-bottom:4px}.pt-tool-card h3{margin:0;font-size:16px;letter-spacing:-.01em}.pt-tool-card p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.5}.pt-tool-card .pt-tool-cta{margin-top:auto;padding-top:10px;color:var(--accent);font-size:13.5px;font-weight:600}.pt-empty-card{display:grid;place-items:center;min-height:150px;padding:20px;border:1px dashed var(--border);border-radius:var(--radius);color:var(--muted);font-size:13.5px;text-align:center}.pt-tool-host{flex:1;display:flex;flex-direction:column;min-height:0}.pt-tool-loading,.pt-not-found{flex:1;display:grid;place-items:center;padding:80px 20px;color:var(--muted);text-align:center}.pt-not-found h2{margin:0 0 8px;color:var(--text)}@media (max-width: 640px){.pt-home{padding:36px 16px 32px}.pt-tool-grid{grid-template-columns:1fr}}