.hp-root{background:#ffffff;color:#0a0a0ad9;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:24px;letter-spacing:-.2px;overflow-x:hidden}.hp-purple{color:#534ab7}.hp-eyebrow{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#534ab7;background:#EEEDF5;padding:4px 12px;border-radius:20px;margin-bottom:20px}.hp-section-h2{font-size:38px;font-weight:600;color:#0a0a0a;line-height:1.18;letter-spacing:-.5px;margin-bottom:12px;margin-top:0}.hp-section-desc{font-size:16px;color:#0a0a0a8c;line-height:26px;margin:0 0 44px;max-width:560px}.hp-section-desc-dark{font-size:16px;color:#ffffff73;line-height:26px;margin:0 0 40px;max-width:560px}.hp-section-h2-alone{margin-bottom:44px}.hp-section-inner{max-width:1200px;margin:0 auto;padding:0 120px}.hp-btn-primary{display:inline-block;background:#534AB7;color:#fff;font-size:15px;font-weight:600;padding:18px 25px;border-radius:8px;border:none;text-decoration:none;cursor:pointer;transition:background .15s;font-family:inherit;letter-spacing:-.1px}.hp-btn-primary:hover{background:#3D3589}.hp-btn-white-outline{display:inline-block;background:#fff;color:#0a0a0a;font-size:15px;font-weight:600;padding:18px 25px;border-radius:8px;border:none;text-decoration:none;cursor:pointer;transition:background .15s;font-family:inherit;margin-top:32px}.hp-btn-white-outline:hover{background:#f0eff8}.hp-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid #E6E6E6;height:68px}.hp-nav-inner{max-width:1440px;margin:0 auto;padding:0 64px;height:100%;display:flex;align-items:center;justify-content:space-between;gap:48px}.hp-nav-brand{display:flex;align-items:center;text-decoration:none;flex-shrink:0}.hp-nav-logo-img{height:32px;width:auto;display:block}.hp-nav-links{display:flex;align-items:center;gap:40px;flex:1;justify-content:center}.hp-nav-links a{font-size:14px;font-weight:500;color:#0a0a0a99;text-decoration:none;transition:color .12s;white-space:nowrap}.hp-nav-links a:hover{color:#0a0a0a}.hp-nav-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.hp-nav-login{font-size:14px;font-weight:500;color:#0a0a0aa6;text-decoration:none;white-space:nowrap;transition:color .12s;padding:10px 4px}.hp-nav-login:hover{color:#0a0a0a}.hp-nav-cta{display:inline-block;background:#534AB7;color:#fff;font-size:14px;font-weight:600;padding:10px 20px;border-radius:8px;text-decoration:none;white-space:nowrap;transition:background .15s}.hp-nav-cta:hover{background:#3D3589}.hp-hero{padding-top:68px;background:#ffffff}.hp-hero-inner{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - 68px);align-items:stretch}.hp-hero-left{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:80px 60px 80px 120px;max-width:720px}.hp-h1{font-size:55px;font-weight:500;color:#0a0a0a;line-height:65px;letter-spacing:-1px;margin-bottom:24px;margin-top:0}.hp-hero-body{font-size:16px;color:#0a0a0a99;line-height:26px;margin-bottom:36px;max-width:400px}.hp-hero-right{position:relative;overflow:hidden;background:#f0eff8}.hp-hero-visual{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.hp-works-with{background:#FAFAFA;border-top:1px solid #E6E6E6;border-bottom:1px solid #E6E6E6;padding:28px 120px;display:flex;align-items:center;justify-content:center;gap:32px;flex-wrap:wrap}.hp-ww-label{font-size:10px;font-weight:700;letter-spacing:.1em;color:#0a0a0a59;text-transform:uppercase;flex-shrink:0}.hp-ww-strip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.hp-ww-item{display:flex;align-items:center;gap:7px;padding:7px 16px;background:#fff;border:1px solid #E6E6E6;border-radius:100px;font-size:13px;font-weight:500;color:#0a0a0abf}.hp-ww-item img{display:block}.hp-widget-section{background:#ffffff;padding:100px 0}.hp-widget-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.hp-widget-card{background:#FAFAFA;border:1px solid #E6E6E6;border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.hp-widget-card-img-wrap{height:560px;flex-shrink:0;background-size:cover;background-position:center top;background-repeat:no-repeat}.hp-widget-card-body{padding:20px 24px 28px}.hp-widget-card-caption{font-size:16px;font-weight:600;color:#0a0a0a;letter-spacing:-.2px;margin-bottom:8px}.hp-widget-card-desc{font-size:14px;color:#0a0a0a8c;line-height:22px}.hp-stat-banner{background:#1A1A2E;padding:100px 120px;text-align:center;position:relative;overflow:hidden}.hp-stat-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(60deg,rgba(255,255,255,.04) 0,rgba(255,255,255,.04) 1px,transparent 1px,transparent 34px),repeating-linear-gradient(120deg,rgba(255,255,255,.04) 0,rgba(255,255,255,.04) 1px,transparent 1px,transparent 34px),repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0,rgba(255,255,255,.04) 1px,transparent 1px,transparent 20px);pointer-events:none}.hp-stat-inner{position:relative;z-index:1;max-width:580px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.hp-stat-stars{font-size:24px;color:#ffc107;letter-spacing:4px;margin-bottom:24px}.hp-stat-number{font-size:96px;font-weight:700;color:#fff;line-height:1;letter-spacing:-4px;margin-bottom:20px}.hp-stat-quote{font-size:20px;font-weight:400;color:#ffffffbf;line-height:30px;margin-bottom:8px;max-width:480px}.hp-stat-citation{font-size:13px;font-weight:500;color:#ffffff59;letter-spacing:.02em;text-decoration:none;transition:color .15s}.hp-stat-citation:hover{color:#ffffffa6}.hp-why-section{background:#ffffff;padding:100px 0}.hp-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.hp-why-card{background:#FAFAFA;border:1px solid #E6E6E6;border-radius:16px;padding:32px 28px;transition:border-color .15s}.hp-why-card:hover{border-color:#534ab74d}.hp-why-icon{width:48px;height:48px;display:block;margin-bottom:20px}.hp-why-card-title{font-size:16px;font-weight:600;color:#0a0a0a;margin-bottom:10px;letter-spacing:-.2px}.hp-why-card-desc{font-size:14px;color:#0a0a0a8c;line-height:22px}.hp-features-dark{background:#0A0A0A;padding:100px 0}.hp-features-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:48px;gap:32px}.hp-features-h2{font-size:38px;font-weight:600;color:#fff;line-height:1.18;letter-spacing:-.5px;margin:0}.hp-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.hp-feat-card-dark{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:28px 24px;transition:border-color .15s,background .15s}.hp-feat-card-dark:hover{background:rgba(255,255,255,.07);border-color:#ffffff24}.hp-feat-icon-img{width:40px;height:40px;display:block;margin-bottom:16px}.hp-feat-card-dark-title{font-size:15px;font-weight:600;color:#fff;margin-bottom:8px;letter-spacing:-.2px}.hp-feat-card-dark-desc{font-size:13px;color:#ffffff73;line-height:20px}.hp-hiw-section{background:#ffffff;padding:100px 0}.hp-hiw-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;align-items:start}.hp-hiw-step{display:flex;flex-direction:column}.hp-hiw-num{font-size:11px;font-weight:700;color:#534ab7;letter-spacing:.06em;margin-bottom:14px;opacity:.7}.hp-hiw-step-title{font-size:16px;font-weight:600;color:#0a0a0a;margin-bottom:8px;letter-spacing:-.2px}.hp-hiw-step-desc{font-size:14px;color:#0a0a0a8c;line-height:22px;margin-bottom:20px}.hp-hiw-img{width:100%;height:auto;border-radius:12px;display:block}.hp-hiw-code{background:#13121e;border-radius:12px;padding:20px 18px;font-family:SF Mono,Fira Code,Fira Mono,monospace;font-size:12px;line-height:2;color:#c8c7e8}.hp-c-dim{color:#c8c7e859}.hp-c-purple{color:#a78bfa}.hp-c-green{color:#6ee7b7}.hp-c-yellow{color:#fde68a}.hp-compat-section{background:#FAFAFA;padding:100px 0}.hp-compat-visual{display:flex;justify-content:center}.hp-compat-img{width:100%;max-width:760px;height:auto;display:block}.hp-pricing-section{background:#ffffff;padding:100px 0}.hp-pricing-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:48px}.hp-pricing-header .hp-section-h2{margin-bottom:0}.hp-pricing-toggle{display:flex;align-items:center;gap:10px;flex-shrink:0}.hp-toggle-opt{font-size:13px;font-weight:500;color:#0a0a0a66;transition:color .15s}.hp-toggle-opt.active{color:#0a0a0a}.hp-toggle-switch{position:relative;width:40px;height:22px;background:#534AB7;border-radius:11px;border:none;cursor:pointer;padding:0;flex-shrink:0}.hp-toggle-knob{position:absolute;top:3px;left:3px;width:16px;height:16px;background:#fff;border-radius:50%;transition:left .2s;pointer-events:none;display:block}.hp-toggle-knob.on{left:21px}.hp-save-badge{font-size:11px;font-weight:600;background:#E6F5EE;color:#1d6b50;padding:3px 9px;border-radius:20px;flex-shrink:0}.hp-plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:start}.hp-plan{background:#FAFAFA;border:1px solid #E6E6E6;border-radius:16px;padding:32px 28px;display:flex;flex-direction:column;position:relative}.hp-plan-highlight{background:#534AB7;border-color:#534ab7}.hp-plan-popular-tag{position:absolute;top:18px;right:18px;background:rgba(255,255,255,.18);color:#fff;font-size:10px;font-weight:700;padding:3px 10px;border-radius:20px;letter-spacing:.05em;text-transform:uppercase}.hp-plan-name{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#0a0a0a80;margin-bottom:16px}.hp-plan-highlight .hp-plan-name{color:#fff9}.hp-plan-price-row{display:flex;align-items:baseline;gap:6px;margin-bottom:4px}.hp-plan-price{font-size:46px;font-weight:700;color:#0a0a0a;line-height:1;letter-spacing:-2px}.hp-plan-highlight .hp-plan-price{color:#fff}.hp-plan-period{font-size:13px;color:#0a0a0a66;margin-bottom:24px}.hp-plan-highlight .hp-plan-period{color:#ffffff80}.hp-plan-btn{display:block;width:100%;padding:12px;border-radius:8px;font-size:14px;font-weight:600;text-align:center;text-decoration:none;cursor:pointer;border:none;font-family:inherit;margin-bottom:24px;transition:background .15s}.hp-plan-btn-outline{background:#fff;color:#0a0a0a;border:1px solid #E6E6E6!important}.hp-plan-btn-outline:hover{background:#f0eff8}.hp-plan-btn-white{background:rgba(255,255,255,.18);color:#fff;border:1px solid rgba(255,255,255,.3)!important}.hp-plan-btn-white:hover{background:rgba(255,255,255,.26)}.hp-plan-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.hp-plan-features li{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:#0a0a0aa6;line-height:1.45}.hp-plan-highlight .hp-plan-features li{color:#ffffffbf}.hp-chk{color:#1d9e75;font-size:13px;flex-shrink:0;font-weight:700}.hp-plan-highlight .hp-chk{color:#ffffffe6}.hp-footer{background:#FAFAFA;border-top:1px solid #E6E6E6;padding:40px 0}.hp-footer-inner{max-width:1200px;margin:0 auto;padding:0 120px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}.hp-footer-brand{display:flex;align-items:center;text-decoration:none}.hp-footer-logo-img{height:26px;width:auto;display:block}.hp-footer-links{display:flex;gap:24px}.hp-footer-links a{font-size:13px;color:#0a0a0a73;text-decoration:none;transition:color .12s}.hp-footer-links a:hover{color:#0a0a0acc}.hp-footer-copy{font-size:13px;color:#0a0a0a59}@media (max-width: 1200px){.hp-section-inner,.hp-footer-inner,.hp-works-with,.hp-stat-banner{padding-left:80px;padding-right:80px}.hp-hero-left{padding-left:80px;padding-right:48px}}@media (max-width: 1024px){.hp-section-inner,.hp-nav-inner,.hp-footer-inner,.hp-works-with,.hp-stat-banner{padding-left:48px;padding-right:48px}.hp-hero-left{padding-left:48px;padding-right:36px}.hp-h1{font-size:44px;line-height:54px}.hp-section-h2,.hp-features-h2{font-size:32px}.hp-stat-number{font-size:80px}}@media (max-width: 900px){.hp-nav-links{display:none}.hp-nav-inner{padding-left:24px;padding-right:24px;gap:16px}.hp-nav-logo-img{height:28px}.hp-nav-actions{gap:8px}.hp-nav-cta{padding:9px 16px}.hp-hero-inner{grid-template-columns:1fr;min-height:auto}.hp-hero-left{padding:60px 24px 48px;max-width:none}.hp-hero-right{height:320px;min-height:unset;position:relative}.hp-hero-visual{position:absolute;top:0;right:0;bottom:0;left:0;object-fit:cover}.hp-section-inner,.hp-footer-inner{padding-left:24px;padding-right:24px}.hp-works-with{padding-left:20px;padding-right:20px;gap:16px}.hp-stat-banner{padding:70px 24px}.hp-widget-section{padding:70px 0}.hp-widget-cards{grid-template-columns:1fr}.hp-why-section{padding:70px 0}.hp-why-grid{grid-template-columns:1fr;gap:12px}.hp-features-dark{padding:70px 0}.hp-features-top{flex-direction:column;align-items:flex-start;gap:20px}.hp-features-grid{grid-template-columns:1fr 1fr}.hp-hiw-section{padding:70px 0}.hp-hiw-grid{grid-template-columns:1fr;gap:48px}.hp-compat-section,.hp-pricing-section{padding:70px 0}.hp-pricing-header{flex-direction:column;align-items:flex-start;gap:20px}.hp-plans-grid{grid-template-columns:1fr;gap:12px}.hp-stat-number{font-size:72px;letter-spacing:-3px}.hp-stat-quote{font-size:17px}.hp-footer{padding:32px 0}.hp-footer-inner{flex-direction:column;align-items:flex-start;gap:16px}.hp-h1{font-size:38px;line-height:46px}.hp-section-h2{font-size:28px;margin-bottom:32px}.hp-features-h2{font-size:28px}}@media (max-width: 480px){.hp-nav-logo-img{height:24px}.hp-nav-cta{padding:8px 12px;font-size:13px}.hp-nav-cta-suffix{display:none}}@media (max-width: 560px){.hp-h1{font-size:32px;line-height:40px;letter-spacing:-.5px}.hp-section-h2,.hp-features-h2{font-size:24px}.hp-stat-number{font-size:64px}.hp-features-grid{grid-template-columns:1fr}.hp-btn-primary,.hp-btn-white-outline{padding:14px 20px;font-size:14px}.hp-plan{padding:24px 20px}}.date-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.date-tabs{display:flex;gap:4px;background:var(--bg);border:1px solid var(--border);border-radius:9px;padding:3px}.date-tab{padding:6px 14px;border-radius:7px;border:none;background:none;font-size:12px;font-weight:500;color:var(--text2);cursor:pointer;font-family:inherit;transition:all .15s;white-space:nowrap}.date-tab:hover{color:var(--text);background:var(--bg2)}.date-tab.active{background:var(--purple);color:#fff}.export-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:9px;border:1px solid var(--border);background:var(--bg);font-size:12px;font-weight:500;color:var(--text2);cursor:pointer;font-family:inherit;transition:all .15s}.export-btn:hover{border-color:var(--purple);color:var(--purple)}.export-btn i{font-size:15px}.three-col{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:14px;min-width:0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px;min-width:0}.card-title{font-size:13px;font-weight:600;color:var(--text);margin-bottom:4px}.card-sub{font-size:12px;color:var(--text3);margin-bottom:16px}.legend{display:flex;align-items:center;gap:16px;margin-bottom:12px}.legend-dot{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text2)}.legend-dot:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%}.legend-dot.impressions:before{background:#534AB7}.legend-dot.clicks:before{background:#1D9E75}.pl-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.pl-row:last-child{border-bottom:none;padding-bottom:0}.pl-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.pl-info{flex:1;min-width:0}.pl-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px}.pl-name{font-size:13px;font-weight:500;color:var(--text)}.pl-val{font-size:12px;font-weight:600;color:var(--text);flex-shrink:0}.pl-sub{font-size:11px;color:var(--text3);margin-bottom:5px}.pl-bar{height:4px;background:var(--border);border-radius:2px}.pl-bar-fill{height:100%;border-radius:2px;transition:width .3s ease}.page-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--border)}.page-row:last-child{border-bottom:none;padding-bottom:0}.page-rank{width:22px;height:22px;border-radius:6px;background:var(--bg2);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--text2);flex-shrink:0}.page-url{flex:1;font-size:12px;font-family:Inter Mono,monospace;color:var(--text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.page-clicks{font-size:12px;font-weight:600;color:var(--text);flex-shrink:0;min-width:32px;text-align:right}.page-bar{width:60px;height:4px;background:var(--border);border-radius:2px;flex-shrink:0}.page-bar-fill{height:100%;border-radius:2px;background:var(--purple);transition:width .3s ease}.hm-grid{display:grid;grid-template-columns:40px repeat(1,1fr);gap:4px}.hm-row{display:flex;align-items:center;gap:4px}.hm-header{font-size:11px;font-weight:500;color:var(--text3);text-align:center;padding:4px 0}.hm-label{font-size:11px;font-weight:500;color:var(--text3);width:36px;flex-shrink:0;text-align:right;padding-right:4px}.hm-cell{flex:1;aspect-ratio:1;border-radius:4px;min-width:0;min-height:24px;max-height:36px}.hm-legend{display:flex;align-items:center;gap:6px;margin-top:10px;justify-content:flex-end}.hm-legend-label{font-size:10px;color:var(--text3)}.hm-legend-cells{display:flex;gap:3px}.hm-legend-cell{width:12px;height:12px;border-radius:3px}.funnel{display:flex;flex-direction:column;align-items:center;gap:0;padding:10px 0}.funnel-step{display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;text-align:center}.funnel-bar{border-radius:8px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:14px 10px;min-height:52px}.funnel-value{font-size:18px;font-weight:700;color:#fff;line-height:1.2}.funnel-label{font-size:11px;color:#ffffffd9;margin-top:2px}.funnel-connector{width:2px;height:10px;background:var(--border)}.funnel-pct{font-size:11px;font-weight:600;color:var(--text2);padding:3px 0}.cr-big{font-size:42px;font-weight:700;color:var(--text);line-height:1;margin-bottom:16px;text-align:center}.cr-benchmark{margin-bottom:18px}.cr-benchmark-labels{display:flex;justify-content:space-between;margin-bottom:6px}.cr-benchmark-label{font-size:11px;color:var(--text3)}.cr-benchmark-bar{height:6px;background:var(--border);border-radius:3px;position:relative}.cr-benchmark-fill{height:100%;border-radius:3px;background:var(--purple)}.cr-benchmark-marker{position:absolute;top:-3px;width:12px;height:12px;border-radius:50%;background:var(--text3);border:2px solid var(--bg);transform:translate(-50%)}.cr-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cr-stat{background:var(--bg2);border-radius:8px;padding:10px;text-align:center}.cr-stat-value{font-size:15px;font-weight:700;color:var(--text);margin-bottom:2px}.cr-stat-label{font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:.04em}@media (max-width: 1200px){.three-col{grid-template-columns:1fr 1fr}.three-col>:last-child{grid-column:span 2}}@media (max-width: 768px){.three-col,.two-col{grid-template-columns:1fr}.three-col>:last-child{grid-column:span 1}.date-row{flex-direction:column;align-items:stretch}.date-tabs{overflow-x:auto}.cr-big{font-size:32px}}.ap-tabs{display:flex;gap:4px;margin-bottom:20px;background:var(--bg2);border-radius:10px;padding:4px;width:fit-content}.ap-tab{display:flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:8px;background:transparent;font-size:13px;font-weight:500;color:var(--text3);cursor:pointer;font-family:inherit;transition:all .15s}.ap-tab:hover{color:var(--text2)}.ap-tab.active{background:var(--bg);color:var(--text);font-weight:600;box-shadow:0 1px 3px #00000014}.ap-settings-col{display:flex;flex-direction:column;gap:16px;width:380px;flex-shrink:0}.ap-preview-col{flex:1;position:sticky;top:80px;min-width:0}.ap-card-title{font-size:13px;font-weight:600;color:var(--text);margin-bottom:16px;display:flex;align-items:center;justify-content:space-between}.ap-opt-label{font-size:12px;font-weight:500;color:var(--text2);margin-bottom:8px}.ap-opt-row{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px}.ap-opt-row:last-child{margin-bottom:0}.ap-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border)}.ap-toggle-row:last-child{border-bottom:none;padding-bottom:0}.ap-toggle-info{flex:1}.ap-toggle-name{font-size:13px;font-weight:500;color:var(--text)}.ap-toggle-desc{font-size:11px;color:var(--text3);margin-top:1px}.ap-color-row{display:flex;align-items:center;gap:10px}.ap-color-label{font-size:12px;color:var(--text2);flex:1}.ap-color-swatch-row{display:flex;gap:6px}.ap-color-swatch{width:24px;height:24px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:transform .15s;flex-shrink:0}.ap-color-swatch:hover{transform:scale(1.15)}.ap-color-swatch.sel{border-color:var(--text);transform:scale(1.1)}.ap-color-custom{width:24px;height:24px;border-radius:50%;border:1.5px dashed var(--border2);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:none}.ap-color-custom i{font-size:12px;color:var(--text3)}.ap-text-input{width:100%;background:var(--bg2);border:1px solid var(--border);border-radius:9px;padding:9px 12px;font-size:13px;font-family:inherit;color:var(--text);outline:none;margin-bottom:12px}.ap-text-input:focus{border-color:var(--purple)}.ap-text-input::placeholder{color:var(--text3)}.ap-text-input:last-child{margin-bottom:0}.ap-char-count{font-size:11px;color:var(--text3);text-align:right;margin-top:-8px;margin-bottom:12px}.ap-plan-lock{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:var(--text3);background:var(--bg2);border-radius:6px;padding:3px 8px}.ap-plan-lock i{font-size:12px}.ap-preview-card{background:var(--bg);border:1px solid var(--border);border-radius:14px;overflow:hidden}.ap-preview-topbar{padding:14px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.ap-preview-title{font-size:13px;font-weight:600;color:var(--text)}.ap-preview-scene{position:relative;min-height:380px;transition:background .3s}.ap-preview-scene.light-bg{background:#eeedf5}.ap-preview-scene.dark-bg{background:#0f0e1a}.ap-fake-lines{padding:28px;display:flex;flex-direction:column;gap:10px}.ap-fake-line{height:11px;border-radius:4px;transition:background .3s}.light-bg .ap-fake-line{background:#d8d7e8}.dark-bg .ap-fake-line{background:#252342}.ap-fake-btn{height:30px;width:90px;border-radius:7px;background:var(--purple);margin-top:4px}.ap-bubble{position:absolute;border-radius:14px;padding:13px 15px;width:195px;transition:all .3s;bottom:20px}.ap-bubble.pos-right{right:20px}.ap-bubble.pos-left{left:20px}.ap-bubble.theme-light{background:#fff;border:1px solid #dddce8;box-shadow:0 2px 14px #00000017}.ap-bubble.theme-dark{background:#1e1c35;border:1px solid #333158;box-shadow:0 2px 18px #00000059}.ap-bp-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.ap-bp-label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.ap-bubble.theme-light .ap-bp-label{color:#999}.ap-bubble.theme-dark .ap-bp-label{color:#7774a0}.ap-bp-close{width:17px;height:17px;border-radius:50%;display:flex;align-items:center;justify-content:center}.ap-bubble.theme-light .ap-bp-close{background:#f0eff5}.ap-bubble.theme-dark .ap-bp-close{background:#2a2845}.ap-bp-close i{font-size:10px}.ap-bubble.theme-light .ap-bp-close i{color:#aaa}.ap-bubble.theme-dark .ap-bp-close i{color:#7774a0}.ap-bp-score{font-size:26px;font-weight:600;line-height:1;margin-bottom:3px}.ap-bubble.theme-light .ap-bp-score{color:#1a1a2e}.ap-bubble.theme-dark .ap-bp-score{color:#e8e7f5}.ap-bp-stars{color:#f5a623;font-size:13px;margin-bottom:6px;letter-spacing:1px}.ap-bp-bottom{display:flex;justify-content:space-between;align-items:center}.ap-bp-count{font-size:11px}.ap-bubble.theme-light .ap-bp-count{color:#999}.ap-bubble.theme-dark .ap-bp-count{color:#7774a0}.ap-bp-cta{font-size:11px;font-weight:600}.ap-modal{position:absolute;bottom:20px;width:280px;border-radius:14px;overflow:hidden;transition:all .3s}.ap-modal.pos-right{right:20px}.ap-modal.pos-left{left:20px}.ap-modal.theme-light{background:#fff;border:1px solid #dddce8;box-shadow:0 4px 20px #0000001a}.ap-modal.theme-dark{background:#1e1c35;border:1px solid #333158;box-shadow:0 4px 24px #00000059}.ap-mp-header{padding:13px 14px 11px;display:flex;justify-content:space-between;align-items:flex-start}.ap-modal.theme-light .ap-mp-header{border-bottom:1px solid #eeedf5}.ap-modal.theme-dark .ap-mp-header{border-bottom:1px solid #2d2b4a}.ap-mp-title{font-size:13px;font-weight:600}.ap-modal.theme-light .ap-mp-title{color:#1a1a2e}.ap-modal.theme-dark .ap-mp-title{color:#e8e7f5}.ap-mp-sub{font-size:11px}.ap-modal.theme-light .ap-mp-sub{color:#888}.ap-modal.theme-dark .ap-mp-sub{color:#7774a0}.ap-mp-close{width:22px;height:22px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ap-modal.theme-light .ap-mp-close{background:#f0eff5;color:#666}.ap-modal.theme-dark .ap-mp-close{background:#2a2845;color:#9996c0}.ap-mp-body{padding:10px;display:flex;flex-direction:column;gap:7px}.ap-mp-platform{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:9px}.ap-modal.theme-light .ap-mp-platform{background:#fafafa;border:1px solid #eeedf5}.ap-modal.theme-dark .ap-mp-platform{background:#252342;border:1px solid #333158}.ap-mp-picon{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.ap-mp-pname{font-size:12px;font-weight:500;flex:1}.ap-modal.theme-light .ap-mp-pname{color:#1a1a2e}.ap-modal.theme-dark .ap-mp-pname{color:#e8e7f5}.ap-mp-prating{font-size:11px;color:#f5a623}.ap-mp-footer{padding:6px 10px 10px;text-align:center;font-size:10px}.ap-modal.theme-light .ap-mp-footer{color:#ccc}.ap-modal.theme-dark .ap-mp-footer{color:#444}.ap-divider-label{display:flex;align-items:center;gap:10px;padding:0 20px;margin:8px 0}.ap-divider-label span{font-size:10px;font-weight:600;color:#aaa;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.ap-divider-line{flex:1;height:1px;background:rgba(0,0,0,.08)}.ap-save-row{margin-top:14px;display:flex;justify-content:flex-end;gap:10px}.ap-btn-discard{padding:9px 18px;border-radius:9px;border:1px solid var(--border);background:var(--bg);font-size:13px;font-weight:500;color:var(--text2);cursor:pointer;font-family:inherit}.ap-btn-discard:hover{border-color:var(--border2);color:var(--text)}.ap-btn-save{display:flex;align-items:center;gap:7px;padding:9px 18px;background:var(--purple);color:#fff;border:none;border-radius:9px;font-size:13px;font-weight:500;cursor:pointer;font-family:inherit}.ap-btn-save:hover{opacity:.88}.ap-logo-row{display:flex;align-items:center;gap:12px;margin-bottom:16px}.ap-logo-preview{width:44px;height:44px;border-radius:8px;object-fit:contain;border:1px solid var(--border);background:var(--bg2);flex-shrink:0}.ap-logo-placeholder{width:44px;height:44px;border-radius:8px;border:1.5px dashed var(--border2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ap-logo-placeholder i{font-size:16px;color:var(--text3)}.ap-logo-btns{display:flex;flex-direction:column;gap:4px}.ap-logo-upload-btn{font-size:12px;font-weight:500;color:var(--purple);cursor:pointer;background:none;border:none;padding:0;font-family:inherit;text-align:left}.ap-logo-upload-btn:disabled{opacity:.5;cursor:not-allowed}.ap-logo-remove-btn{font-size:11px;color:var(--text3);cursor:pointer;background:none;border:none;padding:0;font-family:inherit;text-align:left}.ap-logo-remove-btn:hover{color:#e24b4a}@media (max-width: 1000px){.ap-settings-col{width:100%}.ap-preview-col{position:static}}.tm-two-col{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}.tm-table-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.tm-table-title{font-size:13px;font-weight:600;color:var(--text)}.tm-table-sub{font-size:12px;color:var(--text3);margin-top:2px}.tm-invite-btn{display:flex;align-items:center;gap:7px;padding:8px 16px;background:var(--purple);color:#fff;border:none;border-radius:9px;font-size:13px;font-weight:500;cursor:pointer;font-family:inherit}.tm-invite-btn:hover{opacity:.88}.tm-member-list{display:flex;flex-direction:column}.tm-member-row{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--border)}.tm-member-row:last-child{border-bottom:none;padding-bottom:0}.tm-member-avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex-shrink:0}.tm-member-info{flex:1;min-width:0}.tm-member-name{font-size:13px;font-weight:500;color:var(--text)}.tm-member-email{font-size:12px;color:var(--text3)}.tm-role-badge{font-size:11px;font-weight:500;padding:3px 10px;border-radius:20px;white-space:nowrap}.tm-role-owner{background:var(--purple-light);color:var(--purple)}.tm-role-admin{background:#E6F5EE;color:#1d6b50}.tm-role-viewer{background:var(--bg2);color:var(--text2)}.tm-member-joined{font-size:11px;color:var(--text3);white-space:nowrap}.tm-status-wrap{display:flex;align-items:center;gap:5px}.tm-status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.tm-status-text{font-size:11px;color:var(--text3)}.tm-member-actions{display:flex;align-items:center;gap:6px}.tm-action-btn{width:30px;height:30px;border-radius:7px;border:1px solid var(--border);background:var(--bg);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text3)}.tm-action-btn:hover{border-color:var(--border2);color:var(--text)}.tm-action-btn.danger:hover{border-color:#fbc4c4;background:#FEECEC;color:var(--red)}.tm-action-btn i{font-size:14px}.tm-invite-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.tm-invite-row:last-child{border-bottom:none;padding-bottom:0}.tm-invite-avatar{width:34px;height:34px;border-radius:50%;background:var(--bg2);border:1.5px dashed var(--border2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tm-invite-avatar i{font-size:15px;color:var(--text3)}.tm-invite-info{flex:1;min-width:0}.tm-invite-email{font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tm-invite-meta{font-size:11px;color:var(--text3)}.tm-resend-btn{font-size:12px;color:var(--purple);cursor:pointer;background:none;border:none;font-family:inherit;font-weight:500;white-space:nowrap}.tm-resend-btn:hover{opacity:.75}.tm-role-list{display:flex;flex-direction:column;gap:10px}.tm-role-row{display:flex;gap:12px;padding:12px;border-radius:10px;background:var(--bg2)}.tm-role-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tm-role-icon i{font-size:16px}.tm-role-name{font-size:13px;font-weight:500;color:var(--text);margin-bottom:2px}.tm-role-desc{font-size:12px;color:var(--text3);line-height:1.5}.tm-seats-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.tm-seats-label{font-size:13px;font-weight:500;color:var(--text)}.tm-seats-count{font-size:13px;color:var(--text2)}.tm-seats-bar-track{height:6px;background:var(--border);border-radius:3px;margin-bottom:6px}.tm-seats-bar-fill{height:100%;border-radius:3px;background:var(--purple)}.tm-seats-hint{font-size:11px;color:var(--text3)}.tm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.45);z-index:100;display:flex;align-items:center;justify-content:center}.tm-modal{background:var(--bg);border-radius:16px;width:440px;border:1px solid var(--border);overflow:hidden;animation:tmFadeIn .2s ease}@keyframes tmFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tm-modal-hdr{padding:20px 20px 16px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:flex-start}.tm-modal-title{font-size:15px;font-weight:600;color:var(--text);margin-bottom:2px}.tm-modal-sub{font-size:13px;color:var(--text2)}.tm-modal-close{width:32px;height:32px;background:var(--bg2);border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text2);font-size:16px}.tm-modal-close:hover{background:var(--bg3)}.tm-modal-body{padding:20px;display:flex;flex-direction:column;gap:14px}.tm-field-label{font-size:12px;font-weight:500;color:var(--text2);margin-bottom:6px}.tm-field-input{width:100%;background:var(--bg2);border:1px solid var(--border);border-radius:9px;padding:10px 13px;font-size:13px;font-family:inherit;color:var(--text);outline:none;box-sizing:border-box}.tm-field-input:focus{border-color:var(--purple)}.tm-field-input::placeholder{color:var(--text3)}.tm-role-select-group{display:flex;gap:8px}.tm-role-opt{flex:1;padding:10px;border:1px solid var(--border);border-radius:9px;cursor:pointer;text-align:center;transition:all .15s;background:var(--bg)}.tm-role-opt:hover,.tm-role-opt.sel{border-color:var(--purple);background:var(--purple-light)}.tm-role-opt-name{font-size:13px;font-weight:500;color:var(--text);margin-bottom:2px}.tm-role-opt.sel .tm-role-opt-name{color:var(--purple)}.tm-role-opt-desc{font-size:11px;color:var(--text3)}.tm-modal-footer{padding:0 20px 20px;display:flex;gap:10px;justify-content:flex-end}.tm-btn-secondary{padding:9px 16px;border-radius:9px;border:1px solid var(--border);background:var(--bg);font-size:13px;font-weight:500;color:var(--text2);cursor:pointer;font-family:inherit}.tm-btn-primary{padding:9px 20px;border-radius:9px;border:none;background:var(--purple);font-size:13px;font-weight:500;color:#fff;cursor:pointer;font-family:inherit}.tm-btn-primary:hover{opacity:.88}@media (max-width: 1000px){.tm-two-col{grid-template-columns:1fr}}@media (max-width: 768px){.tm-member-row{flex-wrap:wrap;gap:10px}.tm-member-joined{display:none}.tm-role-select-group{flex-direction:column}.tm-modal{width:calc(100vw - 32px);max-width:440px}}.bl-success-banner{display:flex;align-items:center;gap:10px;padding:14px 18px;background:#E6F5EE;border:1px solid #B2DFCB;border-radius:10px;margin-bottom:16px;color:#1d6b50;font-size:14px}.bl-success-banner i{font-size:20px;flex-shrink:0}.bl-success-banner span{flex:1}.bl-success-close{background:none;border:none;cursor:pointer;color:#1d6b50;font-size:16px;padding:2px;display:flex}.bl-success-close:hover{opacity:.7}.bl-plan-banner{background:linear-gradient(135deg,#534AB7 0%,#7F77DD 100%);border-radius:14px;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.bl-plan-banner-left{color:#fff}.bl-plan-banner-badge{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.2);border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600;color:#fff;margin-bottom:10px}.bl-plan-banner-name{font-size:24px;font-weight:700;color:#fff;margin-bottom:4px}.bl-plan-banner-desc{font-size:13px;color:#ffffffbf}.bl-plan-banner-right{display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex-shrink:0}.bl-plan-banner-price{font-size:32px;font-weight:700;color:#fff;line-height:1}.bl-plan-banner-period{font-size:13px;color:#ffffffa6}.bl-plan-banner-btn{padding:9px 20px;background:#fff;color:var(--purple);border:none;border-radius:9px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap}.bl-plan-banner-btn:hover{opacity:.9}.bl-plan-banner-meta{font-size:11px;color:#ffffff8c}.bl-usage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bl-usage-card{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:16px}.bl-usage-label{font-size:12px;color:var(--text2);margin-bottom:10px;display:flex;align-items:center;gap:6px}.bl-usage-label i{font-size:14px}.bl-usage-nums{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.bl-usage-current{font-size:20px;font-weight:600;color:var(--text);line-height:1}.bl-usage-limit{font-size:12px;color:var(--text3)}.bl-usage-bar-track{height:6px;background:var(--border);border-radius:3px;margin-bottom:6px}.bl-usage-bar-fill{height:100%;border-radius:3px}.bl-usage-reset{font-size:11px;color:var(--text3)}.bl-toggle-row{display:flex;align-items:center;gap:10px;margin-bottom:20px}.bl-toggle-label{font-size:13px;font-weight:500;color:var(--text2)}.bl-toggle-label.active{color:var(--text)}.bl-billing-toggle{position:relative;width:44px;height:24px;border-radius:12px;cursor:pointer;background:var(--purple);border:none;flex-shrink:0}.bl-billing-toggle-knob{position:absolute;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .2s;pointer-events:none}.bl-billing-toggle-knob.monthly{left:3px}.bl-billing-toggle-knob.annual{left:23px}.bl-save-badge{font-size:11px;font-weight:600;background:#E6F5EE;color:#1d6b50;padding:2px 8px;border-radius:20px}.bl-plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.bl-plan-col{border:1px solid var(--border);border-radius:12px;padding:18px;position:relative}.bl-plan-col.current{border-color:var(--purple);border-width:2px}.bl-plan-col.popular{border-color:var(--purple)}.bl-current-tag{position:absolute;top:-11px;left:50%;transform:translate(-50%);background:var(--purple);color:#fff;font-size:11px;font-weight:600;padding:2px 12px;border-radius:20px;white-space:nowrap}.bl-popular-tag{position:absolute;top:-11px;left:50%;transform:translate(-50%);background:#f5a623;color:#fff;font-size:11px;font-weight:600;padding:2px 12px;border-radius:20px;white-space:nowrap}.bl-plan-col-name{font-size:14px;font-weight:600;color:var(--text);margin-bottom:4px}.bl-plan-col-price{font-size:26px;font-weight:700;color:var(--text);line-height:1;margin-bottom:2px}.bl-plan-col-period{font-size:11px;color:var(--text3);margin-bottom:14px}.bl-plan-col-btn{width:100%;padding:8px;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;font-family:inherit;margin-bottom:14px}.bl-plan-col-btn.current-btn{background:var(--bg2);color:var(--text2);border:1px solid var(--border)}.bl-plan-col-btn.upgrade-btn{background:var(--purple);color:#fff;border:none}.bl-plan-col-btn.upgrade-btn:hover{opacity:.88}.bl-plan-features{display:flex;flex-direction:column;gap:7px}.bl-plan-feature{display:flex;align-items:flex-start;gap:7px;font-size:12px;color:var(--text2)}.bl-plan-feature i{font-size:13px;flex-shrink:0;margin-top:1px}.bl-feat-yes{color:var(--green)}.bl-feat-no{color:var(--border2)}.bl-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.bl-card-title{font-size:13px;font-weight:600;color:var(--text);margin-bottom:4px}.bl-card-sub{font-size:12px;color:var(--text3);margin-bottom:18px}.bl-pm-row{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--border)}.bl-pm-row:last-child{border-bottom:none;padding-bottom:0}.bl-card-icon{width:44px;height:30px;border-radius:6px;border:1px solid var(--border);background:var(--bg2);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;flex-shrink:0}.bl-pm-info{flex:1;min-width:0}.bl-pm-name{font-size:13px;font-weight:500;color:var(--text)}.bl-pm-detail{font-size:12px;color:var(--text3)}.bl-pm-default{font-size:11px;font-weight:500;background:var(--purple-light);color:var(--purple);padding:2px 8px;border-radius:5px}.bl-pm-action{font-size:12px;color:var(--text3);cursor:pointer;background:none;border:none;font-family:inherit}.bl-pm-action:hover{color:var(--red)}.bl-add-pm-btn{width:100%;padding:12px;border:2px dashed var(--border);border-radius:10px;background:none;color:var(--text3);font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;margin-top:14px;display:flex;align-items:center;justify-content:center;gap:6px}.bl-add-pm-btn:hover{border-color:var(--purple);color:var(--purple)}.bl-billing-address{margin-top:18px;padding-top:18px;border-top:1px solid var(--border)}.bl-billing-address-title{font-size:12px;font-weight:600;color:var(--text2);margin-bottom:6px}.bl-billing-address-text{font-size:12px;color:var(--text3);line-height:1.5}.bl-invoice-row{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--border)}.bl-invoice-row:last-child{border-bottom:none;padding-bottom:0}.bl-invoice-icon{width:34px;height:34px;border-radius:8px;background:var(--bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.bl-invoice-icon i{font-size:16px;color:var(--text3)}.bl-invoice-info{flex:1}.bl-invoice-name{font-size:13px;font-weight:500;color:var(--text)}.bl-invoice-date{font-size:11px;color:var(--text3)}.bl-invoice-amount{font-size:13px;font-weight:600;color:var(--text)}.bl-invoice-status{font-size:11px;font-weight:500;padding:2px 8px;border-radius:5px}.bl-status-paid{background:#E6F5EE;color:#1d6b50}.bl-download-btn{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text3);cursor:pointer;background:none;border:none;font-family:inherit}.bl-download-btn:hover{color:var(--purple)}.bl-next-billing{margin-top:14px;padding:12px;background:var(--bg2);border-radius:8px;display:flex;align-items:center;justify-content:space-between}.bl-next-billing-label{font-size:12px;color:var(--text3)}.bl-next-billing-value{font-size:13px;font-weight:600;color:var(--text)}.bl-danger-zone{border-color:#e24b4a4d!important}.bl-danger-title{font-size:13px;font-weight:600;color:var(--red);margin-bottom:4px}.bl-danger-desc{font-size:12px;color:var(--text3);margin-bottom:16px}.bl-danger-actions{display:flex;gap:10px}.bl-danger-btn{padding:9px 16px;border:1px solid rgba(226,75,74,.3);border-radius:9px;font-size:13px;font-weight:500;color:var(--red);cursor:pointer;background:none;font-family:inherit}.bl-danger-btn:hover{background:#FEECEC;border-color:var(--red)}@media (max-width: 1200px){.bl-plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.bl-usage-grid,.bl-two-col,.bl-plans-grid{grid-template-columns:1fr}.bl-plan-banner{flex-direction:column;text-align:center;padding:20px}.bl-plan-banner-right{align-items:center}.bl-danger-actions{flex-direction:column}.bl-toggle-row{flex-wrap:wrap;justify-content:center}}.ws-row-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.ws-card{background:var(--bg);border:1px solid var(--border);border-radius:14px;overflow:hidden}.ws-card-section{padding:22px;border-bottom:1px solid var(--border)}.ws-card-section:last-child{border-bottom:none}.ws-section-title{font-size:14px;font-weight:600;color:var(--text);margin-bottom:3px}.ws-section-sub{font-size:12px;color:var(--text3);margin-bottom:18px;line-height:1.5}.ws-field{margin-bottom:16px}.ws-field:last-child{margin-bottom:0}.ws-field-label{font-size:12px;font-weight:500;color:var(--text2);margin-bottom:6px;display:block}.ws-field-input{width:100%;background:var(--bg2);border:1px solid var(--border);border-radius:9px;padding:10px 13px;font-size:13px;font-family:inherit;color:var(--text);outline:none;box-sizing:border-box}.ws-field-input:focus{border-color:var(--purple);background:var(--bg)}.ws-field-input::placeholder{color:var(--text3)}.ws-field-hint{font-size:11px;color:var(--text3);margin-top:5px}.ws-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ws-logo-upload{display:flex;align-items:center;gap:16px;margin-bottom:18px}.ws-logo-preview{width:56px;height:56px;border-radius:12px;background:var(--purple-light);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:var(--purple);flex-shrink:0}.ws-logo-info{display:flex;flex-direction:column;gap:6px}.ws-logo-upload-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--border);border-radius:9px;font-size:13px;font-weight:500;color:var(--text2);cursor:pointer;background:var(--bg);font-family:inherit}.ws-logo-upload-btn:hover{border-color:var(--border2);color:var(--text)}.ws-logo-hint{font-size:11px;color:var(--text3)}.ws-toggle-field{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--border)}.ws-toggle-field:last-child{border-bottom:none;padding-bottom:0}.ws-toggle-field:first-child{padding-top:0}.ws-toggle-info{flex:1}.ws-toggle-name{font-size:13px;font-weight:500;color:var(--text);margin-bottom:2px}.ws-toggle-desc{font-size:12px;color:var(--text3);line-height:1.5}.ws-save-row{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.ws-save-btn{display:flex;align-items:center;gap:7px;padding:9px 20px;background:var(--purple);color:#fff;border:none;border-radius:9px;font-size:13px;font-weight:500;cursor:pointer;font-family:inherit}.ws-save-btn:hover{opacity:.88}.ws-discard-btn{padding:9px 16px;border-radius:9px;border:1px solid var(--border);background:var(--bg);font-size:13px;font-weight:500;color:var(--text2);cursor:pointer;font-family:inherit}.ws-discard-btn:hover{border-color:var(--border2)}.ws-webhook-row{display:flex;gap:10px}.ws-webhook-row .ws-field-input{flex:1}.ws-test-btn{display:flex;align-items:center;gap:6px;padding:10px 14px;border:1px solid var(--border);border-radius:9px;font-size:13px;font-weight:500;color:var(--text2);cursor:pointer;background:var(--bg);font-family:inherit;white-space:nowrap}.ws-test-btn:hover{border-color:var(--purple);color:var(--purple)}.ws-api-key-box{display:flex;align-items:center;gap:10px;background:var(--bg2);border:1px solid var(--border);border-radius:9px;padding:10px 14px;margin-bottom:8px}.ws-api-key-text{flex:1;font-family:Inter Mono,monospace;font-size:13px;color:var(--text2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-api-key-btn{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:500;color:var(--text2);cursor:pointer;background:var(--bg);border:1px solid var(--border);border-radius:7px;padding:5px 10px;font-family:inherit;white-space:nowrap;flex-shrink:0}.ws-api-key-btn:hover{border-color:var(--border2);color:var(--text)}.ws-info-banner{background:var(--purple-light);border:1px solid rgba(83,74,183,.15);border-radius:10px;padding:12px 14px;display:flex;align-items:flex-start;gap:10px;font-size:12px;color:var(--text2);line-height:1.6;margin-bottom:14px}.ws-info-banner i{font-size:16px;color:var(--purple);flex-shrink:0;margin-top:1px}.ws-info-banner code{background:var(--bg2);padding:1px 6px;border-radius:4px;font-family:Inter Mono,monospace;font-size:11px;color:var(--purple)}.ws-danger-card{background:var(--bg);border:1px solid rgba(226,75,74,.25);border-radius:14px;overflow:hidden}.ws-danger-section{padding:22px;border-bottom:1px solid rgba(226,75,74,.12)}.ws-danger-section:last-child{border-bottom:none}.ws-danger-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.ws-danger-label{font-size:13px;font-weight:500;color:var(--text);margin-bottom:3px}.ws-danger-desc{font-size:12px;color:var(--text3)}.ws-danger-btn{padding:8px 16px;border:1px solid rgba(226,75,74,.4);border-radius:9px;font-size:13px;font-weight:500;color:var(--red);cursor:pointer;background:none;font-family:inherit;white-space:nowrap;flex-shrink:0}.ws-danger-btn:hover{background:#FEECEC;border-color:var(--red)}.ws-regen-btn{padding:8px 16px;border:1px solid rgba(226,75,74,.4);border-radius:9px;font-size:13px;font-weight:500;color:var(--red);cursor:pointer;background:none;font-family:inherit}.ws-regen-btn:hover{background:#FEECEC;border-color:var(--red)}.ws-dev-label{font-size:11px;font-weight:500;color:var(--text3);background:var(--bg2);padding:2px 8px;border-radius:5px;margin-left:8px}@media (max-width: 900px){.ws-row-2,.ws-field-row{grid-template-columns:1fr}}.pf-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.pf-left-col,.pf-right-col{display:flex;flex-direction:column;gap:20px;min-width:0}.pf-full-width{grid-column:1 / -1}.pf-card{background:var(--bg);border:1px solid var(--border);border-radius:14px;overflow:hidden}.pf-card-section{padding:22px;border-bottom:1px solid var(--border)}.pf-card-section:last-child{border-bottom:none}.pf-section-title{font-size:14px;font-weight:600;color:var(--text);margin-bottom:3px}.pf-section-sub{font-size:12px;color:var(--text3);margin-bottom:18px;line-height:1.5}.pf-avatar-row{display:flex;align-items:center;gap:20px}.pf-avatar{width:72px;height:72px;border-radius:50%;background:var(--purple-light);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:var(--purple);flex-shrink:0;overflow:hidden;position:relative;cursor:pointer}.pf-avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.4);border-radius:50%;display:none;align-items:center;justify-content:center}.pf-avatar:hover .pf-avatar-overlay{display:flex}.pf-avatar-overlay i{font-size:20px;color:#fff}.pf-avatar-info{flex:1}.pf-avatar-name{font-size:16px;font-weight:600;color:var(--text);margin-bottom:3px}.pf-avatar-email{font-size:13px;color:var(--text3);margin-bottom:10px}.pf-avatar-btns{display:flex;gap:8px}.pf-upload-btn{display:flex;align-items:center;gap:6px;padding:7px 13px;border:1px solid var(--border);border-radius:8px;font-size:12px;font-weight:500;color:var(--text2);cursor:pointer;background:var(--bg);font-family:inherit}.pf-upload-btn:hover{border-color:var(--border2);color:var(--text)}.pf-remove-btn{padding:7px 13px;border:1px solid var(--border);border-radius:8px;font-size:12px;font-weight:500;color:var(--red);cursor:pointer;background:var(--bg);font-family:inherit}.pf-remove-btn:hover{background:#FEECEC;border-color:#e24b4a4d}.pf-field{margin-bottom:16px}.pf-field:last-child{margin-bottom:0}.pf-field-label{font-size:12px;font-weight:500;color:var(--text2);margin-bottom:6px;display:block}.pf-field-input{width:100%;background:var(--bg2);border:1px solid var(--border);border-radius:9px;padding:10px 13px;font-size:13px;font-family:inherit;color:var(--text);outline:none;box-sizing:border-box}.pf-field-input:focus{border-color:var(--purple);background:var(--bg)}.pf-field-input::placeholder{color:var(--text3)}.pf-field-hint{font-size:11px;color:var(--text3);margin-top:5px}.pf-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pf-save-row{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.pf-save-btn{display:flex;align-items:center;gap:7px;padding:9px 20px;background:var(--purple);color:#fff;border:none;border-radius:9px;font-size:13px;font-weight:500;cursor:pointer;font-family:inherit}.pf-save-btn:hover{opacity:.88}.pf-discard-btn{padding:9px 16px;border-radius:9px;border:1px solid var(--border);background:var(--bg);font-size:13px;font-weight:500;color:var(--text2);cursor:pointer;font-family:inherit}.pf-discard-btn:hover{border-color:var(--border2)}.pf-pw-strength{display:flex;gap:4px;margin-top:8px;margin-bottom:4px}.pf-pw-bar{flex:1;height:3px;border-radius:2px;background:var(--border);transition:background .2s}.pf-pw-bar.weak{background:var(--red)}.pf-pw-bar.medium{background:#f5a623}.pf-pw-bar.strong{background:var(--green)}.pf-pw-label{font-size:11px;color:var(--text3)}.pf-twofa-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.pf-twofa-info{flex:1}.pf-twofa-name{font-size:13px;font-weight:500;color:var(--text);margin-bottom:3px}.pf-twofa-desc{font-size:12px;color:var(--text3);line-height:1.5}.pf-twofa-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500;background:#FEECEC;color:var(--red);padding:3px 9px;border-radius:20px;margin-top:5px}.pf-twofa-badge.enabled{background:#E6F5EE;color:#1d6b50}.pf-enable-btn{padding:8px 16px;background:var(--purple);color:#fff;border:none;border-radius:9px;font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;white-space:nowrap}.pf-enable-btn:hover{opacity:.88}.pf-enable-btn.secondary{background:var(--bg2);color:var(--text2);border:1px solid var(--border)}.pf-session-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.pf-session-row:first-child{padding-top:0}.pf-session-row:last-child{border-bottom:none;padding-bottom:0}.pf-session-icon{width:36px;height:36px;border-radius:9px;background:var(--bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.pf-session-icon i{font-size:18px;color:var(--text3)}.pf-session-info{flex:1;min-width:0}.pf-session-name{font-size:13px;font-weight:500;color:var(--text);display:flex;align-items:center;gap:8px}.pf-current-badge{font-size:10px;font-weight:600;background:var(--purple-light);color:var(--purple);padding:1px 7px;border-radius:10px}.pf-session-meta{font-size:11px;color:var(--text3);margin-top:2px}.pf-revoke-btn{font-size:12px;color:var(--text3);cursor:pointer;background:none;border:none;font-family:inherit}.pf-revoke-btn:hover{color:var(--red)}.pf-signout-all{font-size:12px;color:var(--red);cursor:pointer;background:none;border:none;font-family:inherit;margin-top:12px;padding:0}.pf-signout-all:hover{text-decoration:underline}.pf-connected-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.pf-connected-row:first-child{padding-top:0}.pf-connected-row:last-child{border-bottom:none;padding-bottom:0}.pf-connected-icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pf-connected-info{flex:1}.pf-connected-name{font-size:13px;font-weight:500;color:var(--text)}.pf-connected-detail{font-size:12px;color:var(--text3)}.pf-connected-tag{font-size:11px;font-weight:500;background:#E6F5EE;color:#1d6b50;padding:3px 9px;border-radius:20px}.pf-connect-btn{padding:7px 14px;border:1px solid var(--border);border-radius:8px;font-size:12px;font-weight:500;color:var(--text2);cursor:pointer;background:var(--bg);font-family:inherit;white-space:nowrap}.pf-connect-btn:hover{border-color:var(--purple);color:var(--purple);background:var(--purple-light)}.pf-disconnect-btn{font-size:12px;color:var(--text3);cursor:pointer;background:none;border:none;font-family:inherit;margin-left:8px}.pf-disconnect-btn:hover{color:var(--red)}.pf-danger-card{background:var(--bg);border:1px solid rgba(226,75,74,.2);border-radius:14px;padding:22px}.pf-danger-title{font-size:14px;font-weight:600;color:var(--red);margin-bottom:3px}.pf-danger-sub{font-size:12px;color:var(--text3);margin-bottom:18px;line-height:1.5}.pf-danger-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.pf-danger-desc{font-size:12px;color:var(--text3);line-height:1.5;flex:1}.pf-danger-btn{padding:8px 16px;border:1px solid rgba(226,75,74,.35);border-radius:9px;font-size:13px;font-weight:500;color:var(--red);cursor:pointer;background:none;font-family:inherit;white-space:nowrap}.pf-danger-btn:hover{background:#FEECEC;border-color:var(--red)}@media (max-width: 900px){.pf-layout,.pf-field-row{grid-template-columns:1fr}}.auth-page{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.auth-left{background:#0e0e14;display:flex;flex-direction:column;padding:48px;position:relative;overflow:hidden}.auth-left:before{content:"";position:absolute;top:-100px;right:-100px;width:360px;height:360px;background:rgba(83,74,183,.15);border-radius:50%}.auth-left:after{content:"";position:absolute;bottom:-60px;left:-60px;width:280px;height:280px;background:rgba(83,74,183,.08);border-radius:50%}.auth-left-logo{display:flex;align-items:center;text-decoration:none;margin-bottom:auto}.auth-left-logo-img{height:32px;width:auto;display:block}.auth-left-content{flex:1;display:flex;flex-direction:column;justify-content:center;padding:40px 0;position:relative;z-index:1}.auth-left-headline{font-size:32px;font-weight:700;color:#fff;line-height:1.15;letter-spacing:-.02em;margin-bottom:16px}.auth-left-sub{font-size:15px;color:#ffffff80;line-height:1.65;margin-bottom:40px;max-width:360px}.auth-left-footer{font-size:12px;color:#ffffff40;position:relative;z-index:1}.auth-left-footer a{color:#ffffff40;text-decoration:none}.auth-stat-row{display:flex;flex-direction:column;gap:14px}.auth-stat-item{display:flex;align-items:center;gap:12px}.auth-stat-icon{width:36px;height:36px;background:rgba(83,74,183,.3);border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.auth-stat-icon i{font-size:18px;color:#ffffffe6}.auth-stat-text{font-size:14px;color:#ffffffb3;line-height:1.5}.auth-stat-text strong{color:#fff;font-weight:600}.auth-plan-preview{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:20px;margin-bottom:20px}.auth-pp-label{font-size:11px;font-weight:700;color:#fff6;text-transform:uppercase;letter-spacing:.07em;margin-bottom:12px}.auth-pp-title{font-size:18px;font-weight:700;color:#fff;margin-bottom:4px}.auth-pp-price{font-size:13px;color:#ffffff80;margin-bottom:16px}.auth-pp-features{display:flex;flex-direction:column;gap:9px}.auth-pp-feat{display:flex;align-items:center;gap:9px;font-size:13px;color:#ffffffb3}.auth-pp-feat i{font-size:15px;color:var(--purple-light);flex-shrink:0}.auth-upgrade-note{font-size:12px;color:#ffffff59;padding:10px 14px;background:rgba(255,255,255,.04);border-radius:8px;line-height:1.6}.auth-upgrade-note a{color:#ffffff80;text-decoration:underline}.auth-right{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 40px;background:#fff;overflow-y:auto}.auth-card{width:100%;max-width:400px}.auth-title{font-size:24px;font-weight:700;color:var(--text);letter-spacing:-.02em;margin-bottom:6px}.auth-sub{font-size:14px;color:var(--text2);margin-bottom:28px}.auth-sub a{color:var(--purple);text-decoration:none;font-weight:500}.auth-sub a:hover{text-decoration:underline}.auth-social-btns{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.auth-social-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:11px 16px;border:1px solid rgba(0,0,0,.14);border-radius:10px;background:var(--bg);font-size:14px;font-weight:500;color:var(--text);cursor:pointer;font-family:inherit;transition:all .15s;text-decoration:none}.auth-social-btn:hover{background:var(--bg2)}.auth-divider{display:flex;align-items:center;gap:12px;margin-bottom:24px}.auth-divider-line{flex:1;height:1px;background:var(--border)}.auth-divider-text{font-size:12px;color:var(--text3);font-weight:500;white-space:nowrap}.auth-field{margin-bottom:16px}.auth-field-label{font-size:13px;font-weight:500;color:var(--text);margin-bottom:6px;display:block}.auth-field-input{width:100%;background:var(--bg2);border:1px solid rgba(0,0,0,.14);border-radius:10px;padding:11px 14px;font-size:14px;font-family:inherit;color:var(--text);outline:none;transition:all .15s}.auth-field-input:focus{border-color:var(--purple);background:#fff;box-shadow:0 0 0 3px #534ab71a}.auth-field-input::placeholder{color:var(--text3)}.auth-field-input.has-icon{padding-right:44px}.auth-field-wrap{position:relative}.auth-pw-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text3);padding:0;display:flex;align-items:center}.auth-pw-toggle:hover{color:var(--text2)}.auth-pw-toggle i{font-size:17px}.auth-field-split{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.auth-forgot-link{font-size:13px;color:var(--purple);text-decoration:none;font-weight:500;background:none;border:none;cursor:pointer;font-family:inherit;padding:0}.auth-forgot-link:hover{text-decoration:underline}.auth-field-row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auth-field-hint{font-size:11px;color:var(--text3);margin-top:5px}.auth-pw-bars{display:flex;gap:4px;margin-top:8px}.auth-pw-bar{flex:1;height:3px;border-radius:2px;background:var(--border);transition:background .2s}.auth-pw-bar.weak{background:var(--red)}.auth-pw-bar.medium{background:#f5a623}.auth-pw-bar.strong{background:var(--green)}.auth-pw-label{font-size:11px;color:var(--text3);margin-top:4px}.auth-checkbox-row{display:flex;align-items:flex-start;gap:9px;margin-bottom:18px}.auth-checkbox-row input[type=checkbox]{width:15px;height:15px;accent-color:var(--purple);cursor:pointer;flex-shrink:0;margin-top:2px}.auth-checkbox-label{font-size:13px;color:var(--text2);line-height:1.5;cursor:pointer}.auth-checkbox-label a{color:var(--purple);text-decoration:none;font-weight:500}.auth-submit-btn{width:100%;padding:12px;background:var(--purple);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .15s}.auth-submit-btn:hover{background:var(--purple-dark)}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed}.auth-page-footer{margin-top:20px;text-align:center;font-size:12px;color:var(--text3);line-height:1.6}.auth-page-footer a{color:var(--text3);text-decoration:underline}.auth-free-badge{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:16px;font-size:12px;color:var(--text3)}.auth-free-badge i{font-size:14px;color:var(--green)}.auth-back-btn{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--text2);background:none;border:none;cursor:pointer;font-family:inherit;padding:0;margin-bottom:24px}.auth-back-btn:hover{color:var(--text)}.auth-success{text-align:center;padding:12px 0}.auth-success-icon{width:56px;height:56px;background:#E6F5EE;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.auth-success-icon i{font-size:26px;color:var(--green)}.auth-success-title{font-size:20px;font-weight:700;color:var(--text);margin-bottom:8px;letter-spacing:-.01em}.auth-success-sub{font-size:14px;color:var(--text2);line-height:1.65;margin-bottom:24px}.auth-resend-row{font-size:13px;color:var(--text3);margin-top:14px}.auth-resend-btn{background:none;border:none;color:var(--purple);font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;padding:0}.auth-resend-btn:hover{text-decoration:underline}@keyframes authFadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-animate{animation:authFadeUp .2s ease}@keyframes authSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 700px){.auth-page{grid-template-columns:1fr}.auth-left{display:none}.auth-right{padding:48px 20px 32px;justify-content:flex-start}.auth-card{max-width:100%}}.ob-page{min-height:100vh;background:var(--bg2)}.ob-topbar{background:var(--bg);border-bottom:1px solid var(--border);height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;position:sticky;top:0;z-index:10}.ob-logo{display:flex;align-items:center;gap:9px}.ob-logo-img{height:32px;width:auto;display:block}.ob-topbar-right{display:flex;align-items:center;gap:12px}.ob-skip{font-size:13px;color:var(--text3);cursor:pointer;background:none;border:none;font-family:inherit}.ob-skip:hover{color:var(--text2)}.ob-user{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text2)}.ob-avatar{width:28px;height:28px;background:var(--purple-light);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--purple)}.ob-progress-wrap{background:var(--bg);border-bottom:1px solid var(--border);padding:0 40px}.ob-progress-steps{display:flex;align-items:center;max-width:680px;margin:0 auto;height:56px}.ob-ps-step{display:flex;align-items:center;gap:10px;flex:1}.ob-ps-step:last-child{flex:none}.ob-ps-dot{width:26px;height:26px;border-radius:50%;border:2px solid var(--border2);background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--text3);flex-shrink:0;transition:all .3s;z-index:1}.ob-ps-step.active .ob-ps-dot{border-color:var(--purple);background:var(--purple);color:#fff}.ob-ps-step.done .ob-ps-dot{border-color:var(--green);background:var(--green);color:#fff}.ob-ps-label{font-size:12px;font-weight:500;color:var(--text3);white-space:nowrap;transition:color .3s}.ob-ps-step.active .ob-ps-label{color:var(--text)}.ob-ps-step.done .ob-ps-label{color:var(--green)}.ob-ps-line{flex:1;height:1px;background:var(--border);margin:0 8px;transition:background .3s}.ob-ps-line.done{background:var(--green)}.ob-content{max-width:960px;margin:0 auto;padding:48px 40px}.ob-step-panel{animation:obFadeUp .25s ease}@keyframes obFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ob-welcome-emoji{font-size:48px;margin-bottom:16px;display:block}.ob-eyebrow{font-size:11px;font-weight:700;color:var(--purple);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.ob-title{font-size:28px;font-weight:700;color:var(--text);letter-spacing:-.02em;line-height:1.15;margin-bottom:8px}.ob-sub{font-size:15px;color:var(--text2);line-height:1.65;margin-bottom:36px;max-width:520px}.ob-card{background:var(--bg);border:1px solid var(--border);border-radius:16px;padding:28px;margin-bottom:20px}.ob-card-title{font-size:14px;font-weight:600;color:var(--text);margin-bottom:4px}.ob-card-sub{font-size:13px;color:var(--text3);margin-bottom:20px}.ob-checklist-items{display:flex;flex-direction:column;gap:12px}.ob-checklist-item{display:flex;align-items:center;gap:12px}.ob-checklist-icon{width:36px;height:36px;background:var(--purple-light);border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ob-checklist-icon i{font-size:18px;color:var(--purple)}.ob-checklist-label{font-size:13px;font-weight:600;color:var(--text)}.ob-checklist-desc{font-size:12px;color:var(--text3);margin-top:1px}.ob-field{margin-bottom:16px}.ob-field:last-of-type{margin-bottom:0}.ob-field-label{font-size:13px;font-weight:500;color:var(--text);margin-bottom:6px;display:block}.ob-field-input{width:100%;background:var(--bg2);border:1px solid var(--border2);border-radius:10px;padding:11px 14px;font-size:14px;font-family:inherit;color:var(--text);outline:none;transition:border-color .15s,background .15s,box-shadow .15s}.ob-field-input:focus{border-color:var(--purple);background:#fff;box-shadow:0 0 0 3px #534ab71a}.ob-field-input::placeholder{color:var(--text3)}.ob-field-hint{font-size:11px;color:var(--text3);margin-top:5px}.ob-platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ob-platform-opt{display:flex;align-items:center;gap:12px;padding:14px 16px;border:2px solid var(--border);border-radius:12px;cursor:pointer;transition:all .15s;background:var(--bg)}.ob-platform-opt:hover{border-color:#534ab74d;background:var(--bg2)}.ob-platform-opt.selected{border-color:var(--purple);background:var(--purple-light)}.ob-platform-opt.selected .ob-po-check{opacity:1}.ob-po-icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ob-po-info{flex:1;min-width:0}.ob-po-name{font-size:13px;font-weight:600;color:var(--text)}.ob-po-type{font-size:11px;color:var(--text3);margin-top:1px}.ob-po-check{width:18px;height:18px;background:var(--purple);border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s;flex-shrink:0}.ob-po-check i{font-size:11px;color:#fff}.ob-platform-opt.locked{opacity:.55;cursor:not-allowed}.ob-platform-opt.locked:hover{border-color:var(--border);background:var(--bg)}.ob-po-lock{width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ob-po-lock i{font-size:14px;color:var(--text3)}.ob-plan-note{display:flex;align-items:center;gap:6px;margin-top:12px;font-size:12px;color:var(--text3)}.ob-plan-note i{font-size:14px;flex-shrink:0}.ob-plan-link{color:var(--purple);text-decoration:none;font-weight:500}.ob-plan-link:hover{text-decoration:underline}.ob-upgrade-hint{display:flex;align-items:center;gap:8px;margin-top:10px;padding:10px 14px;background:var(--purple-light);border:1px solid rgba(83,74,183,.2);border-radius:10px;font-size:12px;color:var(--text2);animation:obFadeUp .2s ease}.ob-url-input-area{margin-top:12px;padding:14px 16px;background:var(--bg2);border:1px solid var(--border);border-radius:10px;animation:obFadeUp .2s ease}.ob-url-input-label{font-size:12px;font-weight:500;color:var(--text2);margin-bottom:8px}.ob-url-input-field{width:100%;background:var(--bg);border:1px solid var(--border2);border-radius:8px;padding:9px 12px;font-size:13px;font-family:inherit;color:var(--text);outline:none}.ob-url-input-field:focus{border-color:var(--purple)}.ob-url-input-field::placeholder{color:var(--text3)}.ob-help-link{background:none;border:none;color:var(--purple);font-size:11px;font-weight:500;cursor:pointer;font-family:inherit;padding:0}.ob-help-link:hover{text-decoration:underline}.ob-google-help{margin-top:10px;padding:14px 16px;background:var(--bg);border:1px solid var(--border);border-radius:10px;animation:obFadeUp .2s ease}.ob-google-help-title{font-size:12px;font-weight:600;color:var(--text);margin-bottom:8px}.ob-google-help-steps{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px}.ob-google-help-steps li{font-size:12px;color:var(--text2);line-height:1.5}.ob-google-help-steps code{background:var(--bg2);padding:1px 5px;border-radius:4px;font-size:11px;color:var(--purple)}.ob-google-help-steps strong{color:var(--text);font-weight:500}.ob-code-block{background:#13121e;border-radius:12px;overflow:hidden}.ob-code-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.ob-code-lang{font-size:11px;font-weight:600;color:#fff6;display:flex;align-items:center;gap:6px}.ob-copy-btn{display:flex;align-items:center;gap:5px;padding:4px 10px;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:none;font-size:12px;color:#ffffff80;cursor:pointer;font-family:inherit}.ob-copy-btn:hover{border-color:#ffffff40;color:#fffc}.ob-code-body{padding:18px 16px;font-family:Inter Mono,monospace;font-size:13px;line-height:1.75;color:#c8c7e8;white-space:pre;margin:0}.ob-nav-row{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.ob-btn-back{display:flex;align-items:center;gap:6px;padding:11px 20px;border:1px solid var(--border2);border-radius:10px;font-size:14px;font-weight:500;color:var(--text2);background:var(--bg);cursor:pointer;font-family:inherit}.ob-btn-back:hover{color:var(--text);background:var(--bg2)}.ob-btn-next{display:flex;align-items:center;gap:8px;padding:11px 24px;background:var(--purple);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit}.ob-btn-next:hover{background:var(--purple-dark)}.ob-btn-next:disabled{opacity:.5;cursor:not-allowed}.ob-btn-next i{font-size:15px}.ob-done-wrap{text-align:center;padding:20px 0 40px}.ob-done-icon{width:72px;height:72px;background:var(--green-light);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.ob-done-icon i{font-size:34px;color:var(--green)}.ob-done-title{font-size:28px;font-weight:700;color:var(--text);letter-spacing:-.02em;margin-bottom:10px}.ob-done-sub{font-size:15px;color:var(--text2);line-height:1.65;margin-bottom:36px;max-width:420px;margin-left:auto;margin-right:auto}.ob-done-checklist{display:flex;flex-direction:column;gap:10px;max-width:340px;margin:0 auto 36px;text-align:left}.ob-done-check-item{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text2)}.ob-done-check-item i{font-size:18px;color:var(--green);flex-shrink:0}.ob-btn-primary-full{width:100%;max-width:340px;margin:0 auto;padding:13px;background:var(--purple);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:8px}.ob-btn-primary-full:hover{background:var(--purple-dark)}.ob-logo-upload-area{margin-top:2px}.ob-logo-upload-btn{width:100%;display:flex;flex-direction:column;align-items:center;gap:6px;padding:24px 16px;border:2px dashed var(--border2);border-radius:12px;background:var(--bg2);cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;color:var(--text2);transition:all .15s}.ob-logo-upload-btn:hover{border-color:#534ab759;background:var(--purple-light);color:var(--purple)}.ob-logo-preview-wrap{position:relative;display:inline-flex;align-items:center;gap:12px}.ob-logo-preview-img{width:64px;height:64px;border-radius:12px;object-fit:cover;border:1px solid var(--border)}.ob-logo-uploading{font-size:12px;color:var(--text3)}.ob-logo-remove{width:22px;height:22px;border-radius:50%;border:1px solid var(--border2);background:var(--bg);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text3);transition:all .15s}.ob-logo-remove:hover{background:var(--red-light);border-color:var(--red);color:var(--red)}.ob-public-url-box{background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:12px 14px;margin-bottom:12px;word-break:break-all}.ob-public-url-text{font-size:13px;font-family:Inter Mono,monospace;color:var(--text);line-height:1.6}.ob-share-row{display:flex;gap:8px;flex-wrap:wrap}.ob-share-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;border:none;border-radius:9px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;text-decoration:none;transition:all .15s;flex:1;justify-content:center;min-width:0;white-space:nowrap}.ob-share-copy{background:var(--purple);color:#fff}.ob-share-copy:hover{background:var(--purple-dark)}.ob-share-whatsapp{background:#25D366;color:#fff}.ob-share-whatsapp:hover{background:#1DA855}.ob-share-preview{background:var(--bg);color:var(--text);border:1px solid var(--border2)}.ob-share-preview:hover{background:var(--bg2)}.ob-split-view{display:flex;gap:40px;align-items:flex-start}.ob-split-left{flex:0 0 400px;display:flex;justify-content:center;position:sticky;top:140px}.ob-split-right{flex:1;min-width:0}.ob-phone-frame{width:360px;height:720px;background:#fff;border-radius:28px;border:3px solid #1a1a22;box-shadow:0 8px 40px #0000001f;overflow:hidden;position:relative}.ob-phone-notch{width:80px;height:20px;background:#1a1a22;border-radius:0 0 12px 12px;margin:0 auto;position:relative;z-index:2}.ob-phone-screen{height:calc(100% - 20px);overflow-y:auto;scrollbar-width:none}.ob-phone-screen::-webkit-scrollbar{display:none}.ob-upload-btn{width:100%;display:flex;flex-direction:column;align-items:center;gap:4px;padding:20px 16px;border:2px dashed var(--border2);border-radius:10px;background:var(--bg2);cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;color:var(--text2);transition:all .15s}.ob-upload-btn:hover{border-color:#534ab759;background:var(--purple-light);color:var(--purple)}.ob-input-error{border-color:var(--red)!important}@media (max-width: 600px){.ob-topbar,.ob-progress-wrap{padding:0 16px}.ob-ps-label{display:none}.ob-content{padding:24px 16px 48px}.ob-platform-grid{grid-template-columns:1fr}.ob-title{font-size:22px}.ob-share-row{flex-direction:column}.ob-share-btn{flex:none}.ob-phone-hide-mobile{display:none}.ob-split-view{flex-direction:column;gap:0}}.legal-root{min-height:100vh;background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.legal-nav{border-bottom:1px solid #E6E6E6;padding:0 40px;height:60px;display:flex;align-items:center}.legal-back{font-size:14px;font-weight:500;color:#534ab7;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:opacity .12s}.legal-back:hover{opacity:.75}.legal-body{max-width:720px;margin:0 auto;padding:56px 40px 100px}.legal-disclaimer{background:#FEF9EC;border:1px solid #F5D97A;border-radius:10px;padding:14px 18px;margin-bottom:40px;font-size:13px;color:#7a5c00;line-height:1.55}.legal-disclaimer strong{color:#5a4200}.legal-title{font-size:32px;font-weight:700;color:#0e0e14;letter-spacing:-.5px;margin:0 0 6px}.legal-updated{font-size:13px;color:#9898b0;margin:0 0 40px}.legal-body h2{font-size:17px;font-weight:650;color:#0e0e14;margin:36px 0 10px;letter-spacing:-.2px}.legal-body p{font-size:15px;color:#3d3d55;line-height:1.75;margin:0 0 14px}.legal-body ul{margin:0 0 14px;padding-left:22px}.legal-body li{font-size:15px;color:#3d3d55;line-height:1.75;margin-bottom:4px}.legal-body a{color:#534ab7;text-decoration:underline}.legal-notice{background:#F0EFF8;border-left:3px solid #534AB7;border-radius:0 8px 8px 0;padding:12px 16px;margin:16px 0}.legal-notice p{margin:0;font-size:14px;color:#2e2a6a}.legal-placeholder{background:#FFF0F0;border:1px dashed #E88;border-radius:4px;padding:1px 6px;font-family:monospace;font-size:13px;color:#c00}.legal-footer{border-top:1px solid #E6E6E6;padding:28px 40px;text-align:center;font-size:13px;color:#9898b0}.legal-footer a{color:#534ab7;text-decoration:none;margin:0 10px}.legal-footer a:hover{text-decoration:underline}:root{--purple: #534AB7;--purple-dark: #3D3589;--purple-light: #EEEDFE;--text: #0e0e14;--text2: #5a5a72;--text3: #9898b0;--bg: #ffffff;--bg2: #f8f8fb;--bg3: #f0eff5;--border: rgba(0, 0, 0, .08);--border2: rgba(0, 0, 0, .12);--green: #1D9E75;--green-light: #E6F5EE;--red: #E24B4A;--red-light: #FEECEC;--star: #f5a623;--google: #4285F4;--google-light: #E8F5E9;--trustpilot: #00B67A;--trustpilot-light: #E8F0FE;--capterra: #FF7043;--capterra-light: #FFF3E0;--g2: #FF492C;--g2-light: #F3E5F5;--appstore: #000000;--appstore-light: #F0F4FF;--googleplay: #00C853;--googleplay-light: #E8F5E9;--sidebar-width: 220px}body.dark{--bg: #16151f;--bg2: #1e1c2a;--bg3: #252338;--border: rgba(255, 255, 255, .07);--border2: rgba(255, 255, 255, .12);--text: #eeedf5;--text2: #8b8aaa;--text3: #5a5978;--purple-light: #2a2655}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5;color:var(--text)}code,pre{font-family:Inter Mono,Courier New,monospace}*{box-sizing:border-box}.layout{display:flex;min-height:100vh;background:var(--bg2)}.main{margin-left:var(--sidebar-width);flex:1;display:flex;flex-direction:column;min-height:100vh;min-width:0;overflow-x:hidden}.content{padding:24px 28px;display:flex;flex-direction:column;gap:20px;flex:1;min-width:0}.section-title{font-size:13px;font-weight:600;color:var(--text);margin-bottom:14px;display:flex;align-items:center;justify-content:space-between}.section-title span{font-size:12px;font-weight:400;color:var(--text3)}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.row-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.row-3{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:14px}.row-3col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.card{background:var(--bg);border:1px solid var(--border);border-radius:14px;padding:20px;min-width:0;overflow:hidden}.metric{background:var(--bg);border:1px solid var(--border);border-radius:14px;padding:18px;min-width:0;overflow:hidden}.metric-label{font-size:12px;color:var(--text2);margin-bottom:10px;display:flex;align-items:center;gap:6px}.metric-label i{font-size:14px}.metric-value{font-size:26px;font-weight:600;color:var(--text);margin-bottom:4px;line-height:1}.metric-sub{font-size:12px;color:var(--text3);display:flex;align-items:center;gap:4px}.metric-sub .up{color:var(--green)}.metric-sub .down{color:var(--red)}.sidebar-overlay{display:none}@media (max-width: 1200px){.metrics,.row-3col{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.main{margin-left:0}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.4);z-index:999}.metrics,.row-2,.row-3,.row-3col{grid-template-columns:minmax(0,1fr)}.content{padding:16px 14px}}.sidebar{width:var(--sidebar-width);background:var(--bg);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:10}.sb-logo{padding:14px 12px;border-bottom:1px solid var(--border)}.sb-logo-icon{width:32px;height:32px;background:var(--purple-light);border-radius:10px;display:flex;align-items:center;justify-content:center}.sb-logo-icon i{font-size:16px;color:var(--purple)}.sb-logo-text{font-size:15px;font-weight:600;color:var(--text)}.sb-section-label{font-size:10px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.08em;padding:16px 18px 6px}.sb-nav{padding:8px;flex:1;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:9px;cursor:pointer;font-size:13px;font-weight:500;color:var(--text2);margin-bottom:1px;transition:all .15s;text-decoration:none;background:transparent;border:none;font-family:inherit}.nav-item:visited{color:var(--text2)}.nav-item:hover{background:var(--bg2);color:var(--text)}.nav-item.active{background:var(--purple-light);color:var(--purple)}.nav-item.active i{color:var(--purple)}.nav-item i{font-size:17px;color:var(--text3);width:20px;flex-shrink:0}.sb-footer{padding:12px;border-top:1px solid var(--border)}.plan-card{background:var(--bg2);border-radius:10px;padding:12px;margin-bottom:10px}.plan-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.plan-name{font-size:12px;font-weight:600;color:var(--text)}.plan-badge-pill{font-size:10px;font-weight:600;background:var(--bg3);color:var(--text2);padding:2px 7px;border-radius:20px}.plan-meta{font-size:11px;color:var(--text2);margin-bottom:8px}.bar-track{height:5px;background:var(--border);border-radius:3px;margin-bottom:6px}.bar-fill{height:100%;border-radius:3px;background:var(--purple);width:68%}.bar-label{font-size:11px;color:var(--text3)}.upgrade-btn{width:100%;padding:9px;background:var(--purple);color:#fff;border:none;border-radius:9px;font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;transition:opacity .15s}.upgrade-btn:hover{opacity:.88}.sb-nav::-webkit-scrollbar{width:6px}.sb-nav::-webkit-scrollbar-track{background:transparent}.sb-nav::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}.sb-nav::-webkit-scrollbar-thumb:hover{background:var(--border)}@media (max-width: 768px){.sidebar{transform:translate(-100%);transition:transform .3s ease;z-index:1000}.sidebar.open{transform:translate(0)}}.site-switcher-container{position:relative}.site-switcher{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;cursor:pointer;border:1px solid var(--border);background:var(--bg);transition:all .15s;font-family:inherit;width:100%;position:relative}.site-switcher:hover{border-color:var(--border2);background:var(--bg2)}.site-favicon{width:28px;height:28px;border-radius:50%;background:var(--purple-light);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--purple);flex-shrink:0;overflow:hidden}.site-favicon img{width:100%;height:100%;object-fit:cover;border-radius:7px}.site-info{flex:1;min-width:0}.site-name{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-status{font-size:10px;color:var(--text3);display:flex;align-items:center;gap:3px}.site-status-dot{width:5px;height:5px;border-radius:50%;background:var(--green)}.site-chevron{color:var(--text3);font-size:14px;flex-shrink:0;transition:transform .2s}.site-switcher.open .site-chevron{transform:rotate(180deg)}.site-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--bg);border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 20px #0000001a;z-index:20;overflow:hidden}.sd-section-label{font-size:10px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.06em;padding:8px 12px 4px}.sd-site-row{display:flex;align-items:center;gap:9px;padding:8px 10px;cursor:pointer;border-radius:8px;margin:0 4px;transition:all .15s}.sd-site-row:hover{background:var(--bg2)}.sd-site-row.active{background:var(--purple-light)}.sd-favicon{width:24px;height:24px;border-radius:50%;background:var(--purple-light);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--purple);flex-shrink:0}.sd-name{font-size:12px;font-weight:500;color:var(--text);flex:1}.sd-check{font-size:14px;color:var(--purple)}.sd-divider{height:1px;background:var(--border);margin:4px 0}.sd-add{display:flex;align-items:center;gap:8px;padding:8px 10px;cursor:pointer;border-radius:8px;margin:0 4px 4px;font-size:12px;font-weight:500;color:var(--text2);transition:all .15s;background:transparent;border:none;font-family:inherit}.sd-add:hover{background:var(--bg2);color:var(--purple)}.sd-add i{font-size:15px}.topbar{background:var(--bg);border-bottom:1px solid var(--border);padding:0 28px;height:60px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:9}.hamburger-btn{display:none;width:36px;height:36px;border-radius:9px;border:1px solid var(--border);background:var(--bg);align-items:center;justify-content:center;cursor:pointer;color:var(--text2);font-size:0}.hamburger-btn i{font-size:18px}.topbar-left{display:flex;align-items:center;gap:12px}.topbar-title{font-size:15px;font-weight:600;color:var(--text)}.site-pill{display:flex;align-items:center;gap:5px;background:var(--bg2);border:1px solid var(--border);border-radius:20px;padding:4px 10px;font-size:12px;color:var(--text2)}.site-pill .dot{width:7px;height:7px;background:var(--green);border-radius:50%}.topbar-right{display:flex;align-items:center;gap:10px}.icon-btn{width:36px;height:36px;border-radius:9px;border:1px solid var(--border);background:var(--bg);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text2);transition:all .15s;font-size:0;font-family:inherit}.icon-btn:hover{background:var(--bg2);color:var(--text)}.icon-btn i{font-size:17px}.snippet-btn{display:flex;align-items:center;gap:7px;padding:8px 14px;background:var(--purple);color:#fff;border:none;border-radius:9px;font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;transition:opacity .15s}.snippet-btn:hover{opacity:.88}.snippet-btn i{font-size:15px}@media (max-width: 768px){.hamburger-btn{display:flex}.topbar{padding:0 16px;height:56px}.topbar-title{font-size:14px}.site-pill,.snippet-btn span{display:none}.snippet-btn{padding:8px;width:36px;height:36px;justify-content:center}}.avatar-wrap{position:relative}.avatar{width:36px;height:36px;background:var(--purple-light);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:var(--purple);cursor:pointer;-webkit-user-select:none;user-select:none;border:none;font-family:inherit;transition:opacity .15s}.avatar:hover{opacity:.85}.avatar-dropdown{display:none;position:absolute;top:calc(100% + 10px);right:0;width:220px;background:var(--bg);border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 20px #0000001a;z-index:50;overflow:hidden}.avatar-dropdown.open{display:block;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ad-header{padding:14px 14px 12px;border-bottom:1px solid var(--border)}.ad-name{font-size:13px;font-weight:600;color:var(--text);margin-bottom:1px}.ad-email{font-size:11px;color:var(--text3)}.ad-plan{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:600;background:var(--purple-light);color:var(--purple);padding:2px 7px;border-radius:10px;margin-top:6px}.ad-plan i{font-size:9px}.ad-items{padding:6px}.ad-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;font-size:13px;color:var(--text2);cursor:pointer;text-decoration:none;transition:all .15s;background:transparent;border:none;font-family:inherit;width:100%;text-align:left}.ad-item:hover{background:var(--bg2);color:var(--text)}.ad-item i{font-size:16px;color:var(--text3);width:18px;flex-shrink:0}.ad-item:hover i{color:var(--text2)}.ad-divider{height:1px;background:var(--border);margin:4px 6px}.ad-item.danger{color:var(--red)}.ad-item.danger i{color:var(--red);opacity:.7}.ad-item.danger:hover{background:var(--red-light)}.ad-item.danger:hover i{opacity:1}.platform-list{display:flex;flex-direction:column;gap:14px}.platform-row{display:flex;align-items:center;gap:12px}.p-icon{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.p-info{flex:1;min-width:0}.p-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px}.p-name{font-size:13px;font-weight:500;color:var(--text)}.p-rating{font-size:12px;font-weight:500;color:var(--text);display:flex;align-items:center;gap:3px}.p-count{font-size:11px;color:var(--text3);margin-bottom:6px}.p-bar{height:4px;background:var(--border);border-radius:2px}.p-bar-fill{height:100%;border-radius:2px}.star{color:var(--star)}.platform-toggle-list{display:flex;flex-direction:column}.pt-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.pt-row:last-child{border-bottom:none;padding-bottom:0}.pt-icon{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.pt-info{flex:1;min-width:0}.pt-name{font-size:13px;font-weight:500;color:var(--text)}.pt-url{font-size:11px;color:var(--text3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toggle{width:40px;height:22px;border-radius:11px;cursor:pointer;position:relative;transition:background .2s;flex-shrink:0;border:none;outline:none;display:flex;align-items:center}.toggle.on{background:var(--purple)}.toggle.off{background:var(--border2)}.toggle-knob{position:absolute;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .2s;pointer-events:none}.toggle.on .toggle-knob{left:21px}.toggle.off .toggle-knob{left:3px}.code-block{background:#13121e;border-radius:10px;overflow:hidden;margin-bottom:10px}.code-block-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#1e1c2e;border-bottom:1px solid rgba(255,255,255,.06)}.code-lang{font-size:11px;font-weight:500;color:#8b8aaa;text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;gap:6px}.code-lang i{font-size:14px}.code-copy-btn{display:flex;align-items:center;gap:5px;font-size:12px;color:#8b8aaa;background:none;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:4px 10px;cursor:pointer;font-family:inherit;transition:all .15s}.code-copy-btn:hover{color:#fff;border-color:#ffffff40}.code-body{padding:16px;font-family:Inter Mono,monospace;font-size:12.5px;line-height:1.75;color:#c8c7e8;overflow-x:auto;white-space:pre}.code-body pre{margin:0;font-family:Inter Mono,monospace}.activity{display:flex;flex-direction:column}.activity-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--border)}.activity-row:last-child{border-bottom:none}.a-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.a-text{flex:1;font-size:13px;color:var(--text2)}.a-text strong{color:var(--text);font-weight:500}.a-platform{font-size:11px;font-weight:500;padding:3px 8px;border-radius:6px}.a-time{font-size:11px;color:var(--text3);white-space:nowrap}.preview-scene{border-radius:12px;padding:20px;position:relative;min-height:210px;overflow:hidden;transition:background .3s}.preview-scene.light{background:#ebebf5}.preview-scene.dark{background:#0f0e1a}.preview-lines{display:flex;flex-direction:column;gap:8px}.preview-line{height:10px;border-radius:4px;transition:background .3s}.preview-scene.light .preview-line{background:#d8d7e8}.preview-scene.dark .preview-line{background:#2a2845}.preview-btn-fake{width:80px;height:28px;background:#7f77dd;border-radius:6px;margin-top:4px}.widget-bubble{position:absolute;bottom:16px;border-radius:14px;padding:12px 14px;width:180px;transition:all .3s}.widget-bubble.pos-right{right:16px;left:auto}.widget-bubble.pos-left{left:16px;right:auto}.widget-bubble.theme-light{background:#fff;border:1px solid #dddce8;box-shadow:0 2px 12px #0000001a}.widget-bubble.theme-dark{background:#1e1c35;border:1px solid #333158;box-shadow:0 2px 16px #00000059}.wb-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.wb-label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:500;transition:color .3s}.theme-light .wb-label{color:#999}.theme-dark .wb-label{color:#7774a0}.wb-close{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .3s}.theme-light .wb-close{background:#f0eff5}.theme-dark .wb-close{background:#2a2845}.wb-close i{font-size:10px;transition:color .3s}.theme-light .wb-close i{color:#aaa}.theme-dark .wb-close i{color:#7774a0}.wb-score{font-size:22px;font-weight:600;line-height:1;margin-bottom:3px;transition:color .3s}.theme-light .wb-score{color:#1a1a2e}.theme-dark .wb-score{color:#e8e7f5}.wb-stars{color:var(--star);font-size:12px;margin-bottom:5px;letter-spacing:1px}.wb-bottom{display:flex;justify-content:space-between;align-items:center}.wb-count{font-size:10px;transition:color .3s}.theme-light .wb-count{color:#999}.theme-dark .wb-count{color:#7774a0}.wb-cta{font-size:10px;color:var(--purple);font-weight:500}.theme-dark .wb-cta{color:#9996e8}.appearance-section{margin-bottom:16px}.appearance-label{font-size:12px;font-weight:500;color:var(--text2);margin-bottom:8px}.opt-row{display:flex;gap:8px;flex-wrap:wrap}.opt{display:flex;align-items:center;gap:6px;padding:7px 13px;border-radius:9px;border:1px solid var(--border);background:var(--bg);font-size:12px;font-weight:500;color:var(--text2);cursor:pointer;transition:all .15s;font-family:inherit}.opt i{font-size:15px}.opt:hover,.opt.sel{border-color:var(--purple);color:var(--purple);background:var(--purple-light)}.fw-tabs{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}.fw-tab{display:flex;align-items:center;gap:6px;padding:6px 13px;border-radius:8px;border:1px solid var(--border);background:var(--bg);font-size:12px;font-weight:500;color:var(--text2);cursor:pointer;font-family:inherit;transition:all .15s}.fw-tab i{font-size:15px}.fw-tab:hover,.fw-tab.active{border-color:var(--purple);color:var(--purple);background:var(--purple-light)}.fw-content{display:none}.fw-content.active{display:block}.upgrade-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.upgrade-modal-box{background:var(--bg);border-radius:16px;width:400px;max-width:100%;overflow:hidden;box-shadow:0 8px 40px #00000029;animation:modalFadeIn .2s ease}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.upgrade-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 0}.upgrade-modal-icon{width:44px;height:44px;background:var(--purple-light);border-radius:12px;display:flex;align-items:center;justify-content:center}.upgrade-modal-icon i{font-size:22px;color:var(--purple)}.upgrade-modal-close{width:28px;height:28px;border-radius:50%;background:var(--bg2);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.upgrade-modal-close i{font-size:14px;color:var(--text3)}.upgrade-modal-body{padding:16px 20px 20px}.upgrade-modal-title{font-size:17px;font-weight:600;color:var(--text);margin-bottom:6px}.upgrade-modal-text{font-size:13px;color:var(--text2);line-height:1.6;margin-bottom:16px}.upgrade-modal-features{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.upgrade-modal-feature{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text2)}.upgrade-modal-feature i{font-size:16px;color:var(--green);flex-shrink:0}.upgrade-modal-cta{width:100%;padding:12px;background:var(--purple);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;margin-bottom:8px}.upgrade-modal-cta:hover{background:var(--purple-dark)}.upgrade-modal-dismiss{width:100%;padding:10px;background:none;border:none;color:var(--text3);font-size:13px;cursor:pointer;font-family:inherit}.upgrade-modal-dismiss:hover{color:var(--text2)}*{box-sizing:border-box;margin:0;padding:0}*:before,*:after{box-sizing:border-box}html,body{width:100%;height:100%;overflow-x:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,sans-serif;background:var(--bg2);color:var(--text);font-size:14px;line-height:1.5}#root{display:flex;flex-direction:column;min-height:100vh}