:root{--bg:#f6f7fb;--white:#fff;--text:#111827;--muted:#6b7280;--border:#e5e7eb;--primary:#4f46e5;--primary-dark:#4338ca;--primary-soft:#eef2ff;--radius:14px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text)}button{cursor:pointer;font-family:inherit}img{max-width:100%}.muted{color:var(--muted)}.small{font-size:13px}.btn{white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-outline{background:var(--white);color:var(--text);border-color:var(--border)}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.btn-selected{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.btn-ghost{color:var(--muted);background:0 0}.btn-ghost:hover{color:var(--text);background:#f1f5f9}.navbar{z-index:50;background:var(--white);border-bottom:1px solid var(--border);position:sticky;top:0;box-shadow:0 2px 12px #1118270a}.navbar-inner{flex-wrap:wrap;align-items:center;gap:16px;max-width:1400px;margin:0 auto;padding:12px 24px;display:flex}.brand{flex-shrink:0;align-items:center;display:flex}.brand img{object-fit:contain;width:auto;max-width:220px;height:48px;display:block}.brand-text{color:var(--primary);letter-spacing:-.3px;font-size:18px;font-weight:800}.nav-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.search{border:1px solid var(--border);background:var(--white);min-width:220px;height:42px;color:var(--muted);border-radius:999px;flex:1;align-items:center;gap:10px;padding:0 16px;display:flex}.search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51f}.search input{width:100%;color:var(--text);background:0 0;border:none;outline:none;font-family:inherit;font-size:14px}.dropdown{position:relative}.dropdown-menu{background:var(--white);border:1px solid var(--border);z-index:60;border-radius:12px;min-width:230px;max-height:320px;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 12px 30px #1118271f}.dropdown-menu button{text-align:left;width:100%;color:var(--text);background:0 0;border:none;border-radius:8px;padding:10px 12px;font-size:14px}.dropdown-menu button:hover{background:var(--primary-soft)}.dropdown-menu button.active{background:var(--primary-soft);color:var(--primary);font-weight:700}.container{max-width:1400px;margin:0 auto;padding:32px 24px 64px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.page-head h1{letter-spacing:-.5px;font-size:28px;font-weight:800}.page-head p{margin-top:4px;font-size:14px}.count{background:var(--primary-soft);color:var(--primary);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:700}.grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:24px;display:grid}.empty{background:var(--white);border:1px dashed var(--border);border-radius:var(--radius);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:64px 24px;display:flex}.empty .btn{margin-top:12px}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);transition:transform .25s,box-shadow .25s,border-color .25s;overflow:hidden}.card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 16px 36px #4f46e524}.card-preview{background:#eef0f6;width:100%;position:relative;overflow:hidden}.card-preview iframe{transform-origin:0 0;pointer-events:none;background:#fff;border:none;position:absolute;top:0;left:0}.card-body{padding:18px}.card-body h3{font-size:18px;font-weight:800}.card-body p{margin-top:2px}.card-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.tc-badge{z-index:6;color:var(--primary);background:#fffffff2;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:700;position:absolute;top:10px;left:10px;box-shadow:0 2px 8px #0000001f}.tc-overlay{z-index:5;cursor:pointer;background:#0f172a00;border:none;justify-content:center;align-items:center;width:100%;height:100%;padding:0;transition:background .25s;display:flex;position:absolute;top:0;left:0}.tc-pill{color:var(--primary);opacity:0;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:700;transition:opacity .25s,transform .25s;display:inline-flex;transform:translateY(10px)scale(.95);box-shadow:0 8px 24px #0000004d}.card:hover .tc-overlay{background:#0f172a8c}.card:hover .tc-pill{opacity:1;transform:translateY(0)scale(1)}@media (hover:none){.tc-overlay{background:#0f172a59}.tc-pill{opacity:1;transform:none}}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#11182799;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--white);border-radius:18px;flex-direction:column;width:100%;max-width:1280px;height:100%;max-height:92vh;display:flex;overflow:hidden;box-shadow:0 30px 80px #00000059}.modal-head{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.modal-head h3{font-size:18px;font-weight:800}.modal-actions{align-items:center;gap:8px;display:flex}.modal iframe{background:#fff;border:none;flex:1;width:100%}@media (max-width:900px){.navbar-inner{padding:12px 16px}.search{flex-basis:100%;order:5}.copy-all{margin-left:auto}}@media (max-width:600px){.container{padding:24px 16px 48px}.page-head h1{font-size:22px}.grid{grid-template-columns:1fr}.modal-backdrop{padding:0}.modal{border-radius:0;max-height:100vh}.brand img{height:40px}}.navbar{background:#113baf;border-bottom:1px solid #1e40af;box-shadow:0 4px 16px #1d4ed840}.brand{background:0 0;border-radius:0;padding:0}.brand-text,.navbar .btn-ghost{color:#fff}.navbar .btn-ghost:hover{color:#fff;background:#ffffff2e}.navbar .copy-all{color:#1d4ed8;background:#fff;border-color:#fff}.navbar .copy-all:hover:not(:disabled){color:#1e40af;background:#e0e7ff}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/46a9e2f250689b4a-s.03ez25a9g3i0n.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/76b70a1dbe058eb5-s.3i9rha7jpxn0q.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2fb76073e23fd9e4-s.2o7ko1d-5m1xu.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6131cbbf5549afa2-s.1ee5w62fj497l.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/45462fd7b7c12654-s.1way2z9fj6cig.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ba63f6a0e436df8e-s.0szrwpqb9mkwe.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/07c7676b89ed2778-s.p.45535valc9rzk.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.aU91IG_className{font-family:Inter,Inter Fallback;font-style:normal}
