@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@600;700&family=JetBrains+Mono:wght@400;500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@600;700&display=swap);.hm-app{--background:#0b0c10;--panel:#14161d;--panel-alt:#1a1d26;--border:#262a35;--hi:#ecedf2;--mid:#9ba0af;--low:#5b6070;--violet:#7c6cf0;--violet-dim:#332c58;--amber:#f0a857;--danger:#ef6461;--teal:#4fbf8b;--font-ui:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-display:"Space Grotesk",var(--font-ui);background:var(--background);border:1px solid var(--border);color:var(--hi);font-family:var(--font-ui);height:100%;min-height:640px;overflow-y:auto}.hm-app *{box-sizing:border-box}.hm-app::-webkit-scrollbar{width:8px}.hm-app::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px}.hm-app::-webkit-scrollbar-track{background:#0000}.hm-section{padding:0 40px}.hm-section-inner{margin:0 auto;max-width:1040px}.hm-nav{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b0c10d9;border-bottom:1px solid var(--border);justify-content:space-between;padding:16px 40px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.hm-brand,.hm-nav{align-items:center;display:flex}.hm-brand{gap:10px}.hm-logo-mark{background:linear-gradient(135deg,var(--violet),var(--amber));border-radius:8px;flex-shrink:0;height:28px;width:28px}.hm-logo-text{font-family:var(--font-display);font-size:16px;font-weight:700}.hm-nav-links{align-items:center;display:flex;gap:26px}.hm-nav-link{background:none;border:none;color:var(--mid);cursor:pointer;font-size:13px;font-weight:600}.hm-nav-link:hover{color:var(--hi)}.hm-nav-actions{align-items:center;display:flex;gap:10px}.hm-btn-ghost{background:#0000;border:1px solid var(--border);border-radius:8px;color:var(--hi);cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;white-space:nowrap}.hm-btn-primary{border:none;border-radius:8px;font-size:13px;gap:6px;padding:8px 18px;white-space:nowrap}.hm-btn-primary,.hm-btn-primary-lg{align-items:center;background:var(--amber);color:#241705;cursor:pointer;display:flex;font-weight:700}.hm-btn-primary-lg{border:none;border-radius:10px;font-size:14.5px;gap:8px;padding:13px 24px}.hm-btn-ghost-lg{align-items:center;background:#0000;border:1px solid var(--border);border-radius:10px;color:var(--hi);cursor:pointer;display:flex;font-size:14.5px;font-weight:600;gap:8px;padding:13px 22px}.hm-hero{padding:76px 40px 60px;text-align:center}.hm-headline{font-family:var(--font-display);font-size:46px;font-weight:700;letter-spacing:-.5px;line-height:1.12;margin:0 auto 18px;max-width:760px}.hm-headline-accent{background:linear-gradient(135deg,var(--violet),var(--amber));-webkit-background-clip:text;background-clip:text;color:#0000}.hm-subhead{color:var(--mid);font-size:15.5px;line-height:1.6;margin:0 auto 32px;max-width:560px}.hm-hero-actions{display:flex;gap:12px;justify-content:center;margin-bottom:56px}.hm-mockup{background:var(--panel);border:1px solid var(--border);border-radius:14px;box-shadow:0 30px 80px #00000073;margin:0 auto;max-width:820px;overflow:hidden;text-align:left}.hm-mockup-chrome{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:8px;padding:10px 14px}.hm-mockup-dot{border-radius:5px;height:9px;width:9px}.hm-mockup-modeswitch{background:var(--panel-alt);border:1px solid var(--border);border-radius:8px;display:flex;margin-left:auto;padding:2px}.hm-mockup-mode{border-radius:6px;color:var(--mid);font-size:10.5px;font-weight:700;padding:4px 12px}.hm-mockup-mode[data-active=true]{background:var(--violet);color:#fff}.hm-mockup-body{display:flex;height:220px}.hm-mockup-side{border-right:1px solid var(--border);display:flex;flex-direction:column;gap:6px;padding:12px 10px;width:120px}.hm-mockup-chip{background:var(--panel-alt);border:1px solid var(--border);border-radius:6px;height:22px}.hm-mockup-canvas{background:#fff;background-image:radial-gradient(#e5e7eb 1px,#0000 0);background-size:16px 16px;flex:1 1;position:relative}.hm-mockup-el{border-radius:4px;position:absolute}.hm-eyebrow-label{color:var(--low);font-size:11.5px;font-weight:700;letter-spacing:1px;margin-bottom:8px;text-align:center}.hm-section-title{font-family:var(--font-display);font-size:28px;font-weight:700;margin-bottom:12px;text-align:center}.hm-section-desc{color:var(--mid);font-size:14px;line-height:1.6;margin:0 auto 44px;max-width:480px;text-align:center}.hm-steps{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(4,1fr);padding:0 0 90px}.hm-step{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:22px 18px;position:relative}.hm-step-num{color:var(--violet);font-family:var(--font-display);font-size:12px;font-weight:700;margin-bottom:12px}.hm-step-icon{align-items:center;background:var(--violet-dim);border-radius:9px;display:flex;height:36px;justify-content:center;margin-bottom:14px;width:36px}.hm-step-title{font-size:14px;font-weight:700;margin-bottom:6px}.hm-step-desc{color:var(--mid);font-size:12.5px;line-height:1.6}.hm-features-band{background:var(--panel);border-bottom:1px solid var(--border);border-top:1px solid var(--border);padding:80px 40px}.hm-features-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.hm-feature-card{background:var(--background);border:1px solid var(--border);border-radius:12px;padding:22px}.hm-feature-icon{align-items:center;border-radius:10px;display:flex;height:38px;justify-content:center;margin-bottom:14px;width:38px}.hm-feature-title{font-size:14.5px;font-weight:700;margin-bottom:6px}.hm-feature-desc{color:var(--mid);font-size:12.5px;line-height:1.6}.hm-pricing{padding:90px 40px}.hm-billing-toggle{align-items:center;display:flex;gap:12px;justify-content:center;margin:-12px 0 40px}.hm-billing-toggle-label{color:var(--low);cursor:pointer;font-size:13px;font-weight:600;transition:color .15s ease;-webkit-user-select:none;user-select:none}.hm-billing-toggle-label[data-active=true]{color:var(--hi)}.hm-billing-switch{background:var(--panel-alt);border:1px solid var(--border);border-radius:999px;cursor:pointer;flex-shrink:0;height:22px;padding:0;position:relative;width:40px}.hm-billing-switch-thumb{background:var(--amber);border-radius:50%;height:16px;left:2px;position:absolute;top:2px;transition:transform .18s ease;width:16px}.hm-billing-switch[data-yearly=true] .hm-billing-switch-thumb{transform:translateX(18px)}.hm-billing-save-badge{background:#4fbf8b24;border-radius:999px;color:var(--teal);font-size:10.5px;font-weight:700;padding:3px 9px;white-space:nowrap}.hm-pricing-grid{grid-gap:16px;align-items:stretch;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.hm-plan-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;display:flex;flex-direction:column;padding:24px}.hm-plan-card[data-featured=true]{border-color:var(--violet);box-shadow:0 0 0 1px var(--violet);position:relative}.hm-plan-badge{background:var(--violet);border-radius:999px;color:#fff;font-size:10.5px;font-weight:700;left:24px;padding:3px 10px;position:absolute;top:-11px}.hm-plan-name{font-family:var(--font-display);font-size:17px;font-weight:700;margin-bottom:4px}.hm-plan-price{font-size:26px;font-weight:700;margin-bottom:2px}.hm-plan-price span{color:var(--mid);font-size:12.5px;font-weight:500}.hm-plan-desc{color:var(--mid);font-size:12.5px;margin-bottom:18px}.hm-plan-features{display:flex;flex:1 1;flex-direction:column;gap:9px;list-style:none;margin:0 0 22px;padding:0}.hm-plan-feature{align-items:flex-start;display:flex;gap:8px}.hm-plan-btn,.hm-plan-feature{color:var(--hi);font-size:12.5px}.hm-plan-btn{background:var(--panel-alt);border:1px solid var(--border);border-radius:8px;cursor:pointer;font-weight:700;padding:10px 0;text-align:center}.hm-plan-btn[data-primary=true]{background:var(--amber);border:none;color:#241705}.hm-cta-band{padding:70px 40px;text-align:center}.hm-cta-card{background:linear-gradient(135deg,var(--violet-dim),#23283a);border:1px solid var(--border);border-radius:18px;margin:0 auto;max-width:720px;padding:46px 40px}.hm-cta-title{font-family:var(--font-display);font-size:24px;font-weight:700;margin-bottom:10px}.hm-cta-desc{color:var(--mid);font-size:13.5px;margin-bottom:24px}.hm-footer{border-top:1px solid var(--border);padding:40px 40px 28px}.hm-footer-top{display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between;margin-bottom:32px}.hm-footer-brand-desc{color:var(--mid);font-size:12.5px;line-height:1.6;margin-top:10px;max-width:240px}.hm-footer-cols{display:flex;flex-wrap:wrap;gap:56px}.hm-footer-col-title{color:var(--low);font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:12px}.hm-footer-link{background:none;border:none;color:var(--mid);cursor:pointer;display:block;font-size:12.5px;margin-bottom:9px;padding:0;text-align:left}.hm-footer-link:hover{color:var(--hi)}.hm-footer-bottom{align-items:center;border-top:1px solid var(--border);color:var(--low);display:flex;flex-wrap:wrap;font-size:11.5px;gap:10px;justify-content:space-between;padding-top:20px}.hm-toast{background:var(--panel-alt);border:1px solid var(--border);border-radius:8px;bottom:20px;box-shadow:0 8px 24px #0006;color:var(--hi);font-size:12.5px;left:50%;padding:8px 16px;position:fixed;transform:translateX(-50%);z-index:1200}@media (max-width:780px){.hm-features-grid,.hm-pricing-grid,.hm-steps{grid-template-columns:1fr}.hm-nav-links{display:none}.hm-headline{font-size:32px}}.au-app{--background:#0b0c10;--panel:#14161d;--panel-alt:#1a1d26;--border:#262a35;--hi:#ecedf2;--mid:#9ba0af;--low:#5b6070;--violet:#7c6cf0;--violet-dim:#332c58;--amber:#f0a857;--danger:#ef6461;--teal:#4fbf8b;--font-ui:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-display:"Space Grotesk",var(--font-ui);background:var(--background);border:1px solid var(--border);color:var(--hi);display:flex;font-family:var(--font-ui);height:100vh;overflow:hidden}.au-app,.au-app *{box-sizing:border-box}.au-brand-panel{background:linear-gradient(160deg,var(--violet-dim) 0,#1b1e2c 55%,var(--background) 100%);border-right:1px solid var(--border);display:flex;flex:0 0 42%;flex-direction:column;justify-content:space-between;padding:34px}.au-brand{align-items:center;display:flex;gap:10px}.au-logo-mark{background:linear-gradient(135deg,var(--violet),var(--amber));border-radius:8px;flex-shrink:0;height:28px;width:28px}.au-logo-text{cursor:pointer;font-family:var(--font-display);font-size:16px;font-weight:700}.au-brand-mid{margin-top:20px}.au-brand-headline{font-family:var(--font-display);font-size:25px;font-weight:700;line-height:1.25;margin-bottom:14px;max-width:340px}.au-brand-sub{color:var(--mid);font-size:13px;line-height:1.6;margin-bottom:26px;max-width:320px}.au-brand-points{display:flex;flex-direction:column;gap:14px}.au-brand-point{align-items:flex-start;color:var(--hi);display:flex;font-size:12.5px;gap:10px}.au-brand-point-icon{align-items:center;background:#ffffff0f;border-radius:7px;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.au-brand-quote{border-top:1px solid var(--border);color:var(--low);font-size:12px;line-height:1.6;padding-top:16px}.au-form-panel{align-items:center;display:flex;flex:1 1;justify-content:center;overflow:auto;padding:40px}.au-form-card{max-width:360px;width:100%}.au-form-title{font-family:var(--font-display);font-size:22px;font-weight:700;margin-bottom:6px}.au-form-sub{color:var(--mid);font-size:13px;margin-bottom:26px}.au-field{margin-bottom:14px}.au-label{color:var(--mid);display:block;font-size:11.5px;margin-bottom:6px}.au-input-wrap{position:relative}.au-input-icon{color:var(--low);left:12px;position:absolute;top:50%;transform:translateY(-50%)}.au-input{background:var(--panel-alt);border:1px solid var(--border);border-radius:8px;color:var(--hi);font-size:13px;outline:none;padding:10px 12px 10px 36px;width:100%}.au-input:focus{border-color:var(--violet)}.au-input[data-error=true]{border-color:var(--danger)}.au-row-between{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.au-checkbox-row{align-items:flex-start;color:var(--mid);display:flex;font-size:12px;gap:8px;line-height:1.5;margin-bottom:18px}.au-checkbox-row input{accent-color:var(--violet);margin-top:2px}.au-link-btn{background:none;border:none;color:var(--violet);cursor:pointer;font-size:12px;font-weight:600;padding:0}.au-banner{align-items:flex-start;border-radius:8px;display:flex;font-size:12.5px;gap:8px;line-height:1.5;margin-bottom:16px;padding:10px 12px}.au-banner-error{background:#ef64611a;border:1px solid var(--danger);color:#f5a6a4}.au-banner-success{background:#4fbf8b1a;border:1px solid var(--teal);color:#9be0c3}.au-submit-btn{align-items:center;background:var(--amber);border:none;border-radius:8px;color:#241705;cursor:pointer;display:flex;font-size:13.5px;font-weight:700;gap:8px;justify-content:center;margin-bottom:16px;padding:11px 0;width:100%}.au-submit-btn[data-loading=true]{cursor:default;opacity:.75}.au-submit-btn:disabled{cursor:default;opacity:.5}.au-divider-row{align-items:center;display:flex;gap:12px;margin-bottom:16px}.au-divider-line{background:var(--border);flex:1 1;height:1px}.au-divider-label{color:var(--low);font-size:11px}.au-secondary-btn{background:var(--panel-alt);border:1px solid var(--border);border-radius:8px;color:var(--hi);cursor:pointer;font-size:13px;font-weight:600;margin-bottom:20px;padding:10px 0;width:100%}.au-secondary-btn:disabled{cursor:default;opacity:.5}.au-switch-row{color:var(--mid);font-size:12.5px;text-align:center}.au-spin{animation:au-spin .8s linear infinite}@keyframes au-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:720px){.au-brand-panel{display:none}}.dashboard-main-div{display:flex;height:100vh;min-height:640px;overflow:hidden;position:relative}.dashboard-new-project-button{align-items:center;border:none;border-radius:9px;color:#241705;cursor:pointer;display:flex;font-size:12.5px;font-weight:700;gap:7px;justify-content:center;margin-bottom:20px;padding:9px 0}.sb-root{border-right:1px solid;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;height:100%;padding:16px;width:280px}.sb-logo-row{align-items:center;display:flex;gap:9px;margin-bottom:16px;padding:0 4px}.sb-logo-mark{background:linear-gradient(135deg,#7c6cf0,#f0a857);border-radius:6px;flex-shrink:0;height:24px;width:24px}.sb-logo-text{font-family:Space Grotesk,Inter,sans-serif;font-size:14.5px;font-weight:700}.sb-nav-list{display:flex;flex-direction:column;gap:2px}.sb-nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#9ba0af;cursor:pointer;display:flex;font-size:12.5px;font-weight:600;gap:9px;padding:8px 9px;text-align:left;width:100%}.sb-nav-item-active{background:#332c58;color:#fff}.sb-nav-label{flex:1 1}.sb-nav-count{color:#5b6070;font-size:11px}.sb-nav-item-active .sb-nav-count{color:#cfc9fa}.sb-spacer{flex:1 1}.sb-user-wrap{margin-top:10px;position:relative}.sb-user-chip{align-items:center;background:#0000;border:1px solid #262a35;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:8px 9px;text-align:left;width:100%}.sb-user-chip:hover{border-color:#3a3f4e}.sb-user-avatar{background:linear-gradient(135deg,#4fbf8b,#7c6cf0);border-radius:12px;flex-shrink:0;height:24px;width:24px}.sb-user-name{color:#ecedf2;font-size:11.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-profile-menu{background:#1a1d26;border:1px solid #262a35;border-radius:10px;bottom:calc(100% + 6px);box-shadow:0 12px 32px #00000080;left:0;padding:6px;position:absolute;right:0;z-index:50}.sb-profile-menu-item{align-items:center;background:#0000;border:none;border-radius:6px;color:#ecedf2;cursor:pointer;display:flex;font-size:12.5px;font-weight:600;gap:9px;padding:7px 9px;text-align:left;width:100%}.sb-profile-menu-item:hover{background:#242836}.db-main{display:flex;flex:1 1;flex-direction:column;min-width:0}.db-topbar{align-items:center;border-bottom:1px solid #262a35;display:flex;flex-shrink:0;gap:12px;padding:14px 22px}.db-search-wrap{flex:1 1;max-width:360px;position:relative}.db-search-icon{color:#5b6070;left:11px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.db-search-input{background:#1a1d26;border:1px solid #262a35;border-radius:9px;box-sizing:border-box;color:#ecedf2;font-size:12.5px;outline:none;padding:8px 12px 8px 32px;width:100%}.db-topbar-spacer{flex:1 1}.db-view-toggle{background:#1a1d26;border:1px solid #262a35;border-radius:8px;display:flex;padding:2px}.db-view-toggle-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#9ba0af;cursor:pointer;display:flex;padding:6px 8px}.db-view-toggle-btn-active{background:#7c6cf0;color:#fff}.db-content{flex:1 1;overflow:auto;padding:22px}.db-heading-block{margin-bottom:22px}.db-heading{font-family:Space Grotesk,Inter,sans-serif;font-size:22px;font-weight:700;margin-bottom:4px}.db-subheading{color:#9ba0af;font-size:12.5px}.db-empty-state{align-items:center;color:#5b6070;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:70px 0}.db-empty-text{font-size:13px}.db-empty-cta{align-items:center;background:#f0a857;border:none;border-radius:8px;color:#241705;cursor:pointer;display:flex;font-size:12.5px;font-weight:700;gap:6px;margin-top:6px;padding:8px 14px}.db-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.db-list{display:flex;flex-direction:column;gap:8px}.db-toast{background:#1a1d26;border:1px solid #262a35;border-radius:8px;bottom:20px;box-shadow:0 8px 24px #0006;color:#ecedf2;font-size:12.5px;left:50%;padding:8px 16px;position:fixed;transform:translateX(-50%);z-index:1200}.pc-grid-card{background:#14161d;border:1px solid #262a35;border-radius:12px;cursor:pointer;overflow:hidden;transition:border-color .12s ease}.pc-grid-card:hover{border-color:#3a3f4e}.pc-grid-thumb{align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--g1) 13%,#0000),color-mix(in srgb,var(--g2) 13%,#0000));display:flex;height:108px;justify-content:center;position:relative}.pc-grid-thumb-inner{background:linear-gradient(135deg,var(--g1),var(--g2));border-radius:10px;height:44px;width:44px}.pc-grid-menu-btn{background:#00000073;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;padding:5px;position:absolute;right:6px;top:6px}.pc-grid-body{padding:10px 12px}.pc-grid-name-row{align-items:center;display:flex;gap:6px}.pc-grid-name{color:#ecedf2;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-grid-time{color:#5b6070;font-size:11.5px;gap:4px;margin-top:3px}.pc-grid-time,.pc-list-row{align-items:center;display:flex}.pc-list-row{background:#14161d;border:1px solid #262a35;border-radius:10px;cursor:pointer;gap:14px;padding:10px 12px}.pc-list-thumb{background:linear-gradient(135deg,var(--g1),var(--g2));border-radius:8px;flex-shrink:0;height:40px;width:40px}.pc-list-body{flex:1 1;min-width:0}.pc-list-name{color:#ecedf2;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-list-time{color:#5b6070;font-size:11.5px}.pc-list-menu-btn{background:#0000;border:none;color:#9ba0af;cursor:pointer;padding:4px}.pc-status-dot{background:#5b6070;border-radius:4px;flex-shrink:0;height:7px;width:7px}.pc-status-dot-sm{border-radius:3px;height:6px;width:6px}.pc-status-dot-live{background:#4fbf8b}.ctx-menu{background:#1a1d26;border:1px solid #262a35;border-radius:10px;box-shadow:0 12px 32px #00000080;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;padding:6px;position:fixed;width:190px;z-index:1000}.ctx-divider{background:#262a35;height:1px;margin:5px 4px}.ctx-item{align-items:center;background:#0000;border:none;border-radius:6px;color:#ecedf2;cursor:pointer;display:flex;font-size:12.5px;gap:9px;padding:7px 9px;text-align:left;width:100%}.ctx-item:hover:not(.ctx-item-disabled){background:#242836}.ctx-item-label{flex:1 1}.ctx-item-danger{color:#ef6461}.ctx-item-disabled{color:#5b6070;cursor:default}.npm-overlay{align-items:center;background:#06070ab8;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1100}.npm-modal{background:#14161d;border:1px solid #262a35;border-radius:14px;box-shadow:0 24px 64px #0000008c;box-sizing:border-box;max-width:100%;padding:22px;width:460px}.npm-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.npm-title{font-family:Space Grotesk,Inter,sans-serif;font-size:17px;font-weight:700}.npm-close{background:#0000;border:none;color:#9ba0af;cursor:pointer;padding:4px}.npm-field{margin-bottom:16px}.npm-field-last{margin-bottom:20px}.npm-label{color:#9ba0af;font-size:11px;margin-bottom:6px}.npm-input{background:#1a1d26;border:1px solid #262a35;border-radius:8px;box-sizing:border-box;color:#ecedf2;font-size:13.5px;outline:none;padding:9px 11px;width:100%}.npm-template-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.npm-template-card{align-items:flex-start;background:#1a1d26;border:1.5px solid #262a35;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:11px;text-align:left}.npm-template-card-active{background:#332c58;border-color:#7c6cf0}.npm-template-icon{color:#9ba0af}.npm-template-card-active .npm-template-icon{color:#fff}.npm-template-label{color:#ecedf2;font-size:12.5px;font-weight:600}.npm-template-desc{color:#9ba0af;font-size:11px}.npm-footer{display:flex;gap:8px;justify-content:flex-end}.npm-btn-cancel{background:#0000;border:1px solid #262a35;border-radius:8px;color:#9ba0af;cursor:pointer;font-size:12.5px;font-weight:600;padding:9px 16px}.npm-btn-create{background:#262a35;border:none;border-radius:8px;color:#5b6070;cursor:default;font-size:12.5px;font-weight:700;padding:9px 18px}.npm-btn-create-active{background:#f0a857;color:#241705;cursor:pointer}.npm-input[data-invalid=true]{border-color:#ef6461}.npm-field-error{color:#ef6461;font-size:11px;margin-top:6px}.background{background-color:#0b0c10}.panel{background-color:#14161d}.panel-alt{background-color:#1a1d26}.border{border-color:#262a35}.hi{color:#ecedf2}.mid{color:#9ba0af}.low{color:#5b6070}.violet{color:#7c6cf0}.violet-dim{color:#332c58}.amber{background-color:#f0a857}.danger{color:#ef6461}.teal{color:#4fbf8b}.hp-app{--background:#0b0c10;--panel:#14161d;--panel-alt:#1a1d26;--border:#262a35;--hi:#ecedf2;--mid:#9ba0af;--low:#5b6070;--violet:#7c6cf0;--violet-dim:#332c58;--amber:#f0a857;--danger:#ef6461;--teal:#4fbf8b;--font-ui:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-display:"Space Grotesk",var(--font-ui);background:var(--background);border:1px solid var(--border);color:var(--hi);display:flex;flex-direction:column;font-family:var(--font-ui);height:100%;min-height:640px;overflow:hidden}.hp-app,.hp-app *{box-sizing:border-box}.hp-scroll::-webkit-scrollbar{width:8px}.hp-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px}.hp-scroll::-webkit-scrollbar-track{background:#0000}.hp-nav{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b0c10d9;border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;padding:16px 40px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.hp-brand,.hp-nav{align-items:center;display:flex}.hp-brand{cursor:pointer;gap:10px}.hp-logo-mark{background:linear-gradient(135deg,var(--violet),var(--amber));border-radius:8px;flex-shrink:0;height:28px;width:28px}.hp-logo-text{font-family:var(--font-display);font-size:16px;font-weight:700}.hp-nav-links{align-items:center;display:flex;gap:26px}.hp-nav-link{background:none;border:none;color:var(--mid);cursor:pointer;font-size:13px;font-weight:600}.hp-nav-link:hover{color:var(--hi)}.hp-nav-link[data-active=true]{color:#fff}.hp-nav-actions{align-items:center;display:flex;gap:10px}.hp-btn-ghost-nav{background:#0000;border:1px solid var(--border);border-radius:8px;color:var(--hi);font-weight:600;padding:8px 16px}.hp-btn-ghost-nav,.hp-btn-primary-nav{cursor:pointer;font-size:13px;white-space:nowrap}.hp-btn-primary-nav{align-items:center;background:var(--amber);border:none;border-radius:8px;color:#241705;display:flex;font-weight:700;gap:6px;padding:8px 18px}.hp-main{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;min-height:0;min-width:0}.hp-hero{border-bottom:1px solid var(--border);flex-shrink:0;padding:30px 30px 20px}.hp-heading{font-family:var(--font-display);font-size:24px;font-weight:700;margin-bottom:6px;text-align:center}.hp-subheading{color:var(--mid);font-size:12.5px;margin-bottom:18px;text-align:center}.hp-search{margin:0 auto;max-width:460px;position:relative}.hp-search-icon{left:13px;position:absolute;top:50%;transform:translateY(-50%)}.hp-search-input{background:var(--panel-alt);border:1px solid var(--border);border-radius:10px;color:var(--hi);font-size:13px;outline:none;padding:11px 14px 11px 36px;width:100%}.hp-search-input:focus{border-color:var(--violet)}.hp-content{flex:1 1;overflow:auto;padding:24px 30px 34px}.hp-content-inner{margin:0 auto;max-width:640px}.hp-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:24px}.hp-chip{align-items:center;background:var(--panel-alt);border:1px solid var(--border);border-radius:999px;color:var(--mid);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.hp-chip[data-active=true]{background:var(--violet-dim);border-color:var(--violet);color:#fff}.hp-faq-list{display:flex;flex-direction:column;gap:8px}.hp-faq-item{background:var(--panel);border:1px solid var(--border);border-radius:10px;overflow:hidden}.hp-faq-question{align-items:center;background:#0000;border:none;color:var(--hi);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:10px;justify-content:space-between;padding:13px 14px;text-align:left;width:100%}.hp-faq-question:hover{background:var(--panel-alt)}.hp-faq-chevron{color:var(--mid);flex-shrink:0;transition:transform .14s ease}.hp-faq-chevron[data-open=true]{transform:rotate(180deg)}.hp-faq-answer{color:var(--mid);font-size:12.5px;line-height:1.6;padding:0 14px 14px}.hp-faq-category{color:var(--low);font-size:10px;letter-spacing:.5px;margin-top:6px;text-transform:uppercase}.hp-empty{color:var(--low);flex-direction:column;gap:8px;padding:50px 0}.hp-contact-card,.hp-empty{align-items:center;display:flex}.hp-contact-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;gap:16px;margin-top:26px;padding:18px}.hp-contact-icon{align-items:center;background:var(--violet-dim);border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.hp-contact-title{font-size:13.5px;font-weight:700}.hp-contact-desc{color:var(--mid);font-size:12px;margin-top:2px}.hp-contact-actions{display:flex;flex-shrink:0;gap:8px;margin-left:auto}.hp-btn-primary{background:var(--amber);border:none;border-radius:8px;color:#241705;font-weight:700}.hp-btn-ghost,.hp-btn-primary{cursor:pointer;font-size:12.5px;padding:9px 16px;white-space:nowrap}.hp-btn-ghost{background:#0000;border:1px solid var(--border);border-radius:8px;color:var(--hi);font-weight:600}.hp-status-banner{align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:10px;color:var(--mid);display:flex;font-size:12px;gap:8px;margin-bottom:20px;padding:10px 14px}.hp-status-dot{background:var(--teal);border-radius:4px;flex-shrink:0;height:7px;width:7px}.hp-toast{background:var(--panel-alt);border:1px solid var(--border);border-radius:8px;bottom:20px;box-shadow:0 8px 24px #0006;color:var(--hi);font-size:12.5px;left:50%;padding:8px 16px;position:fixed;transform:translateX(-50%);z-index:1200}@media (max-width:780px){.hp-nav-links{display:none}}.st-topbar-title{font-family:Space Grotesk,Inter,sans-serif;font-size:14.5px;font-weight:700}.st-layout{align-items:flex-start;display:flex;gap:28px}.st-subnav{display:flex;flex-direction:column;flex-shrink:0;gap:2px;width:168px}.st-subnav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#9ba0af;cursor:pointer;display:flex;font-size:12.5px;font-weight:600;gap:9px;padding:8px 10px;text-align:left;width:100%}.st-subnav-item:hover{color:#ecedf2}.st-subnav-item-active{background:#1a1d26;color:#ecedf2}.st-subnav-item-danger.st-subnav-item-active{background:#ef64611f;color:#ef6461}.st-panel{flex:1 1;min-width:0}.st-sections{display:flex;flex-direction:column;gap:16px}.st-card{background:#14161d;border:1px solid #262a35;border-radius:12px;padding:18px}.st-card-danger{border-color:#3d2a2a}.st-card-header{align-items:flex-start;display:flex;gap:10px;margin-bottom:16px}.st-card-icon{color:#9ba0af;flex-shrink:0;margin-top:2px}.st-card-icon-danger{color:#ef6461}.st-card-title{color:#ecedf2;font-size:13.5px;font-weight:700}.st-card-subtitle{color:#9ba0af;font-size:11.5px;margin-top:2px}.st-field{margin-bottom:14px}.st-field-last{margin-bottom:18px}.st-card-footer{align-items:center;display:flex;gap:10px}.st-saved-inline{color:#4fbf8b;font-size:12px;font-weight:600;gap:5px}.st-row,.st-saved-inline{align-items:center;display:flex}.st-row{border-top:1px solid #262a35;gap:16px;justify-content:space-between;padding:12px 0}.st-row:first-of-type{border-top:none;padding-top:0}.st-row-text{min-width:0}.st-row-label{color:#ecedf2;font-size:12.5px;font-weight:600}.st-row-desc{color:#9ba0af;font-size:11px;margin-top:2px}.st-row-control{flex-shrink:0}.st-plan-badge{background:#262a35;border-radius:5px;color:#9ba0af;display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.02em;margin-top:4px;padding:2px 8px}.st-plan-badge-pro{background:#332c58;color:#cfc9fa}.st-manage-plan-btn{align-items:center;display:flex;gap:6px;white-space:nowrap}.st-toggle{background:#262a35;border:none;border-radius:10px;cursor:pointer;height:20px;padding:0;position:relative;transition:background .14s ease;width:36px}.st-toggle-on{background:#7c6cf0}.st-toggle-knob{background:#ecedf2;border-radius:8px;height:16px;left:2px;position:absolute;top:2px;transition:left .14s ease;width:16px}.st-toggle-on .st-toggle-knob{left:18px}.st-btn-danger{background:#0000;border:1px solid #ef6461;border-radius:8px;color:#ef6461;cursor:pointer;font-size:12px;font-weight:700;padding:8px 14px}.st-btn-danger-solid{background:#ef6461;border:none;color:#241705}.st-confirm-modal{width:400px}.st-confirm-body{color:#9ba0af;font-size:12.5px;line-height:1.5;margin-bottom:20px}.pj-app{--background:#0b0c10;--panel:#14161d;--panel-alt:#1a1d26;--border:#262a35;--hi:#ecedf2;--mid:#9ba0af;--low:#5b6070;--violet:#7c6cf0;--violet-dim:#332c58;--amber:#f0a857;--danger:#ef6461;--teal:#4fbf8b;--font-ui:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-display:"Space Grotesk",var(--font-ui);background:var(--background);border:1px solid var(--border);color:var(--hi);display:flex;font-family:var(--font-ui);height:100vh;overflow:hidden}.pj-app,.pj-app *{box-sizing:border-box}.pj-scroll::-webkit-scrollbar{width:8px}.pj-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px}.pj-scroll::-webkit-scrollbar-track{background:#0000}.pj-sidebar{background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;padding:16px;width:280px}.pj-back{align-items:center;background:none;border:none;color:var(--mid);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:0 0 16px}.pj-back:hover{color:var(--hi)}.pj-identity{align-items:center;display:flex;gap:10px;margin-bottom:18px;padding:8px 4px}.pj-identity-thumb{border-radius:8px;flex-shrink:0;height:34px;width:34px}.pj-identity-name{font-size:13.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pj-identity-status{align-items:center;color:var(--mid);display:flex;font-size:11px;gap:5px;margin-top:2px}.pj-status-dot{border-radius:3px;flex-shrink:0;height:6px;width:6px}.pj-nav{display:flex;flex-direction:column;gap:2px}.pj-nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--mid);cursor:pointer;display:flex;font-size:12.5px;font-weight:600;gap:10px;padding:9px 10px;text-align:left;width:100%}.pj-nav-item:hover{background:var(--panel-alt)}.pj-nav-item[data-active=true]{background:var(--violet-dim);color:#fff}.pj-nav-item-label{flex:1 1}.pj-nav-item-badge{background:var(--panel-alt);border-radius:999px;color:var(--low);font-size:10px;padding:1px 6px}.pj-nav-item[data-active=true] .pj-nav-item-badge{background:#ffffff1f;color:#cfc9fa}.pj-sidebar-spacer{flex:1 1}.pj-user-wrap{margin-top:10px;position:relative}.pj-user-chip{align-items:center;background:#0000;border:1px solid var(--border);border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:8px 9px;text-align:left;width:100%}.pj-user-chip:hover{border-color:#3a3f4e}.pj-profile-menu{background:var(--panel-alt);border:1px solid var(--border);border-radius:10px;bottom:calc(100% + 6px);box-shadow:0 12px 32px #00000080;left:0;padding:6px;position:absolute;right:0;z-index:50}.pj-profile-menu-item{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--hi);cursor:pointer;display:flex;font-size:12.5px;font-weight:600;gap:9px;padding:7px 9px;text-align:left;width:100%}.pj-profile-menu-item:hover{background:#242836}.pj-user-avatar{background:linear-gradient(135deg,var(--teal),var(--violet));border-radius:12px;flex-shrink:0;height:24px;width:24px}.pj-user-name{color:var(--hi);font-size:11.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pj-main{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;width:100%}.pj-topbar{align-items:center;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 26px}.pj-topbar-title{font-family:var(--font-display);font-size:19px;font-weight:700}.pj-topbar-actions{display:flex;gap:8px}.pj-btn-ghost{background:#0000;border:1px solid var(--border);border-radius:8px;color:var(--hi);font-weight:600;padding:8px 14px}.pj-btn-ghost,.pj-btn-primary{align-items:center;cursor:pointer;display:flex;font-size:12.5px;gap:6px;white-space:nowrap}.pj-btn-primary{background:var(--amber);border:none;border-radius:8px;color:#241705;font-weight:700;padding:8px 16px}.pj-btn-secondary{background:var(--panel-alt);border:1px solid var(--border);border-radius:8px;color:var(--hi)}.pj-btn-danger,.pj-btn-secondary{cursor:pointer;font-size:12.5px;font-weight:600;padding:8px 14px}.pj-btn-danger{background:#0000;border:1px solid var(--danger);border-radius:8px;color:var(--danger)}.pj-content{box-sizing:border-box;flex:1 1;overflow:auto;padding:26px;width:100%}.pj-content-inner{margin:0 auto}.pj-status-card{align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:14px;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:18px;padding:20px 22px}.pj-status-pill{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;gap:7px;margin-bottom:8px;padding:5px 12px}.pj-status-pill[data-status=published]{background:#4fbf8b26;color:var(--teal)}.pj-status-pill[data-status=draft]{background:#f0a85726;color:var(--amber)}.pj-status-url-row{align-items:center;color:var(--hi);display:flex;font-size:13px;gap:8px}.pj-status-url-row button{background:#0000;border:none;color:var(--mid);cursor:pointer;padding:2px}.pj-status-meta{color:var(--low);font-size:11.5px;margin-top:6px}.pj-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:18px}.pj-stat-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px}.pj-stat-value{font-size:20px;font-weight:700}.pj-stat-label{color:var(--mid);font-size:11px;margin-top:4px}.pj-stat-trend{font-size:10.5px;margin-top:4px}.pj-stat-trend[data-up=true]{color:var(--teal)}.pj-stat-trend[data-up=false]{color:var(--danger)}.pj-section-title{font-size:13px;font-weight:700;margin-bottom:12px;margin-top:6px}.pj-quicklinks-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:24px}.pj-quicklink{background:var(--panel);border:1px solid var(--border);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:14px;text-align:left}.pj-quicklink:hover{border-color:#3a3f4e}.pj-quicklink-icon{align-items:center;border-radius:8px;display:flex;height:30px;justify-content:center;width:30px}.pj-quicklink-title{color:#fff;font-size:12.5px;font-weight:700}.pj-quicklink-desc{color:var(--mid);font-size:11px}.pj-activity-list{background:var(--panel);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:2px;overflow:hidden}.pj-activity-row{align-items:center;border-bottom:1px solid var(--border);display:flex;font-size:12.5px;gap:10px;padding:11px 14px}.pj-activity-row:last-child{border-bottom:none}.pj-activity-icon{align-items:center;background:var(--panel-alt);border-radius:7px;display:flex;flex-shrink:0;height:26px;justify-content:center;width:26px}.pj-activity-text{color:var(--hi);flex:1 1}.pj-activity-user{color:var(--low);font-weight:500}.pj-activity-time{color:var(--low);font-size:11px}.pj-card-desc{color:var(--mid);font-size:12px;line-height:1.5;margin-bottom:12px}.pj-activity-list .pj-card-desc{font-size:12.5px;margin-bottom:0;padding:11px 14px}.pj-list{display:flex;flex-direction:column;gap:8px}.pj-row{background:var(--panel);border:1px solid var(--border);border-radius:10px;gap:12px;padding:12px 14px}.pj-row,.pj-row-icon{align-items:center;display:flex}.pj-row-icon{background:var(--panel-alt);border-radius:8px;flex-shrink:0;height:32px;justify-content:center;width:32px}.pj-row-title{font-size:13px;font-weight:600}.pj-row-sub{color:var(--low);font-size:11.5px;margin-top:2px}.pj-row-spacer{flex:1 1}.pj-row-menu-btn{background:#0000;border:none;color:var(--mid);cursor:pointer;padding:5px}.pj-cms-layout{align-items:flex-start;display:flex;gap:16px}.pj-cms-sidebar{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-shrink:0;overflow:hidden;width:220px}.pj-cms-search-wrap{border-bottom:1px solid var(--border);padding:10px;position:relative}.pj-cms-search-icon{left:20px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.pj-cms-search-input{background:var(--panel-alt);border:1px solid var(--border);border-radius:7px;color:var(--hi);font-size:12.5px;outline:none;padding:7px 10px 7px 28px;width:100%}.pj-cms-search-input:focus{border-color:var(--violet)}.pj-cms-list{max-height:360px;overflow-y:auto}.pj-collection-row{align-items:center;background:#0000;border:none;border-bottom:1px solid var(--border);cursor:pointer;display:flex;gap:9px;padding:10px 12px;text-align:left;width:100%}.pj-collection-row:last-child{border-bottom:none}.pj-collection-row:hover{background:var(--panel-alt)}.pj-collection-row[data-active=true]{background:var(--violet-dim)}.pj-collection-row-icon{align-items:center;background:#7c6cf026;border-radius:7px;display:flex;flex-shrink:0;height:26px;justify-content:center;width:26px}.pj-collection-row-main{flex:1 1;min-width:0}.pj-collection-row-name{color:var(--hi);font-size:12.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pj-collection-row-count{color:var(--low);font-size:10.5px}.pj-cms-new-btn{align-items:center;background:#0000;border:none;color:var(--violet);cursor:pointer;display:flex;font-size:12.5px;font-weight:600;gap:6px;padding:10px 12px;text-align:left;width:100%}.pj-cms-new-btn:hover{background:var(--panel-alt)}.pj-cms-detail{flex:1 1;min-width:0}.pj-cms-empty{align-items:center;border:1px dashed var(--border);border-radius:12px;color:var(--low);display:flex;flex-direction:column;gap:8px;justify-content:center;padding:60px 0}.pj-table{border:1px solid var(--border);border-collapse:collapse;border-radius:10px;overflow:hidden;width:100%}.pj-table th{color:var(--low);font-size:10.5px;letter-spacing:.4px;padding:10px 14px;text-align:left;text-transform:uppercase}.pj-table td,.pj-table th{background:var(--panel);border-bottom:1px solid var(--border)}.pj-table td{font-size:12.5px;padding:11px 14px}.pj-table tr:last-child td{border-bottom:none}.pj-table-row-clickable{cursor:pointer}.pj-table-row-clickable:hover td{background:var(--panel-alt)}.pj-table-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:11px;gap:5px;padding:3px 9px}.pj-table-badge[data-status=published]{background:#4fbf8b26;color:var(--teal)}.pj-table-badge[data-status=draft]{background:#f0a85726;color:var(--amber)}.pj-field-builder{display:flex;flex-direction:column;gap:8px}.pj-field-builder-row{align-items:center;display:flex;gap:8px}.pj-field-builder-row .pj-input{flex:1.4 1}.pj-field-builder-type{flex:1 1;width:auto}.pj-field-builder-required{align-items:center;color:var(--mid);display:flex;flex-shrink:0;font-size:11px;gap:5px;white-space:nowrap}.pj-field-builder-required input[type=checkbox]{accent-color:var(--violet);height:13px;width:13px}.pj-field-builder-remove{background:#0000;border:none;color:var(--mid);cursor:pointer;flex-shrink:0;padding:4px}.pj-field-builder-remove:hover:not(:disabled){color:var(--danger)}.pj-field-builder-remove:disabled{color:var(--low);cursor:default;opacity:.4}.pj-media-dropzone{border:1.5px dashed #0000;border-radius:12px;padding:2px;transition:border-color .12s ease,background .12s ease}.pj-media-dropzone[data-active=true]{background:#7c6cf00f;border-color:var(--violet)}.pj-media-uploads{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.pj-media-upload-row{align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:10px;display:flex;font-size:12px;gap:10px;padding:10px 12px}.pj-media-upload-name{color:var(--hi);flex-shrink:0;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pj-media-upload-bar-track{background:var(--panel-alt);border-radius:3px;flex:1 1;height:5px;overflow:hidden}.pj-media-upload-bar-fill{background:var(--violet);border-radius:3px;height:100%;transition:width .15s ease}.pj-media-upload-pct{color:var(--mid);flex-shrink:0;text-align:right;width:34px}.pj-media-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.pj-media-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow:hidden}.pj-media-thumb{align-items:center;background:var(--panel-alt);display:flex;height:110px;justify-content:center;overflow:hidden;position:relative}.pj-media-thumb img,.pj-media-thumb video{height:100%;object-fit:cover;width:100%}.pj-media-thumb-play{background:#0000008c;border-radius:6px;bottom:6px;left:6px;padding:4px}.pj-media-menu-btn,.pj-media-thumb-play{color:#fff;display:flex;position:absolute}.pj-media-menu-btn{background:#00000073;border:none;border-radius:6px;cursor:pointer;padding:5px;right:6px;top:6px}.pj-media-body{padding:9px 11px}.pj-media-name{color:var(--hi);font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pj-media-meta{color:var(--low);font-size:10.5px;margin-top:3px}.pj-range-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.pj-range-pills{background:var(--panel-alt);border:1px solid var(--border);border-radius:8px;display:flex;padding:2px}.pj-range-pill{background:#0000;border:none;border-radius:6px;color:var(--mid);cursor:pointer;font-size:12px;font-weight:600;padding:6px 14px}.pj-range-pill[data-active=true]{background:var(--violet);color:#fff}.pj-chart-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;margin-bottom:18px;padding:20px}.pj-bar-chart{align-items:flex-end;display:flex;gap:10px;height:140px;margin-top:16px}.pj-bar-col{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px;height:100%;justify-content:flex-end}.pj-bar{background:var(--violet);border-radius:4px 4px 0 0;width:100%}.pj-bar-label{color:var(--low);font-size:10.5px}.pj-split-row{display:flex;gap:16px;margin-bottom:18px}.pj-breakdown-list{display:flex;flex-direction:column;gap:12px;margin-top:14px}.pj-breakdown-row{align-items:center;display:flex;gap:8px}.pj-breakdown-label{color:var(--hi);flex-shrink:0;font-size:12px;width:64px}.pj-breakdown-bar-track{background:var(--panel-alt);border-radius:3px;flex:1 1;height:6px;overflow:hidden}.pj-breakdown-bar-fill{border-radius:3px;height:100%}.pj-breakdown-value{color:var(--mid);flex-shrink:0;font-size:11.5px;text-align:right;width:32px}.pj-submission-field-row{border-bottom:1px solid var(--border);padding:10px 0}.pj-submission-field-row:last-child{border-bottom:none}.pj-submission-field-label{color:var(--low);font-size:10.5px;letter-spacing:.4px;margin-bottom:4px;text-transform:uppercase}.pj-submission-field-value{color:var(--hi);font-size:13px;line-height:1.5}.pj-domain-row{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:10px;padding:12px 0}.pj-domain-row:last-child{border-bottom:none}.pj-domain-name{flex:1 1;font-size:13px;font-weight:600}.pj-domain-status{align-items:center;display:flex;font-size:11px;gap:5px}.pj-add-row{display:flex;gap:8px;margin-top:14px}.pj-input{background:var(--panel-alt);border:1px solid var(--border);border-radius:8px;color:var(--hi);flex:1 1;font-size:13px;outline:none;padding:9px 11px}.pj-input:focus{border-color:var(--violet)}.pj-billing-current{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.pj-billing-current-info{min-width:0}.pj-billing-current-name{font-family:var(--font-display);font-size:20px;font-weight:700;margin-bottom:4px}.pj-billing-cycle-row{align-items:center;display:flex;gap:12px;margin-bottom:16px}.pj-plans-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}.pj-plan-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:18px}.pj-plan-card[data-active=true]{background:var(--violet-dim);border-color:var(--violet)}.pj-plan-name{font-size:13.5px;font-weight:700}.pj-plan-price{align-items:baseline;display:flex;gap:3px}.pj-plan-price-amount{font-family:var(--font-display);font-size:26px;font-weight:700}.pj-plan-price-period{color:var(--mid);font-size:12px}.pj-plan-features{display:flex;flex:1 1;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.pj-plan-feature{align-items:center;color:var(--hi);display:flex;font-size:12px;gap:7px}.pj-plan-card button{justify-content:center;width:100%}.pj-team-row{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:12px;padding:12px 0}.pj-team-row:last-child{border-bottom:none}.pj-team-avatar{border-radius:15px;flex-shrink:0;height:30px;width:30px}.pj-team-name{font-size:13px;font-weight:600}.pj-team-email{color:var(--low);font-size:11.5px}.pj-role-select{background:var(--panel-alt);border:1px solid var(--border);border-radius:7px;color:var(--hi);font-size:12px;outline:none;padding:6px 10px}.pj-invite-row{align-items:center;display:flex;gap:8px;margin-top:6px}.pj-team-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.pj-roles-table td,.pj-roles-table th{text-align:center}.pj-roles-table td:first-child,.pj-roles-table th:first-child{text-align:left}.pj-roles-table input[type=checkbox]{accent-color:var(--violet);height:15px;width:15px}.pj-card{border:1px solid var(--border);border-radius:12px}.pj-card,.pj-card-danger{background:var(--panel);margin-bottom:16px;padding:18px}.pj-card-danger{border:1px solid var(--danger);border-radius:12px}.pj-settings-tabs{border-bottom:1px solid var(--border);display:flex;gap:4px;margin-bottom:20px}.pj-settings-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:var(--mid);cursor:pointer;display:flex;font-size:12.5px;font-weight:600;gap:7px;margin-right:22px;padding:10px 4px}.pj-settings-tab:hover{color:var(--hi)}.pj-settings-tab[data-active=true]{border-bottom-color:var(--violet);color:var(--hi)}.pj-settings-tab[data-danger=true][data-active=true]{border-bottom-color:var(--danger);color:var(--danger)}.pj-field{margin-bottom:16px}.pj-field-label{color:var(--mid);font-size:11px;margin-bottom:6px}.pj-field-hint{color:var(--low);font-size:11px;margin-top:5px}.pj-textarea{background:var(--panel-alt);border:1px solid var(--border);border-radius:8px;color:var(--hi);font-family:var(--font-ui);font-size:13px;min-height:70px;outline:none;padding:9px 11px;resize:vertical;width:100%}.pj-textarea:focus{border-color:var(--violet)}.pj-select{background:var(--panel-alt);border:1px solid var(--border);border-radius:8px;color:var(--hi);font-size:13px;outline:none;padding:9px 11px;width:100%}.pj-logo-row{gap:10px}.pj-logo-preview,.pj-logo-row{align-items:center;display:flex}.pj-logo-preview{background:var(--panel-alt);border:1px solid var(--border);border-radius:10px;flex-shrink:0;height:52px;justify-content:center;overflow:hidden;width:52px}.pj-spin{animation:pj-spin .8s linear infinite}@keyframes pj-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pj-toggle-row{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:12px 0}.pj-toggle-row:last-child{border-bottom:none}.pj-toggle-title{color:var(--hi);font-size:13px;font-weight:600}.pj-toggle-desc{color:var(--mid);font-size:11.5px;margin-top:2px}.pj-switch{background:var(--border);border:none;border-radius:11px;cursor:pointer;flex-shrink:0;height:22px;position:relative;width:38px}.pj-switch[data-on=true]{background:var(--violet)}.pj-switch-knob{background:#fff;border-radius:9px;height:18px;left:2px;position:absolute;top:2px;transition:left .14s ease;width:18px}.pj-switch[data-on=true] .pj-switch-knob{left:18px}.pj-danger-title{color:var(--danger);font-size:13px;font-weight:700;margin-bottom:4px}.pj-danger-desc{color:var(--mid);font-size:12px;margin-bottom:12px}.pj-modal-backdrop{align-items:center;background:#06070ab8;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1100}.pj-modal{background:var(--panel);border:1px solid var(--border);border-radius:14px;box-shadow:0 24px 64px #0000008c;max-width:100%;padding:22px;width:420px}.pj-modal-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.pj-modal-title{font-family:var(--font-display);font-size:17px;font-weight:700}.pj-modal-close{background:#0000;border:none;color:var(--mid);cursor:pointer;padding:4px}.pj-modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:6px}.pj-menu{background:var(--panel-alt);border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 32px #00000080;font-family:var(--font-ui);padding:6px;position:fixed;width:180px;z-index:1000}.pj-menu-item{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--hi);cursor:pointer;display:flex;font-size:12.5px;gap:9px;padding:7px 9px;text-align:left;width:100%}.pj-menu-item:hover{background:#242836}.pj-menu-item[data-danger=true]{color:var(--danger)}.pj-menu-divider{background:var(--border);height:1px;margin:5px 4px}.pj-toast{background:var(--panel-alt);border:1px solid var(--border);border-radius:8px;bottom:20px;box-shadow:0 8px 24px #0006;color:var(--hi);font-size:12.5px;left:50%;padding:8px 16px;position:fixed;transform:translateX(-50%);z-index:1200}@media (max-width:900px){.pj-collections-grid,.pj-quicklinks-grid,.pj-stats-grid{grid-template-columns:repeat(2,1fr)}}.wb-app{--app:#0b0c10;--panel:#14161d;--panel-alt:#1a1d26;--border:#262a35;--hi:#ecedf2;--mid:#9ba0af;--low:#5b6070;--violet:#7c6cf0;--violet-dim:#332c58;--amber:#f0a857;--danger:#ef6461;--font-ui:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;--font-display:"Space Grotesk",var(--font-ui);background:var(--app);color:var(--hi);display:flex;flex-direction:column;font-family:var(--font-ui);height:100vh;overflow:hidden;width:100%}.wb-app *{box-sizing:border-box}.wb-scroll::-webkit-scrollbar{height:8px;width:8px}.wb-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px}.wb-scroll::-webkit-scrollbar-track{background:#0000}.wb-input:focus{border-color:var(--violet)!important;outline:none}.wb-code{outline:none}.wb-topbar{align-items:center;background:var(--panel);border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:14px;justify-content:space-between;padding:9px 16px}.wb-topbar-center,.wb-topbar-left,.wb-topbar-right{align-items:center;display:flex;flex-shrink:0;gap:8px}.wb-topbar-spacer{flex:1 1}.wb-brand{align-items:center;display:flex;gap:10px;margin-right:4px}.wb-logo-mark{background:linear-gradient(135deg,var(--violet),var(--amber));border-radius:7px;flex-shrink:0;height:26px;width:26px}.wb-logo-text{font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:-.2px}.wb-page-label{align-items:center;border-left:1px solid var(--border);color:var(--mid);display:flex;font-size:12.5px;font-weight:600;gap:6px;padding:0 4px 0 10px}.wb-page-label-name{color:var(--hi);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wb-icon-btn{align-items:center;background:#0000;border:1px solid var(--border);border-radius:8px;color:var(--mid);cursor:pointer;display:flex;height:30px;justify-content:center;width:30px}.wb-icon-btn:hover{background:var(--panel-alt);color:var(--hi)}.wb-icon-btn:disabled{cursor:default;opacity:.35}.wb-icon-btn:disabled:hover{background:#0000;color:var(--mid)}.wb-icon-btn[data-active=true]{background:var(--violet-dim);border-color:var(--violet);color:#fff}.wb-mode-switch{background:var(--panel-alt);border:1px solid var(--border);border-radius:10px;display:flex;flex-shrink:0;gap:2px;padding:3px;position:relative}.wb-mode-indicator{background:var(--violet);border-radius:8px;bottom:3px;position:absolute;top:3px;transition:left .18s ease;width:calc(50% - 3px)}.wb-mode-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--mid);cursor:pointer;display:flex;font-size:12.5px;font-weight:600;gap:6px;justify-content:center;padding:6px 16px;position:relative;width:96px;z-index:1}.wb-mode-btn[data-active=true]{color:#fff}.wb-viewport-switch{background:var(--panel-alt);border:1px solid var(--border);border-radius:9px;display:flex;flex-shrink:0;gap:2px;padding:3px}.wb-viewport-btn{align-items:center;background:#0000;border:none;border-radius:7px;color:var(--mid);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:5px;padding:6px 10px}.wb-viewport-btn[data-active=true]{background:var(--violet);color:#fff}.wb-btn-ghost{background:#0000;border:1px solid var(--border);border-radius:8px;color:var(--mid);font-weight:600;padding:7px 12px}.wb-btn-ghost,.wb-btn-primary{align-items:center;cursor:pointer;display:flex;font-size:12.5px;gap:6px;white-space:nowrap}.wb-btn-primary{background:var(--amber);border:none;border-radius:8px;color:#241705;font-weight:700;padding:7px 14px}.wb-btn-primary:disabled{cursor:default;opacity:.6}.wb-domain-link{align-items:center;background:#0000;border:1px solid var(--border);border-radius:8px;color:var(--hi);cursor:pointer;display:flex;font-size:12.5px;font-weight:600;gap:6px;padding:7px 12px;text-decoration:none;white-space:nowrap}.wb-domain-link:hover{background:var(--panel-alt)}.wb-tools-wrap{position:relative}.wb-tools-popover{background:var(--panel-alt);border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 32px #00000080;padding:12px;position:absolute;right:0;top:calc(100% + 6px);width:220px;z-index:1000}.wb-tools-title{color:var(--low);font-size:10.5px;font-weight:700;letter-spacing:.6px;margin-bottom:10px}.wb-tools-row{align-items:center;display:flex;justify-content:space-between;padding:6px 0}.wb-tools-row-label{color:var(--hi);font-size:12.5px}.wb-tools-row-desc{color:var(--low);font-size:11px;margin-top:1px}.wb-main-area,.wb-workspace{display:flex;flex:1 1;min-height:0}.wb-main-area{min-width:0}.wb-sidebar{background:var(--panel);flex-direction:row;width:250px}.wb-icon-rail,.wb-sidebar{border-right:1px solid var(--border);display:flex;flex-shrink:0}.wb-icon-rail{align-items:center;flex-direction:column;gap:4px;padding:10px 0;width:44px}.wb-icon-rail-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--mid);cursor:pointer;display:flex;height:30px;justify-content:center;width:30px}.wb-icon-rail-btn:hover{background:var(--panel-alt)}.wb-icon-rail-btn[data-active=true]{background:var(--violet-dim);color:#fff}.wb-icon-rail-divider{background:var(--border);flex-shrink:0;height:1px;margin:4px 0;width:22px}.wb-panel{display:flex;flex:1 1;flex-direction:column;min-height:0;min-width:0}.wb-panel-scroll-content{flex:1 1;min-height:0;overflow-y:auto}.wb-section{padding:12px 12px 6px}.wb-section-label{align-items:center;color:var(--low);display:flex;font-size:10.5px;font-weight:700;gap:6px;letter-spacing:.6px;margin-bottom:8px}.wb-palette-item{align-items:center;background:var(--panel-alt);border:1px solid var(--border);border-radius:8px;color:var(--hi);cursor:grab;display:flex;font-size:12.5px;gap:8px;margin-bottom:5px;padding:8px 9px;text-align:left;-webkit-user-select:none;user-select:none;width:100%}.wb-divider{background:var(--border);height:1px;margin:10px 0}.wb-layers{padding:0 12px 12px}.wb-layer-row{align-items:center;background:#0000;border-radius:6px;color:var(--mid);cursor:pointer;display:flex;font-size:12px;justify-content:space-between;padding:6px 8px}.wb-layer-row[data-active=true]{background:var(--violet-dim);color:#fff}.wb-layer-row[data-child=true]{padding-left:22px;position:relative}.wb-layer-row[data-child=true]:before{background:var(--border);bottom:0;content:"";left:10px;position:absolute;top:0;width:1px}.wb-layer-name{align-items:center;display:flex;gap:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wb-empty-note{color:var(--low);font-size:12px;padding:6px 8px}.wb-panel-search-wrap{border-bottom:1px solid var(--border);flex-shrink:0;padding:10px 12px;position:relative}.wb-panel-search-icon{left:21px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.wb-panel-search-input{background:var(--panel-alt);border:1px solid var(--border);border-radius:7px;color:var(--hi);font-size:12px;outline:none;padding:7px 10px 7px 27px;width:100%}.wb-panel-list{flex:1 1;min-height:0;overflow-y:auto}.wb-panel-row{align-items:center;background:#0000;border:none;border-bottom:1px solid var(--border);cursor:pointer;display:flex;gap:8px;padding:9px 12px;text-align:left;width:100%}.wb-panel-row:hover{background:var(--panel-alt)}.wb-panel-row[data-active=true]{background:var(--violet-dim)}.wb-panel-row-icon{align-items:center;background:#7c6cf026;border-radius:6px;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.wb-panel-row-main{flex:1 1;min-width:0}.wb-panel-row-title{color:var(--hi);font-size:12.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wb-panel-row-sub{color:var(--low);font-size:10.5px}.wb-panel-row-gear{background:#0000;border:none;color:var(--mid);cursor:pointer;flex-shrink:0;padding:3px}.wb-panel-row-gear:hover{color:var(--hi)}.wb-panel-add-btn{align-items:center;background:#0000;border:none;border-top:1px solid var(--border);color:var(--violet);cursor:pointer;display:flex;flex-shrink:0;font-size:12.5px;font-weight:600;gap:6px;padding:10px 12px;text-align:left;width:100%}.wb-panel-add-btn:hover{background:var(--panel-alt)}.wb-panel-empty{align-items:center;color:var(--low);display:flex;flex-direction:column;font-size:12px;gap:8px;padding:24px 14px;text-align:center}.wb-panel-footnote{border-top:1px solid var(--border);color:var(--low);flex-shrink:0;font-size:11px;line-height:1.5;padding:10px 12px}.wb-font-option{align-items:center;background:var(--panel-alt);border:1px solid var(--border);border-radius:8px;color:var(--hi);cursor:pointer;display:flex;font-size:12.5px;justify-content:space-between;margin-bottom:6px;padding:9px 10px;width:100%}.wb-font-option[data-active=true]{background:var(--violet-dim);border-color:var(--violet)}.wb-canvas-scroll{background:var(--app);flex:1 1;overflow:auto;padding:34px 56px 16px;position:relative}.wb-canvas-wrap{margin:4px auto;position:relative;transition:width .16s ease;width:min(1200px,calc(100% - 40px))}.wb-canvas-wrap[data-viewport=mobile]{width:390px}.wb-canvas{background-color:#fff;border:1px solid var(--border);border-radius:12px;min-height:620px;overflow:hidden;position:relative;width:100%}.wb-element{border:1.5px solid #0000;border-radius:4px;cursor:grab;position:absolute;-webkit-user-select:none;user-select:none}.wb-element[data-type=button],.wb-element[data-type=form],.wb-element[data-type=image]{border-radius:8px}.wb-element[data-type=container]{border:1.5px dashed #d1d5db}.wb-element[data-selected=true]{border-color:var(--violet)!important;box-shadow:0 0 0 3px var(--violet-dim)}.wb-element[data-hidden-mobile=true]{border:1.5px dashed var(--danger)!important;opacity:.35}.wb-element[data-drop-target=true]{border-color:var(--amber)!important;box-shadow:0 0 0 3px #f0a8574d}.wb-element[data-just-moved=true]{box-shadow:0 0 0 3px #f0a8578c!important;transition:box-shadow .25s ease}.wb-element-image-inner{align-items:center;color:var(--low);display:flex;flex-direction:column;gap:4px}.wb-element-badges{display:flex;gap:3px;position:absolute;right:4px;top:4px}.wb-element-badge{align-items:center;background:#111827bf;border-radius:4px;display:flex;height:16px;justify-content:center;width:16px}.wb-guide-v{border-left:1px dashed var(--amber);bottom:0;top:0;width:0}.wb-guide-h,.wb-guide-v{pointer-events:none;position:absolute;z-index:50}.wb-guide-h{border-top:1px dashed var(--amber);height:0;left:0;right:0}.wb-resize-overlay{pointer-events:none;position:absolute;z-index:65}.wb-resize-handle{background:var(--violet);border:1.5px solid #fff;border-radius:2px;box-shadow:0 1px 3px #0006;height:9px;pointer-events:auto;position:absolute;width:9px}.wb-resize-nw{cursor:nwse-resize;left:-5px;top:-5px}.wb-resize-n{cursor:ns-resize;left:50%;margin-left:-4.5px;top:-5px}.wb-resize-ne{cursor:nesw-resize;right:-5px;top:-5px}.wb-resize-e{cursor:ew-resize;margin-top:-4.5px;right:-5px;top:50%}.wb-resize-se{bottom:-5px;cursor:nwse-resize;right:-5px}.wb-resize-s{bottom:-5px;cursor:ns-resize;left:50%;margin-left:-4.5px}.wb-resize-sw{bottom:-5px;cursor:nesw-resize;left:-5px}.wb-resize-w{cursor:ew-resize;left:-5px;margin-top:-4.5px;top:50%}.wb-resize-tooltip{background:var(--violet);border-radius:6px;color:#fff;font-size:11px;padding:3px 8px;z-index:80}.wb-dim-badge,.wb-resize-tooltip{font-weight:700;pointer-events:none;position:absolute;white-space:nowrap}.wb-dim-badge{background:var(--panel-alt);border:1px solid var(--border);border-radius:5px;color:var(--mid);font-family:var(--font-mono);font-size:10px;padding:2px 6px;z-index:74}.wb-dim-badge-width{transform:translate(-100%,-130%)}.wb-dim-badge-height{transform:translate(-130%,-50%)}.wb-canvas-dim-badge{color:var(--mid);font-family:var(--font-mono);font-size:10.5px;font-weight:700;pointer-events:none;position:absolute;white-space:nowrap}.wb-canvas-dim-badge-width{right:0;top:-22px}.wb-canvas-dim-badge-height{left:calc(100% + 12px);text-orientation:mixed;top:0;writing-mode:vertical-rl}.wb-inline-edit-textarea{background:#fffffffa;border:1.5px solid var(--violet);border-radius:4px;font-family:inherit;outline:none;padding:4px;position:absolute;resize:none;z-index:60}.wb-element-toolbar{align-items:center;background:var(--panel-alt);border:1px solid var(--border);border-radius:8px;box-shadow:0 10px 24px #0006;display:flex;gap:2px;padding:3px;position:absolute;white-space:nowrap;z-index:70}.wb-element-toolbar-type{align-items:center;border-right:1px solid var(--border);color:var(--low);display:flex;font-size:10.5px;font-weight:700;height:22px;letter-spacing:.4px;margin-right:2px;padding:0 7px;text-transform:uppercase}.wb-element-toolbar-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--hi);cursor:pointer;display:flex;height:26px;justify-content:center;position:relative;width:26px}.wb-element-toolbar-btn:hover{background:#242836}.wb-element-toolbar-btn-dot{background:var(--amber);border-radius:3px;height:5px;position:absolute;right:3px;top:3px;width:5px}.wb-custom-notice{align-items:center;color:var(--low);display:flex;flex:1 1;flex-direction:column;gap:12px;justify-content:center;padding:40px;text-align:center}.wb-custom-notice-title{color:var(--hi);font-size:14px;font-weight:700}.wb-custom-notice-desc{font-size:12.5px;line-height:1.6;max-width:340px}.wb-inspector{background:var(--panel);border-left:1px solid var(--border);flex-shrink:0;overflow:auto;padding:14px;width:240px}.wb-field-label{color:var(--mid);font-size:11px;margin-bottom:5px}.wb-input-number,.wb-textarea{background:var(--panel-alt);border:1px solid var(--border);border-radius:7px;color:var(--hi);font-family:var(--font-ui);font-size:12.5px;padding:7px;width:100%}.wb-textarea{min-height:50px;resize:vertical}.wb-select{background:var(--panel-alt);border:1px solid var(--border);border-radius:7px;color:var(--hi);font-size:12.5px;padding:7px;width:100%}.wb-swatch-row{display:flex;flex-wrap:wrap;gap:6px;position:relative}.wb-swatch{border:1.5px solid var(--border);border-radius:6px;cursor:pointer;height:22px;width:22px}.wb-swatch[data-active=true]{box-shadow:0 0 0 2px var(--panel),0 0 0 4px var(--violet)}.wb-swatch-transparent{align-items:center;background-color:#fff;background-image:linear-gradient(45deg,#d0d0d0 25%,#0000 0),linear-gradient(-45deg,#d0d0d0 25%,#0000 0),linear-gradient(45deg,#0000 75%,#d0d0d0 0),linear-gradient(-45deg,#0000 75%,#d0d0d0 0);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;border:1.5px solid var(--border);border-radius:6px;cursor:pointer;display:flex;height:22px;justify-content:center;width:22px}.wb-swatch-transparent[data-active=true]{box-shadow:0 0 0 2px var(--panel),0 0 0 4px var(--violet)}.wb-swatch-custom{align-items:center;background:conic-gradient(red,#ff0,lime,cyan,blue,#f0f,red);border:1.5px solid var(--border);border-radius:6px;cursor:pointer;display:flex;height:22px;justify-content:center;overflow:hidden;padding:0;position:relative;width:22px}.wb-swatch-custom[data-active=true]{box-shadow:0 0 0 2px var(--panel),0 0 0 4px var(--violet)}.wb-swatch-custom-icon{background:#fff;border-radius:50%;box-shadow:0 0 0 1px #00000026;height:8px;pointer-events:none;width:8px}.wb-color-popover-wrap{display:inline-flex}.wb-color-popover{background:var(--panel-alt);border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 32px #00000080;left:0;max-width:100%;padding:12px;position:absolute;top:calc(100% + 6px);width:200px;z-index:1000}.wb-color-sv{border:1px solid var(--border);border-radius:8px;cursor:crosshair;height:120px;margin-bottom:10px;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:100%}.wb-color-sv-white{background:linear-gradient(90deg,#fff,#fff0);inset:0;position:absolute}.wb-color-sv-black{background:linear-gradient(0deg,#000,#0000);inset:0;position:absolute}.wb-color-sv-handle{border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #0006,0 1px 3px #00000080;height:12px;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:12px}.wb-color-hue{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border:1px solid var(--border);border-radius:6px;cursor:pointer;height:12px;margin-bottom:10px;position:relative;-webkit-user-select:none;user-select:none;width:100%}.wb-color-hue-handle{background:#fff;border:2px solid var(--panel-alt);border-radius:50%;box-shadow:0 0 0 1px #0006;height:12px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:12px}.wb-color-hex-row{align-items:center;display:flex;gap:8px}.wb-color-hex-swatch{border:1px solid var(--border);border-radius:6px;flex-shrink:0;height:26px;width:26px}.wb-color-hex-input{background:var(--panel);border:1px solid var(--border);border-radius:7px;color:var(--hi);flex:1 1;font-family:var(--font-mono);font-size:12px;min-width:0;padding:6px 8px;text-transform:uppercase}.wb-color-hex-input:focus{border-color:var(--violet);outline:none}.wb-color-mode-toggle{display:flex;gap:4px;margin-bottom:8px}.wb-color-mode-btn{background:var(--panel);border:1px solid var(--border);border-radius:6px;color:var(--mid);cursor:pointer;flex:1 1;font-size:10.5px;font-weight:700;letter-spacing:.4px;padding:5px 0}.wb-color-mode-btn[data-active=true]{background:var(--violet-dim);border-color:var(--violet);color:#fff}.wb-color-rgb-row{align-items:center;display:flex;gap:8px}.wb-color-rgb-fields{display:flex;flex:1 1;gap:6px;min-width:0}.wb-color-rgb-field{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.wb-color-rgb-field span{color:var(--low);font-size:9.5px;font-weight:700;letter-spacing:.3px}.wb-color-rgb-input{background:var(--panel);border:1px solid var(--border);border-radius:6px;color:var(--hi);font-family:var(--font-mono);font-size:11.5px;min-width:0;padding:5px 2px;text-align:center;width:100%}.wb-color-rgb-input:focus{border-color:var(--violet);outline:none}.wb-btn-row{display:flex;gap:8px;padding-top:4px}.wb-btn-secondary{background:var(--panel-alt);border:1px solid var(--border);border-radius:7px;color:var(--hi)}.wb-btn-danger,.wb-btn-secondary{cursor:pointer;flex:1 1;font-size:12px;font-weight:600;padding:7px 0}.wb-btn-danger{background:#0000;border:1px solid var(--danger);border-radius:7px;color:var(--danger)}.wb-toggle-row{align-items:center;display:flex;justify-content:space-between}.wb-switch{background:var(--border);border:none;border-radius:10px;cursor:pointer;flex-shrink:0;height:20px;position:relative;width:36px}.wb-switch[data-on=true]{background:var(--violet)}.wb-switch-knob{background:#fff;border-radius:8px;height:16px;left:2px;position:absolute;top:2px;transition:left .14s ease;width:16px}.wb-switch[data-on=true] .wb-switch-knob{left:18px}.wb-mini-link-btn{background:none;border:none;color:var(--violet);cursor:pointer;font-size:11.5px;font-weight:600;padding:0}.wb-icon-toggle-row{display:flex;gap:4px}.wb-icon-toggle{align-items:center;background:var(--panel-alt);border:1px solid var(--border);border-radius:7px;color:var(--mid);cursor:pointer;display:flex;flex:1 1;justify-content:center;padding:7px 0}.wb-icon-toggle[data-active=true]{background:var(--violet-dim);border-color:var(--violet);color:#fff}.wb-image-thumb-row{align-items:center;display:flex;gap:10px;margin-bottom:4px}.wb-form-field-row{align-items:center;display:flex;gap:6px}.wb-form-field-row .wb-input{flex:1 1;min-width:0}.wb-form-field-del{align-items:center;background:var(--panel-alt);border:1px solid var(--border);border-radius:7px;color:var(--low);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.wb-form-field-del:hover{border-color:var(--danger);color:var(--danger)}.wb-image-thumb{align-items:center;background:var(--panel-alt);border:1px solid var(--border);border-radius:8px;display:flex;flex-shrink:0;height:48px;justify-content:center;overflow:hidden;width:48px}.wb-opacity-row{align-items:center;display:flex;gap:10px}.wb-opacity-row input[type=range]{accent-color:var(--violet);flex:1 1}.wb-opacity-value{color:var(--mid);flex-shrink:0;font-size:11.5px;text-align:right;width:32px}.wb-inspector-info-box{color:var(--mid);font-size:11.5px}.wb-connected-box,.wb-inspector-info-box{background:var(--panel-alt);border:1px solid var(--border);border-radius:8px;padding:9px 10px}.wb-connected-box-title{color:var(--hi);font-size:12px;font-weight:600;margin-bottom:2px}.wb-connected-box-sub{color:var(--low);font-size:11px;margin-bottom:8px;word-break:break-all}.wb-connected-box-actions{display:flex;gap:8px}.wb-connected-box-actions button{flex:1 1}.wb-file-explorer{background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;min-height:0;width:210px}.wb-file-tree{flex:1 1;overflow-y:auto;padding-bottom:8px}.wb-file-row{align-items:center;background:#0000;border:none;color:var(--mid);cursor:pointer;display:flex;font-size:12px;gap:7px;padding:5px 10px 5px 0;text-align:left;white-space:nowrap;width:100%}.wb-file-row:hover{background:var(--panel-alt)}.wb-file-row[data-active=true]{background:var(--violet-dim);color:#fff}.wb-file-folder{color:var(--mid);cursor:default;font-weight:600;padding:5px 10px 5px 0}.wb-file-badge{color:var(--amber);font-weight:900;margin-left:2px}.wb-code-pane{border-right:1px solid var(--border);display:flex;flex:1 1;flex-direction:column;min-width:0}.wb-tabs{background:var(--panel);border-bottom:1px solid var(--border);display:flex;flex-shrink:0}.wb-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;border-right:1px solid var(--border);color:var(--mid);cursor:default;display:flex;font-family:var(--font-mono);font-size:12.5px;gap:7px;padding:10px 14px}.wb-tab[data-active=true]{background:var(--app);border-bottom:2px solid var(--violet);color:var(--hi)}.wb-generated-badge{align-items:center;background:var(--panel);border-bottom:1px solid var(--border);color:var(--low);display:flex;font-size:10.5px;font-weight:600;gap:5px;padding:4px 9px}.wb-generated-badge[data-custom=true]{color:var(--amber)}.wb-generated-badge[data-error=true]{color:var(--danger)}.wb-editor-textarea[readonly]{color:var(--mid);cursor:default}.wb-editor-body{background:#0d0f14;display:flex;flex:1 1;min-height:0;overflow:hidden}.wb-gutter{color:var(--low);flex-shrink:0;font-family:var(--font-mono);font-size:12.5px;line-height:20px;overflow:hidden;padding:12px 8px;text-align:right;-webkit-user-select:none;user-select:none}.wb-gutter div{white-space:pre}.wb-editor-textarea{word-wrap:normal;background:#0000;border:none;color:var(--hi);flex:1 1;font-family:var(--font-mono);font-size:12.5px;line-height:20px;overflow-x:auto;padding:12px;resize:none;scrollbar-width:none;white-space:pre}.wb-editor-textarea::-webkit-scrollbar{background:#0000;height:0;width:8px}.wb-code-right{flex-shrink:0;width:420px}.wb-code-right,.wb-preview-pane{display:flex;flex-direction:column;min-height:0}.wb-preview-pane{min-width:0}.wb-preview-header,.wb-preview-pane{border-bottom:1px solid var(--border)}.wb-preview-header{background:var(--panel);color:var(--mid);flex-shrink:0;font-size:10.5px;font-weight:700;letter-spacing:.5px;padding:8px 14px}.wb-preview-scale-wrap{align-items:flex-start;background:#0d0f14;display:flex;flex:1 1;justify-content:center;min-height:0;overflow:auto;padding:10px}.wb-preview-placeholder{align-items:center;color:var(--low);display:flex;flex-direction:column;font-size:12px;gap:10px;line-height:1.6;max-width:300px;padding:30px 24px;text-align:center}.wb-diagnostics-pane{display:flex;flex:1 1;flex-direction:column;min-height:0}.wb-diagnostics-list{flex:1 1;overflow-y:auto;padding:6px}.wb-diagnostics-empty{align-items:center;color:var(--mid);display:flex;font-size:12px;gap:8px;padding:10px}.wb-diagnostics-row{align-items:flex-start;border-radius:6px;color:var(--hi);display:flex;font-size:12px;gap:8px;margin-bottom:2px;padding:8px 10px}.wb-diagnostics-row svg{flex-shrink:0;margin-top:1px}.wb-diagnostics-row[data-level=warning]{background:#f0a8571a;color:var(--amber)}.wb-diagnostics-row[data-level=info]{background:var(--panel-alt);color:var(--mid)}.wb-statusbar{background:var(--panel);border-top:1px solid var(--border);color:var(--low);display:flex;flex-shrink:0;font-size:11px;justify-content:space-between;padding:6px 16px}.wb-menu{background:var(--panel-alt);border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 32px #00000080;font-family:var(--font-ui);padding:6px;position:fixed;width:200px;z-index:1000}.wb-menu-divider{background:var(--border);height:1px;margin:5px 4px}.wb-menu-item{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--hi);cursor:pointer;display:flex;font-size:12.5px;gap:9px;padding:7px 9px;text-align:left;width:100%}.wb-menu-item:hover{background:#242836}.wb-menu-item[data-disabled=true]{color:var(--low);cursor:default;opacity:.5}.wb-menu-item[data-disabled=true]:hover{background:#0000}.wb-menu-item[data-danger=true]{color:var(--danger)}.wb-menu-item-label{flex:1 1}.wb-menu-item-hint{color:var(--low);font-size:11px}.wb-modal-backdrop{align-items:center;background:#06070ab8;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1100}.wb-modal{background:var(--panel);border:1px solid var(--border);border-radius:14px;box-shadow:0 24px 64px #0000008c;max-width:100%;padding:22px;width:440px}.wb-modal-lg{max-width:92vw;width:780px}.wb-modal-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.wb-modal-title{font-family:var(--font-display);font-size:18px;font-weight:700}.wb-modal-sub{color:var(--mid);font-size:12px;margin-top:2px}.wb-modal-close{background:#0000;border:none;color:var(--mid);cursor:pointer;padding:4px}.wb-modal-field{margin-bottom:14px}.wb-modal-hint{color:var(--low);font-size:11px;margin-top:5px}.wb-modal-hint-error{color:var(--danger)}.wb-modal-hint code{background:var(--panel-alt);border:1px solid var(--border);border-radius:4px;color:var(--hi);font-family:var(--font-mono);font-size:10.5px;padding:1px 5px}.wb-input[data-invalid=true]{border-color:var(--danger)!important}.wb-modal-actions{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-top:6px}.wb-btn-cancel{background:#0000;border:1px solid var(--border);border-radius:8px;color:var(--mid);font-weight:600;padding:9px 16px}.wb-btn-cancel,.wb-btn-save{cursor:pointer;font-size:12.5px}.wb-btn-save{background:var(--amber);border:none;border-radius:8px;color:#241705;font-weight:700;padding:9px 18px}.wb-btn-delete-page{background:#0000;border:1px solid var(--danger);border-radius:8px;color:var(--danger);cursor:pointer;font-size:12.5px;font-weight:600;padding:9px 14px}.wb-btn-delete-page[data-disabled=true]{cursor:default;opacity:.4}.wb-modal-list{border:1px solid var(--border);border-radius:8px;margin-bottom:14px;max-height:58vh;overflow-y:auto}.wb-modal-list-row{align-items:center;border-bottom:1px solid var(--border);display:flex;font-size:13px;gap:8px;justify-content:space-between;padding:11px 14px}.wb-modal-list-row:last-child{border-bottom:none}.wb-modal-list-row-main{flex:1 1;min-width:0}.wb-modal-list-row-title{color:var(--hi)}.wb-modal-list-row-sub{color:var(--low);font-size:11px;margin-top:2px}.wb-modal-list-row-del{background:#0000;border:none;color:var(--low);cursor:pointer;flex-shrink:0;padding:4px}.wb-modal-list-row-del:hover{color:var(--danger)}.wb-modal-add-row{display:flex;gap:8px}.wb-modal-empty{color:var(--low);font-size:12.5px;padding:30px;text-align:center}.wb-media-upload-btn{align-items:center;background:var(--violet);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:12.5px;font-weight:700;gap:6px;margin-bottom:14px;padding:9px 14px}.wb-media-upload-btn:hover{opacity:.92}.wb-media-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));max-height:56vh;overflow-y:auto;padding-right:2px}.wb-media-tile{aspect-ratio:1/1;background:var(--panel-alt);border:1px solid var(--border);border-radius:8px;cursor:pointer;overflow:hidden;position:relative}.wb-media-tile:hover{border-color:var(--violet)}.wb-media-tile-preview{display:block;height:100%;object-fit:cover;width:100%}.wb-media-tile-kind{left:6px}.wb-media-tile-del,.wb-media-tile-kind{align-items:center;background:#111827b8;border-radius:5px;color:#fff;display:flex;height:20px;justify-content:center;position:absolute;top:6px;width:20px}.wb-media-tile-del{border:none;cursor:pointer;opacity:0;right:6px;transition:opacity .12s ease}.wb-media-tile:hover .wb-media-tile-del{opacity:1}.wb-media-tile-del:hover{background:var(--danger)}.wb-media-tile-name{background:linear-gradient(0deg,#000000c7,#0000);bottom:0;color:#fff;font-size:10px;left:0;overflow:hidden;padding:16px 6px 5px;position:absolute;right:0;text-overflow:ellipsis;white-space:nowrap}.wb-modal-back{align-items:center;background:#0000;border:none;border-bottom:1px solid var(--border);color:var(--mid);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:9px 12px;text-align:left;width:100%}.wb-modal-back:hover{color:var(--hi)}.wb-field-kv{border-bottom:1px solid var(--border);padding:9px 0}.wb-field-kv:last-child{border-bottom:none}.wb-field-kv-label{color:var(--low);font-size:10.5px;letter-spacing:.4px;margin-bottom:3px;text-transform:uppercase}.wb-field-kv-value{color:var(--hi);font-size:13px}.wb-toast{background:var(--panel-alt);border:1px solid var(--border);border-radius:8px;bottom:20px;box-shadow:0 8px 24px #0006;color:var(--hi);font-size:12.5px;left:50%;padding:8px 16px;position:fixed;transform:translateX(-50%);z-index:1200}.nf-app{--background:#0b0c10;--panel:#14161d;--panel-alt:#1a1d26;--border:#262a35;--hi:#ecedf2;--mid:#9ba0af;--low:#5b6070;--violet:#7c6cf0;--amber:#f0a857;--font-ui:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-display:"Space Grotesk",var(--font-ui);background:radial-gradient(circle at 1px 1px,#ffffff0d 1px,#0000 0) 0 0 /28px 28px,var(--background);color:var(--hi);display:flex;flex-direction:column;font-family:var(--font-ui);min-height:100vh}.nf-app,.nf-app *{box-sizing:border-box}.nf-topbar{padding:28px 34px}.nf-brand{align-items:center;display:flex;gap:10px;width:-webkit-fit-content;width:fit-content}.nf-logo-mark{background:linear-gradient(135deg,var(--violet),var(--amber));border-radius:8px;flex-shrink:0;height:28px;width:28px}.nf-logo-text{cursor:pointer;font-family:var(--font-display);font-size:16px;font-weight:700}.nf-center{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:34px;justify-content:center;padding:20px 24px 60px}.nf-canvas{background:var(--panel);border:1px solid var(--border);border-radius:12px;height:230px;position:relative;width:min(420px,82vw)}.nf-ruler-left,.nf-ruler-top{background-image:repeating-linear-gradient(to right,var(--border) 0,var(--border) 1px,#0000 1px,#0000 8px);opacity:.7;position:absolute}.nf-ruler-top{height:10px;left:0;right:0;top:-14px}.nf-ruler-left{background-image:repeating-linear-gradient(to bottom,var(--border) 0,var(--border) 1px,#0000 1px,#0000 8px);bottom:0;left:-14px;top:0;width:10px}.nf-selection{align-items:center;animation:nf-marching 18s linear infinite;border:1.5px dashed var(--violet);border-radius:8px;display:flex;height:62%;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:78%}.nf-handle{background:var(--panel);border:1.5px solid var(--violet);border-radius:2px;height:8px;position:absolute;width:8px}.nf-handle-tl{left:-5px;top:-5px}.nf-handle-tr{right:-5px;top:-5px}.nf-handle-bl{bottom:-5px;left:-5px}.nf-handle-br{bottom:-5px;right:-5px}.nf-404{align-items:center;color:var(--hi);display:flex;font-family:var(--font-display);font-size:40px;font-weight:700;letter-spacing:.5px}.nf-caret{animation:nf-blink 1s step-end infinite;background:var(--amber);height:30px;margin-left:4px;width:2px}.nf-cursor{animation:nf-hover 3.2s ease-in-out infinite;bottom:14%;position:absolute;right:14%}@keyframes nf-blink{0%,45%{opacity:1}50%,to{opacity:0}}@keyframes nf-hover{0%,to{transform:translate(0)}50%{transform:translate(-6px,5px)}}@keyframes nf-marching{to{background-position:40px 0}}.nf-copy{max-width:380px;text-align:center}.nf-title{font-family:var(--font-display);font-size:21px;font-weight:700;margin-bottom:10px}.nf-sub{color:var(--mid);font-size:13.5px;line-height:1.6}.nf-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.nf-btn-primary,.nf-btn-secondary{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:13.5px;font-weight:600;gap:8px;padding:10px 18px}.nf-btn-primary{background:var(--amber);border:none;color:#241705}.nf-btn-secondary{background:var(--panel-alt);border:1px solid var(--border);color:var(--hi)}.nf-footer{color:var(--low);font-size:12px;padding:20px;text-align:center}@media (prefers-reduced-motion:reduce){.nf-caret,.nf-cursor,.nf-selection{animation:none}}.nf-btn-primary:focus-visible,.nf-btn-secondary:focus-visible,.nf-logo-text:focus-visible{outline:2px solid var(--violet);outline-offset:2px}@media (max-width:480px){.nf-404{font-size:32px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}#root{display:flex;flex-direction:column;min-height:100vh;position:relative}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}