:root{--primary: #00C9A7;--primary-dk: #00a889;--primary-lt: rgba(0,201,167,.08);--teal-glow: 0 4px 20px rgba(0,201,167,.25);--teal-glow-lg: 0 8px 32px rgba(0,201,167,.3);--yellow: #FAE965;--red: #FA3E3E;--surface: #FFFFFF;--surface-2: #F7FAFA;--surface-3: #EEF6F5;--border: #D4E9E6;--border-2: #EEF6F5;--text: #111827;--text-2: #1F2937;--muted: #6B7280;--muted-2: #9CA3AF;--navy: #16213D;--navy-2: #111d33;--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--radius-xl: 20px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow: 0 4px 16px rgba(0,0,0,.06), 0 2px 4px rgba(0,0,0,.03);--shadow-lg: 0 8px 28px rgba(0,0,0,.08), 0 4px 8px rgba(0,0,0,.03);--transition: .18s cubic-bezier(.25,.46,.45,.94);--font: "Plus Jakarta Sans", system-ui, sans-serif;--font-code: "Fira Code", "JetBrains Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:15px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font);background:var(--surface-2);color:var(--text-2);min-height:100vh;-webkit-font-smoothing:antialiased}a{color:inherit}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00c9a740;border-radius:4px}.topbar{background:var(--navy);border-bottom:1px solid rgba(255,255,255,.08);padding:0 20px;height:58px;display:flex;align-items:center;gap:10px;position:sticky;top:0;z-index:200;box-shadow:0 2px 20px #0006}.logo-wrap{display:flex;align-items:center;gap:8px;text-decoration:none;cursor:pointer;background:none;border:none}.logo-mark{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--primary),var(--teal-dk, #00a889));display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:14px;flex-shrink:0}.logo-text{color:#fff;font-weight:800;font-size:14px;letter-spacing:-.2px}.logo-text span{color:var(--primary)}.logo-nav-video{height:46px;width:104px;overflow:hidden;border-radius:4px;flex-shrink:0;position:relative}.logo-video{width:100%;height:100%;object-fit:contain;display:block;background:transparent;position:absolute;top:0;left:0}.topbar-nav{display:flex;align-items:center;justify-content:center;gap:2px;margin:0;flex:1}.nav-a{font-size:13px;font-weight:500;color:#ffffffa6;text-decoration:none;padding:6px 13px;border-radius:100px;transition:all var(--transition);white-space:nowrap;background:none;border:none;cursor:pointer;font-family:var(--font)}.nav-a:hover{color:#fff;background:#ffffff17}.nav-a.active{color:#fff;background:#00c9a726}.topbar-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.nav-contact{display:flex;align-items:center;gap:6px;color:#ffffffb3;font-size:12.5px;font-weight:600;text-decoration:none;padding:0 14px;height:36px;border-radius:100px;border:1.5px solid rgba(255,255,255,.18);transition:all var(--transition);white-space:nowrap}.nav-contact:hover{border-color:var(--primary);color:var(--primary)}.hamburger{display:flex;flex-direction:column;gap:5px;cursor:pointer;padding:6px;background:none;border:none;flex-shrink:0;margin-left:auto}.hamburger span{display:block;height:2px;border-radius:2px;background:#ffffffd9;transition:var(--transition)}.hamburger span:nth-child(1){width:22px}.hamburger span:nth-child(2){width:16px}.hamburger span:nth-child(3){width:22px}.hamburger.open span:nth-child(1){width:22px;transform:translateY(7px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){width:22px;transform:translateY(-7px) rotate(-45deg)}@media (min-width:641px){.hamburger{display:none}.topbar-nav{display:flex}}@media (max-width:640px){.hamburger{display:flex}.topbar{padding:0 14px}.topbar-nav,.nav-contact-label{display:none}.nav-contact{padding:0 10px}}.nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:198;opacity:0;visibility:hidden;transition:opacity .25s ease;pointer-events:none}.nav-overlay.open{opacity:1;visibility:visible;pointer-events:auto}.nav-drawer{position:fixed;top:0;right:0;bottom:0;width:min(280px,82vw);background:var(--navy-2);z-index:199;display:flex;flex-direction:column;box-shadow:-4px 0 32px #00000073;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.nav-drawer.open{transform:translate(0)}.nav-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:58px;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.nav-drawer-close{width:30px;height:30px;border-radius:50%;background:#ffffff1a;border:none;color:#ffffffb3;cursor:pointer;font-size:.85rem;display:flex;align-items:center;justify-content:center;transition:background .18s}.nav-drawer-close:hover{background:#fff3}.nav-drawer-body{flex:1;overflow-y:auto;padding:8px 0}.nav-drawer-link{display:flex;align-items:center;gap:11px;padding:13px 18px;font-size:.93rem;font-weight:500;color:#ffffffb8;text-decoration:none;transition:background .15s,color .15s;background:none;border:none;width:100%;text-align:left;cursor:pointer;font-family:var(--font)}.nav-drawer-link svg{flex-shrink:0;opacity:.6}.nav-drawer-link:hover{background:#ffffff12;color:#fff}.nav-drawer-link:hover svg{opacity:1}.nav-drawer-divider{height:1px;background:#ffffff12;margin:6px 16px}.hero{background:var(--surface);padding:56px 24px 48px;text-align:center;position:relative;overflow:hidden;border-bottom:1px solid var(--border-2)}.hero:before{content:"";position:absolute;top:-40%;left:50%;transform:translate(-50%);width:700px;height:500px;background:radial-gradient(ellipse at center,rgba(0,201,167,.09) 0%,transparent 70%);pointer-events:none}.hero-inner{position:relative;z-index:1;max-width:640px;margin:0 auto}.hero-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--primary);background:var(--primary-lt);border:1px solid rgba(0,201,167,.25);padding:4px 14px;border-radius:100px;margin-bottom:20px}.hero h1{font-size:clamp(28px,6vw,44px);font-weight:800;color:var(--text);line-height:1.15;margin-bottom:16px;letter-spacing:-1px}.hero h1 .at{color:var(--primary)}.hero h1 .ay{color:var(--text)}.hero-sub{font-size:15px;color:var(--muted);margin-bottom:32px;line-height:1.7}.hero-cta{display:inline-flex;align-items:center;gap:8px;background:var(--primary);color:#fff;font-weight:700;font-size:14px;padding:13px 26px;border-radius:100px;text-decoration:none;box-shadow:var(--teal-glow);transition:all var(--transition)}.hero-cta:hover{background:var(--primary-dk);transform:translateY(-2px);box-shadow:var(--teal-glow-lg)}.search-wrap{max-width:520px;margin:0 auto;position:relative}.search-input{width:100%;background:var(--surface-2);border:1.5px solid var(--border);border-radius:100px;padding:13px 20px 13px 48px;font-family:var(--font);font-size:14px;color:var(--text-2);outline:none;transition:all var(--transition)}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #00c9a71a}.search-input::placeholder{color:var(--muted-2)}.search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.search-count{margin-top:14px;font-size:12px;color:var(--muted)}.search-count strong{color:var(--primary);font-weight:700}.main{max-width:900px;margin:0 auto;padding:40px 20px 32px}.notice-card{background:var(--surface);border:1px solid var(--border-2);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:18px;overflow:hidden}.notice-card-head{display:flex;align-items:center;gap:9px;padding:16px 22px;border-bottom:1px solid var(--border-2)}.card-title-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.card-title-dot.warn{background:var(--yellow);box-shadow:0 0 0 4px #fae96540}.card-title-dot.info{background:var(--primary);box-shadow:0 0 0 4px #00c9a72e}.card-title{font-size:13.5px;font-weight:700;color:var(--text)}.notice-card-body{padding:20px 22px}.notice-card-body p{font-size:13.5px;line-height:1.75;color:var(--muted);margin-bottom:12px}.notice-card-body p:last-child{margin-bottom:0}.notice-card-body strong{color:var(--text-2);font-weight:700}.url-box{display:inline-flex;align-items:center;gap:6px;background:var(--surface-2);border:1px solid var(--border);padding:5px 12px;border-radius:8px;font-family:var(--font-code);font-size:12px;color:var(--text-2)}.not-mine-tag{display:inline-flex;align-items:center;gap:4px;background:#fa3e3e14;color:var(--red);border:1px solid rgba(250,62,62,.25);font-size:11px;font-weight:700;padding:3px 10px;border-radius:100px;margin-left:8px}.highlight-box{background:#fae9651f;border:1px solid rgba(250,233,101,.4);border-radius:var(--radius);padding:14px 16px;font-size:13px;color:var(--text-2);line-height:1.7;margin:12px 0}.whats-next{background:var(--surface);border:1px solid var(--border-2);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:26px 22px;margin-bottom:18px}.section-label{font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--primary)}.whats-next h3{font-size:19px;font-weight:800;color:var(--text);margin:6px 0 18px}.next-item{display:flex;gap:14px;padding:14px 0;border-top:1px solid var(--border-2)}.next-item:first-of-type{border-top:none}.next-num{width:28px;height:28px;border-radius:50%;background:var(--primary-lt);color:var(--primary-dk);font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.next-text{display:flex;flex-direction:column;gap:4px}.next-text strong{font-size:14px;color:var(--text)}.next-text span{font-size:13px;color:var(--muted);line-height:1.6}.contact-strip{background:var(--navy);border-radius:var(--radius-lg);padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.contact-strip-text strong{display:block;color:#fff;font-size:14px;margin-bottom:3px}.contact-strip-text span{color:#ffffff8c;font-size:12.5px}.contact-strip-btn{display:inline-flex;align-items:center;gap:7px;background:var(--primary);color:#fff;font-weight:700;font-size:13px;padding:10px 18px;border-radius:100px;text-decoration:none;white-space:nowrap;transition:all var(--transition)}.contact-strip-btn:hover{background:var(--primary-dk)}.filter-bar{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.filter-group{display:flex;flex-direction:column;gap:7px}.filter-label{font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--muted-2)}.filter-pills{display:flex;flex-wrap:wrap;gap:6px}.filter-pills-scroll{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.filter-pills-scroll::-webkit-scrollbar{display:none}.filter-pill{flex-shrink:0;font-family:var(--font);font-size:12px;font-weight:600;color:var(--muted);background:var(--surface);border:1.5px solid var(--border);padding:6px 14px;border-radius:100px;cursor:pointer;transition:all var(--transition);white-space:nowrap}.filter-pill:hover{border-color:#00c9a766;color:var(--primary-dk)}.filter-pill.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:var(--teal-glow)}.presets-list{display:grid;grid-template-columns:1fr;gap:12px}.preset-card{background:var(--surface);border:1px solid var(--border-2);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition);display:flex;align-items:center;gap:14px;padding:12px}.preset-card:hover{box-shadow:var(--shadow-lg);border-color:#00c9a740;transform:translateY(-1px)}.preset-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.preset-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.preset-title{font-size:14.5px;font-weight:800;color:var(--text);line-height:1.3}.preset-badge{font-size:9px;font-weight:700;letter-spacing:.4px;padding:2px 8px;border-radius:100px;background:var(--primary);color:#fff;flex-shrink:0}.preset-badge.new{background:var(--red)}.preset-badge.sample{background:var(--yellow);color:var(--text)}.preset-sub{font-size:12px;color:var(--muted);display:flex;flex-wrap:wrap;gap:4px 10px}.preset-sub b{color:var(--text-2);font-weight:600}.preset-meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.meta-chip{font-size:10.5px;font-weight:700;padding:2px 9px;border-radius:100px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-2)}.meta-chip.license.free{background:var(--primary-lt);border-color:#00c9a74d;color:var(--primary-dk)}.meta-chip.license.premium{background:#fae9652e;border-color:#fae96580;color:#8a7a00}.meta-stat{font-size:11.5px;color:var(--muted);font-weight:500}.preset-tags{display:flex;flex-wrap:wrap;gap:5px}.preset-tag{font-size:10px;font-weight:600;color:var(--primary-dk);background:var(--primary-lt);border:1px solid rgba(0,201,167,.2);padding:2px 8px;border-radius:100px}.preset-card-actions{display:flex;gap:6px;margin-top:2px}.preset-thumb{position:relative;width:76px;height:76px;border-radius:var(--radius);overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,var(--navy) 0%,#0a1329 100%);cursor:pointer}.preset-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.preset-card:hover .preset-thumb img{transform:scale(1.08)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font);font-size:12px;font-weight:700;padding:7px 14px;border-radius:100px;border:none;cursor:pointer;text-decoration:none;transition:all var(--transition);white-space:nowrap}.btn svg{width:13px;height:13px}.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--teal-glow)}.btn-primary:hover{background:var(--primary-dk);transform:translateY(-1px);box-shadow:var(--teal-glow-lg)}.btn-ghost{background:var(--surface-2);color:var(--muted);border:1px solid var(--border);padding:7px 9px}.btn-ghost:hover{color:var(--primary);border-color:#00c9a74d;background:var(--primary-lt)}.empty-state{text-align:center;padding:60px 20px;color:var(--muted)}.empty-state svg{width:56px;height:56px;opacity:.35;margin-bottom:16px}.empty-state h3{font-size:16px;font-weight:700;color:var(--text-2);margin-bottom:6px}.empty-state p{font-size:13px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(100px);background:var(--navy);color:#fff;padding:12px 22px;border-radius:100px;font-size:13px;font-weight:600;box-shadow:0 8px 32px #0003;border:1px solid rgba(0,201,167,.3);display:flex;align-items:center;gap:8px;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:999;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.toast svg{color:var(--primary);width:16px;height:16px}.footer{background:var(--navy);margin-top:16px;padding:40px 24px 24px;border-top:1px solid rgba(255,255,255,.06)}.fi2{max-width:960px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px;align-items:start}@media (max-width:640px){.fi2{grid-template-columns:1fr 1fr;gap:28px}}@media (max-width:380px){.fi2{grid-template-columns:1fr}}.footer-logo{display:flex;align-items:center;gap:8px;margin-bottom:12px}.fbd{font-size:12px;color:#ffffff59;line-height:1.7;max-width:260px}.fsoc{display:flex;gap:10px;margin-top:16px}.sb{width:40px;height:40px;border-radius:var(--radius);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#ffffff73;text-decoration:none;transition:all var(--transition)}.sb:hover{background:var(--primary);border-color:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:var(--teal-glow)}.sb svg{width:17px;height:17px}.fct{font-size:10px;font-weight:700;color:#ffffff40;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:14px}.fl2{display:block;font-size:12px;color:#ffffff61;text-decoration:none;margin-bottom:10px;transition:color var(--transition);font-weight:500;word-break:break-all;background:none;border:none;cursor:pointer;font-family:var(--font);text-align:left;padding:0}.fl2:hover{color:var(--primary)}.fbot{max-width:960px;margin:32px auto 0;border-top:1px solid rgba(255,255,255,.06);padding-top:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.fcp{font-size:11px;color:#fff3;font-weight:500}.fvr{font-family:var(--font-code);font-size:10px;color:#ffffff26}.skel-card{background:var(--surface);border:1px solid var(--border-2);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:22px;margin-bottom:18px;display:flex;flex-direction:column;gap:10px}.skel-bar{height:11px;border-radius:6px;background:linear-gradient(90deg,var(--border-2) 25%,var(--surface-3) 50%,var(--border-2) 75%);background-size:200% 100%;animation:skel-shimmer 1.3s ease-in-out infinite}@keyframes skel-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skel-preset-card{background:var(--surface);border:1px solid var(--border-2);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:12px;display:flex;align-items:center;gap:14px}.skel-thumb{width:76px;height:76px;border-radius:var(--radius);flex-shrink:0;background:linear-gradient(90deg,var(--border-2) 25%,var(--surface-3) 50%,var(--border-2) 75%);background-size:200% 100%;animation:skel-shimmer 1.3s ease-in-out infinite}.skel-preset-info{flex:1;display:flex;flex-direction:column;gap:8px}@media (min-width: 900px){.skel-thumb{width:54px;height:54px}}.top-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:300;background:transparent;pointer-events:none;opacity:0;transition:opacity .15s ease}.top-progress.active{opacity:1}.top-progress-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--primary),var(--yellow));box-shadow:0 0 10px #00c9a799}.top-progress.active .top-progress-bar{animation:top-progress-run .42s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes top-progress-run{0%{width:0%}60%{width:75%}to{width:100%}}.page-fade{animation:page-fade-in .35s ease}@keyframes page-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 900px){.main.main-presets{max-width:1180px}.presets-list{grid-template-columns:repeat(2,1fr);gap:10px 14px}.preset-card{padding:8px 12px;gap:12px}.preset-thumb{width:54px;height:54px}.preset-title{font-size:13px}.preset-sub{font-size:11px;gap:3px 9px}.preset-tags{gap:4px}.preset-tag{font-size:9px;padding:1px 7px}.preset-card-actions{gap:5px}.btn{font-size:11px;padding:6px 12px}.btn-ghost{padding:6px 8px}.preset-info{gap:4px}.meta-chip{font-size:9.5px;padding:1px 8px}.meta-stat{font-size:10.5px}}@media (max-width:640px){.hero{padding:40px 20px}.preset-card{flex-wrap:wrap}.preset-thumb{width:64px;height:64px}.preset-card-actions{width:100%}.btn-primary{flex:1}}