@media (width<=900px){.nav-logo-img--full{display:none}.nav-logo-img--compact{height:clamp(30px,8vw,40px);display:block}}@media (width<=420px){.cards-grid{grid-template-columns:1fr}}@media (width<=900px){.footer-logo-img--full{display:none}.footer-logo-img--compact{height:clamp(26px,7vw,34px);display:block}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (width<=480px){.preview-phone:not(.center){display:none}.preview-phones{justify-content:center}.preview-phone.center{width:240px;transform:none}.home-landing footer{text-align:center;flex-direction:column;gap:8px}}@media (width<=900px){.nav-logo-img--full{display:none}.nav-logo-img--compact{height:clamp(30px,8vw,40px);display:block}}@media (width<=420px){.cards-grid{grid-template-columns:1fr}}@media (width<=900px){.footer-logo-img--full{display:none}.footer-logo-img--compact{height:clamp(26px,7vw,34px);display:block}}@media (width<=480px){.preview-phone:not(.center){display:none}.preview-phones{justify-content:center}.preview-phone.center{width:240px;transform:none}.home-landing footer{text-align:center;flex-direction:column;gap:8px}}.auth-shell,.auth-shell *,.auth-shell :before,.auth-shell :after{box-sizing:border-box}.auth-shell{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden}.auth-shell nav{z-index:100;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding:14px var(--px);background:#ffffffe0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 12px;display:flex;position:sticky;top:0}.auth-shell .nav-logo{flex-shrink:1;min-width:0}.auth-shell .nav-cta,.auth-shell .nav-btn-secondary{flex-shrink:0}.auth-main{width:100%;min-width:0;max-width:100%;padding:48px var(--px) 80px;justify-content:center;align-items:flex-start;display:flex}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;min-width:0;max-width:400px;padding:clamp(28px,6vw,40px) clamp(18px,5vw,32px)}.auth-card form{width:100%;min-width:0}.auth-title{letter-spacing:-.5px;color:var(--text);margin-bottom:8px;font-size:clamp(22px,4vw,28px);font-weight:600;line-height:1.2}.auth-lead{color:var(--text-2);margin-bottom:28px;font-size:15px;line-height:1.5}.auth-field{width:100%;min-width:0;margin-bottom:18px}.auth-field label{color:var(--text-2);margin-bottom:8px;font-size:13px;font-weight:500;display:block}.auth-field input{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;min-width:0;max-width:100%;font-family:var(--font);color:var(--text);background:var(--bg);padding:14px 16px;font-size:15px;transition:border-color .15s;display:block}.auth-field input:focus{border-color:var(--accent);outline:none}.auth-captcha{-webkit-overflow-scrolling:touch;justify-content:center;width:100%;min-width:0;max-width:100%;margin-bottom:18px;display:flex;overflow:auto hidden}.auth-captcha>*{max-width:100%}.auth-submit{background:var(--text);width:100%;max-width:100%;color:var(--bg);font-family:var(--font);cursor:pointer;border:none;border-radius:50px;margin-top:8px;padding:16px 24px;font-size:16px;font-weight:500;transition:opacity .15s,transform .1s;display:block}.auth-submit:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.auth-submit:disabled{opacity:.45;cursor:not-allowed}.auth-error{color:#b42318;overflow-wrap:anywhere;margin-bottom:16px;font-size:14px}.auth-divider{color:var(--text-3);align-items:center;gap:16px;margin:28px 0;font-size:13px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.btn-google{border:1px solid var(--border);background:var(--bg);width:100%;min-width:0;max-width:100%;font-family:var(--font);color:var(--text);border-radius:50px;justify-content:center;align-items:center;gap:10px;padding:12px clamp(12px,4vw,22px);font-size:clamp(14px,3.8vw,15px);font-weight:500;line-height:1.25;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.btn-google:hover{border-color:var(--border-strong);background:var(--surface)}.btn-google svg{flex-shrink:0}.btn-google-label{text-align:center;overflow-wrap:anywhere;min-width:0}.auth-google-wrap{width:100%;min-width:0}.auth-footer-note{text-align:center;color:var(--text-2);margin-top:28px;font-size:14px}.auth-footer-note a{color:var(--accent-text);font-weight:600;text-decoration:none}.auth-footer-note a:hover{text-decoration:underline}@media (width<=900px){.nav-logo-img--full{display:none}.nav-logo-img--compact{height:clamp(30px,8vw,40px);display:block}}@media (width<=420px){.cards-grid{grid-template-columns:1fr}}@media (width<=900px){.footer-logo-img--full{display:none}.footer-logo-img--compact{height:clamp(26px,7vw,34px);display:block}}@media (width<=480px){.preview-phone:not(.center){display:none}.preview-phones{justify-content:center}.preview-phone.center{width:240px;transform:none}.home-landing footer{text-align:center;flex-direction:column;gap:8px}}.app-shell{background:var(--bg);height:100dvh;min-height:100vh;max-height:100dvh;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;flex-direction:column;display:flex;overflow:hidden}.app-mobile-bar{padding:12px var(--px);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);z-index:180;background:#ffffffeb;align-items:center;gap:12px;display:none;position:sticky;top:0}.app-menu-toggle{border-radius:var(--radius-sm);cursor:pointer;width:44px;height:44px;color:var(--text);background:0 0;border:none;justify-content:center;align-items:center;margin:-8px;padding:0;display:flex}.app-menu-toggle:hover{background:var(--surface)}.app-menu-icon{display:block}.app-mobile-logo{flex:1;justify-content:center;align-items:center;width:100%;min-width:0;text-decoration:none;display:flex}.app-mobile-logo-img{width:auto;max-width:min(200px,46vw);height:64px;display:block}.app-mobile-bar-spacer{flex-shrink:0;width:44px}.app-mobile-previewBtn{border:1px solid var(--border);background:var(--surface);font-family:var(--font);color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;margin:-6px -4px -6px 0;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}body{margin:0}.app-mobile-previewBtn:hover{background:var(--surface2)}.app-mobile-previewBtn:active{opacity:.92}.app-mobile-previewBtn-label{white-space:nowrap}.app-body{flex:1;min-width:0;min-height:0;display:flex}.app-sidebar{border-right:1px solid var(--border);-webkit-backdrop-filter:blur(12px);background:#ffffffb8;flex-direction:column;flex-shrink:0;width:240px;padding:20px 0 24px;display:flex}.app-sidebar-brand{border-bottom:1px solid var(--border);width:100%;margin-bottom:12px}.app-sidebar-logo{align-items:center;width:100%;text-decoration:none;display:flex}.app-sidebar-logo-img{width:100%;max-width:100%;display:block}.app-sidebar-nav{flex-direction:column;flex:1;gap:4px;min-height:0;padding:0 12px;display:flex}.app-sidebar-footer{flex-shrink:0;margin-top:auto;padding:16px 12px 0}.app-sidebar-logout{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg);width:100%;font-family:var(--font);color:var(--text-2);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:12px 14px;font-size:15px;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.app-sidebar-logout-icon{color:var(--text-3);flex-shrink:0;justify-content:center;align-items:center;display:flex}.app-sidebar-logout:hover{color:#991b1b;background:#fef2f2;border-color:#fecaca}.app-sidebar-logout:hover .app-sidebar-logout-icon{color:#991b1b}.app-nav-link{border-radius:var(--radius-md);color:var(--text-2);align-items:center;gap:10px;padding:12px 14px;font-size:15px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.app-nav-icon{width:22px;height:22px;color:var(--text-3);flex-shrink:0;justify-content:center;align-items:center;display:flex}.app-nav-link-active .app-nav-icon{color:var(--accent)}.app-nav-link:hover .app-nav-icon{color:var(--text-2)}.app-nav-link:hover{background:var(--surface);color:var(--text)}.app-nav-link-active{background:var(--surface);color:var(--text);font-weight:600}.app-main{background:var(--bg);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.app-main>*{flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex}.app-route-fill{flex-direction:column;flex:1;width:100%;min-width:0;min-height:0;display:flex}.app-sidebar-backdrop{display:none}@media (width<=900px){.app-mobile-bar{display:flex}.app-sidebar-brand{display:none}.app-body{position:relative}.app-sidebar{z-index:200;width:min(280px,88vw);padding-top:max(20px, env(safe-area-inset-top));box-shadow:none;transition:transform .22s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.app-sidebar-open{transform:translate(0);box-shadow:8px 0 40px #0000001f}.app-sidebar-backdrop{z-index:190;cursor:pointer;-webkit-backdrop-filter:blur(2px);background:#0f0f1059;border:none;margin:0;padding:0;display:block;position:fixed;inset:0}.app-main{flex:1;width:100%}}@media (width>=901px){.app-sidebar-backdrop{display:none!important}}.home-loading{min-height:100vh;font-family:var(--font);color:var(--text-3);background:var(--bg);justify-content:center;align-items:center;font-size:15px;display:flex}.home-landing *,.home-landing :before,.home-landing :after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fff;--surface:#f5f5f3;--surface2:#ebebea;--border:#00000014;--border-strong:#00000024;--text:#0f0f10;--text-2:#5a5a60;--text-3:#9898a0;--accent:#f78154;--accent-soft:#fff0ea;--accent-text:#c2542d;--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--radius-xl:30px;--font:"DM Sans", -apple-system, sans-serif;--mono:"DM Mono", monospace;--max:680px;--px:clamp(20px, 5vw, 40px)}.home-landing{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}.home-landing nav{z-index:100;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding:14px var(--px);background:#ffffffe0;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.nav-logo{letter-spacing:-.4px;color:var(--text);align-items:center;font-size:clamp(22px,4.5vw,28px);font-weight:600;text-decoration:none;display:flex}.nav-logo-img{width:auto;height:64px;display:block}.nav-logo-img--compact{display:none}@media (width<=900px){.nav-logo-img--full{display:none}.nav-logo-img--compact{height:clamp(30px,8vw,40px);display:block}}.nav-actions{align-items:center;gap:10px;display:flex}.nav-btn-secondary{border:1px solid var(--border-strong);color:var(--text);font-family:var(--font);cursor:pointer;background:0 0;border-radius:50px;padding:9px 18px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s;display:inline-block}.nav-btn-secondary:hover{background:var(--surface);border-color:var(--text-3)}.nav-cta{background:var(--text);color:var(--bg);font-family:var(--font);cursor:pointer;border:none;border-radius:50px;padding:9px 18px;font-size:14px;font-weight:500;text-decoration:none;transition:opacity .15s;display:inline-block}.nav-cta:hover{opacity:.8}.wrap{max-width:var(--max);padding:0 var(--px);margin:0 auto}.home-landing section{padding:64px 0}.home-landing section+section{padding-top:0}.hero{text-align:center;padding:72px 0 56px}.hero-badge{background:var(--accent-soft);color:var(--accent-text);letter-spacing:0;border-radius:50px;align-items:center;gap:6px;margin-bottom:24px;padding:6px 14px;font-size:13px;font-weight:500;display:inline-flex}.hero-badge:before{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px;display:inline-block}.hero h1{letter-spacing:-1.5px;color:var(--text);margin-bottom:18px;font-size:clamp(36px,7vw,54px);font-weight:600;line-height:1.1}.hero h1 em{color:var(--accent);font-style:normal}.hero-sub{color:var(--text-2);max-width:400px;margin:0 auto 36px;font-size:17px;font-weight:400;line-height:1.55}.btn-primary{background:var(--text);width:100%;max-width:400px;color:var(--bg);font-family:var(--font);cursor:pointer;text-align:center;border:none;border-radius:50px;margin:0 auto 12px;padding:18px 28px;font-size:16px;font-weight:500;text-decoration:none;transition:opacity .15s,transform .1s;display:block}.btn-primary:hover{opacity:.85;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.hero-hint{color:var(--text-3);margin-bottom:56px;font-size:13px}.phone-wrap{perspective:1200px;justify-content:center;display:flex}.phone{background:#0f0f10;border-radius:36px;width:260px;padding:12px;position:relative;transform:rotateX(2deg);box-shadow:0 0 0 1px #ffffff1f,0 40px 80px -20px #00000038,0 8px 24px #0000001f}.phone-notch{z-index:10;background:#0f0f10;border-radius:0 0 14px 14px;width:80px;height:22px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.phone-screen{background:#f8f8f6;border-radius:26px;min-height:480px;padding:0 0 16px;overflow:hidden}.mock-header{text-align:center;background:#f8f8f6;border-bottom:1px solid #ebebea;padding:36px 16px 16px}.mock-avatar{color:#fff;width:52px;height:52px;font-size:20px;font-weight:600;font-family:var(--font);background:linear-gradient(135deg,#f78154,#e85a28);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 10px;display:flex}.mock-name{color:#0f0f10;font-size:13px;font-weight:600;font-family:var(--font);margin-bottom:2px}.mock-bio{color:#888;font-size:10px;font-family:var(--font)}.mock-body{flex-direction:column;gap:8px;padding:12px;display:flex}.mock-card{background:#fff;border:1px solid #e8e8e6;border-radius:12px;align-items:center;gap:10px;padding:12px;display:flex}.mock-card-icon{background:var(--accent-soft);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.mock-card-text{flex:1}.mock-card-title{color:#0f0f10;font-size:11px;font-weight:600;font-family:var(--font)}.mock-card-price{color:#888;font-size:10px;font-family:var(--font);margin-top:1px}.mock-card-btn{color:#fff;font-size:10px;font-family:var(--font);background:#0f0f10;border-radius:6px;padding:5px 10px;font-weight:500}.mock-link-card{background:#fff;border:1px solid #e8e8e6;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.mock-link-text{color:#0f0f10;font-size:11px;font-weight:500;font-family:var(--font)}.mock-link-arrow{color:#999;font-size:12px}.what{background:var(--surface);border-radius:var(--radius-xl);text-align:center;padding:40px 32px}.what-tag{letter-spacing:.5px;text-transform:uppercase;color:var(--text-3);margin-bottom:16px;font-size:11px;font-weight:500}.what h2{letter-spacing:-.5px;margin-bottom:14px;font-size:clamp(22px,4vw,28px);font-weight:600;line-height:1.25}.what p{color:var(--text-2);max-width:440px;margin:0 auto;font-size:16px;line-height:1.65}.section-label{letter-spacing:.5px;text-transform:uppercase;color:var(--text-3);text-align:center;margin-bottom:24px;font-size:11px;font-weight:500}.cards-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=420px){.cards-grid{grid-template-columns:1fr}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px 20px;transition:border-color .15s}.card:hover{border-color:var(--border-strong)}.card-icon{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:16px;font-size:18px;display:flex}.card h3{letter-spacing:-.2px;color:var(--text);margin-bottom:6px;font-size:15px;font-weight:600}.card p{color:var(--text-2);font-size:13px;line-height:1.55}.card.accent{background:var(--accent);border-color:#0000}.card.accent .card-icon{background:#ffffff26;border-color:#fff3}.card.accent h3{color:#fff}.card.accent p{color:#ffffffbf}.steps{flex-direction:column;gap:12px;display:flex}.step{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:flex-start;gap:18px;padding:24px 22px;transition:border-color .15s;display:flex}.step:hover{border-color:var(--border-strong)}.step-num{background:var(--surface);width:32px;height:32px;color:var(--text-2);font-size:13px;font-weight:600;font-family:var(--mono);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.step-content h3{letter-spacing:-.2px;margin-bottom:4px;font-size:15px;font-weight:600}.step-content p{color:var(--text-2);font-size:13px;line-height:1.55}.stats-row{background:var(--border);border:1px solid var(--border);border-radius:var(--radius-lg);grid-template-columns:repeat(3,1fr);gap:1px;margin-bottom:24px;display:grid;overflow:hidden}.stat{background:var(--bg);text-align:center;padding:24px 16px}.stat-num{letter-spacing:-1px;color:var(--text);margin-bottom:4px;font-size:26px;font-weight:600;display:block}.stat-label{color:var(--text-3);font-size:12px;font-weight:400}.testimonials{flex-direction:column;gap:12px;display:flex}.testi{background:var(--surface);border-radius:var(--radius-lg);padding:22px 20px}.testi-text{color:var(--text);margin-bottom:14px;font-size:15px;font-style:italic;line-height:1.6}.testi-author{align-items:center;gap:10px;display:flex}.testi-avatar{background:var(--accent-soft);width:32px;height:32px;color:var(--accent-text);font-size:13px;font-weight:600;font-family:var(--font);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.testi-name{color:var(--text);font-size:13px;font-weight:600}.testi-role{color:var(--text-3);font-size:12px}.preview-section{overflow:hidden}.preview-section h2{letter-spacing:-.6px;text-align:center;margin-bottom:8px;font-size:clamp(24px,4vw,32px);font-weight:600}.preview-section .sub{text-align:center;color:var(--text-2);margin-bottom:40px;font-size:15px}.preview-phones{justify-content:center;align-items:flex-start;gap:20px;display:flex}.preview-phone{background:#0f0f10;border-radius:28px;width:200px;padding:9px;box-shadow:0 24px 60px -12px #0003,0 0 0 1px #ffffff14}.preview-phone.center{z-index:2;width:220px;position:relative;transform:translateY(-16px);box-shadow:0 32px 80px -16px #00000040,0 0 0 1px #ffffff1a}.preview-screen{background:#f8f8f6;border-radius:21px;padding-bottom:14px;overflow:hidden}.ps-header{background:var(--accent);text-align:center;padding:24px 12px 14px}.ps-av{color:#fff;width:40px;height:40px;font-size:16px;font-weight:600;font-family:var(--font);background:#ffffff40;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 7px;display:flex}.ps-name{color:#fff;font-size:12px;font-weight:600;font-family:var(--font)}.ps-body{flex-direction:column;gap:6px;padding:10px;display:flex}.ps-item{background:#fff;border-radius:9px;align-items:center;gap:8px;padding:10px;display:flex}.ps-thumb{border-radius:6px;flex-shrink:0;width:28px;height:28px}.ps-t{color:#0f0f10;font-size:9px;font-weight:600;font-family:var(--font)}.ps-p{color:#888;font-size:8px;font-family:var(--font);margin-top:1px}.ps-btn{color:#fff;font-size:8px;font-family:var(--font);white-space:nowrap;background:#0f0f10;border-radius:5px;margin-left:auto;padding:4px 8px;font-weight:500}.final-cta{background:var(--text);border-radius:var(--radius-xl);text-align:center;color:var(--bg);margin-bottom:40px;padding:56px 32px}.final-cta h2{letter-spacing:-.8px;color:#fff;margin-bottom:14px;font-size:clamp(26px,5vw,36px);font-weight:600;line-height:1.15}.final-cta h2 em{color:#f78154;font-style:normal}.final-cta p{color:#ffffff8c;margin-bottom:32px;font-size:15px;line-height:1.6}.btn-cta-final{background:var(--accent);color:#fff;font-family:var(--font);cursor:pointer;text-align:center;border:none;border-radius:50px;max-width:340px;margin:0 auto 14px;padding:18px 28px;font-size:16px;font-weight:500;text-decoration:none;transition:opacity .15s,transform .1s;display:block}.btn-cta-final:hover{opacity:.88;transform:translateY(-1px)}.final-hint{color:#ffffff4d;font-size:12px}.home-landing footer{padding:24px var(--px);border-top:1px solid var(--border);max-width:var(--max);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.footer-logo{align-items:center;display:inline-flex}.footer-logo-img{width:auto;height:clamp(22px,4vw,28px);display:block}.footer-logo-img--compact{display:none}@media (width<=900px){.footer-logo-img--full{display:none}.footer-logo-img--compact{height:clamp(26px,7vw,34px);display:block}}.footer-copy{color:var(--text-3);font-size:12px}.divider{background:var(--border);height:1px;margin:0}.hero-badge{animation:.5s 50ms both fadeUp}.hero h1{animation:.5s .1s both fadeUp}.hero-sub{animation:.5s .15s both fadeUp}.btn-primary{animation:.5s .2s both fadeUp}.hero-hint{animation:.5s .22s both fadeUp}.phone-wrap{animation:.6s .3s both fadeUp}@media (width<=480px){.preview-phone:not(.center){display:none}.preview-phones{justify-content:center}.preview-phone.center{width:240px;transform:none}.home-landing footer{text-align:center;flex-direction:column;gap:8px}}.shell,.app-main>.shell{background:var(--bg);flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(280px,1fr) minmax(320px,1fr);align-items:stretch;width:100%;height:100%;min-height:0;display:grid;overflow:hidden}@media (width<=900px){.shell,.app-main>.shell{grid-template-columns:unset;flex-direction:column;min-height:100vh;display:flex}.shell[data-mobile-stage=preview],.app-main>.shell[data-mobile-stage=preview]{flex:1;min-height:calc(100dvh - 5rem)}.shell[data-mobile-stage=edit],.app-main>.shell[data-mobile-stage=edit]{min-height:calc(100dvh - 5rem)}.shell[data-mobile-stage=preview] .panel,.app-main>.shell[data-mobile-stage=preview] .panel,.shell[data-mobile-stage=edit] .previewColumn,.app-main>.shell[data-mobile-stage=edit] .previewColumn{display:none}.shell[data-mobile-stage=edit] .panel,.app-main>.shell[data-mobile-stage=edit] .panel{border-bottom:none;flex:1;min-height:0}.shell[data-mobile-stage=preview] .previewColumn,.app-main>.shell[data-mobile-stage=preview] .previewColumn{flex-direction:column;flex:1;justify-content:flex-start;align-items:center;min-height:0;padding-top:12px;padding-bottom:16px;display:flex}.panel{border-right:none}}.panel{border-right:1px solid var(--border);background:var(--bg);flex-direction:column;flex:1;gap:14px;min-height:0;padding:20px 24px 24px;display:flex;overflow:hidden}.pb-loadingText{font-family:var(--font);color:var(--text-2);margin:0;font-size:.875rem}.pb-shopUrlBar{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;padding:10px 14px;display:flex}.pb-shopUrlText{min-width:0;font-family:var(--mono), ui-monospace, Menlo, monospace;color:var(--text);word-break:break-all;flex:1;font-size:12px}.pb-shopUrlCopy{border:1px solid var(--border);background:var(--bg);font-family:var(--font);color:var(--text);cursor:pointer;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.pb-shopUrlCopyLabel{line-height:1}.pb-shopUrlCopy:hover:not(:disabled){background:var(--surface2)}.pb-shopUrlCopy:disabled{opacity:.45;cursor:not-allowed}.editorSwitcher{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-shrink:0;gap:3px;padding:4px;display:flex}.editorSwitcherBtn{font-family:var(--font);color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:7px;padding:9px 8px;font-size:.78rem;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.editorSwitcherBtn:disabled{opacity:.45;cursor:not-allowed}.editorSwitcherBtnActive{background:var(--text);color:var(--bg)}.editorSwitcherBtnActive svg{opacity:1}.panelSaveRow{flex-shrink:0;margin-top:auto;padding-top:4px}.pb-saveBtn{width:100%;font-family:var(--font);cursor:pointer;border-radius:50px;padding:12px 20px;font-size:14px;font-weight:600;transition:opacity .15s,background .15s,color .15s,border-color .15s}.pb-saveBtnMuted{border:1px solid var(--border);background:var(--surface);color:var(--text-2)}.pb-saveBtnAccent{background:var(--accent);color:#fff;border:none}.pb-saveBtnAccent:hover:not(:disabled){opacity:.92}.pb-saveBtnError{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.pb-saveBtnError:hover:not(:disabled){opacity:.92}.pb-saveBtn:disabled{opacity:.55;cursor:not-allowed}.pb-saveBtnMuted:hover:not(:disabled){background:var(--surface2);border-color:var(--border-strong)}.editorWrap{flex-direction:column;flex:1;min-height:0;display:flex}.editor{box-sizing:border-box;width:100%;font-family:var(--mono), ui-monospace, "Cascadia Code", "SF Mono", Menlo, monospace;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);resize:vertical;flex:1;min-height:260px;padding:14px 16px;font-size:13px;line-height:1.55;box-shadow:0 1px 2px #0000000a}.editor:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.errorBox{border-radius:var(--radius-sm);color:#991b1b;font-family:var(--font);background:#fef2f2;border:1px solid #fecaca;flex-shrink:0;padding:10px 14px;font-size:.8125rem;line-height:1.5}.previewColumn{background:var(--surface);flex-direction:column;flex:1;justify-content:flex-start;align-items:center;gap:16px;min-height:0;padding:28px 24px 40px;display:flex;overflow:hidden}.previewLabel{font-family:var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);align-self:stretch;margin:0;font-size:.75rem;font-weight:600}.previewPhoneWrap{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.phone{background:#0f0f10;border-radius:36px;flex-direction:column;flex-shrink:0;width:min(100%,360px);padding:10px;display:flex;box-shadow:0 0 0 1px #ffffff1f,0 40px 80px -20px #00000038,0 8px 24px #0000001f}.phoneInner{background:var(--bg);border-radius:28px;min-height:min(520px,100dvh - 220px);max-height:min(72vh,640px,100dvh - 200px);overflow:hidden auto}.phoneInner::-webkit-scrollbar{width:6px}.phoneInner::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.previewFallback{min-height:320px;font-family:var(--font);color:var(--text-2);text-align:center;justify-content:center;align-items:center;padding:24px;font-size:.875rem;display:flex}.visualEditorBlocked{border-radius:var(--radius-md);background:var(--accent-soft);color:var(--accent-text);font-family:var(--font);border:1px solid #f7815447;padding:20px;font-size:.875rem;line-height:1.5}.visualEditor{flex:1;min-height:0;padding:4px 2px 8px 0;overflow-y:auto}.visualSection{background:var(--bg);border:1px solid var(--border);border-radius:12px;margin-bottom:12px;padding:12px 14px}.visualSectionHeading{font-family:var(--font);letter-spacing:.05em;text-transform:uppercase;color:var(--text-2);margin-bottom:12px;font-size:.8125rem;font-weight:700}.visualMuted{font-family:var(--font);color:var(--text-2);margin:0 0 10px;font-size:.8125rem;line-height:1.45}.visualToggleMore{border:1px dashed var(--border-strong);background:var(--surface);width:100%;font-family:var(--font);color:var(--text-2);cursor:pointer;border-radius:10px;margin-top:12px;padding:10px 14px;font-size:.8125rem;font-weight:600;display:block}.visualToggleMore:hover{background:var(--surface2);border-color:var(--border-strong)}.visualMoreBlock{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.colorFieldRow{align-items:center;gap:10px;display:flex}.visualColorInput{border:1px solid var(--border-strong);cursor:pointer;background:var(--bg);border-radius:8px;flex-shrink:0;width:44px;height:36px;padding:2px}.visualInputHex{flex:1;min-width:0}.fontPickerWrap{position:relative}.fontPickerList{z-index:20;background:var(--bg);border:1px solid var(--border);border-radius:10px;max-height:220px;margin:0;padding:6px 0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 24px -8px #00000024}.fontPickerOption{cursor:pointer;color:var(--text);padding:8px 12px;font-size:.8125rem}.fontPickerOption:hover{background:var(--surface2)}.visualRow{grid-template-columns:minmax(100px,120px) 1fr;align-items:start;gap:10px 16px;margin-top:10px;display:grid}.visualLabel{font-family:var(--font);color:var(--text-2);padding-top:8px;font-size:.8125rem;font-weight:500}.visualField{min-width:0}.visualInput,.visualTextarea,.visualSelect{box-sizing:border-box;width:100%;font-family:var(--font);border:1px solid var(--border);color:var(--text);background:var(--bg);border-radius:8px;padding:8px 10px;font-size:.8125rem}.visualTextarea{resize:vertical;min-height:72px}.visualInput:focus,.visualTextarea:focus,.visualSelect:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft);outline:none}.socialRow{border-bottom:1px solid var(--border);margin-bottom:12px;padding-bottom:12px}.socialRow:last-of-type{border-bottom:none;margin-bottom:0}.visualBtnFull{width:100%;margin-top:8px}.visualBtnSecondary{border:1px solid var(--border-strong);background:var(--surface);font-family:var(--font);color:var(--text-2);cursor:pointer;border-radius:8px;padding:8px 14px;font-size:.8125rem;font-weight:600}.visualBtnDanger{font-family:var(--font);color:#991b1b;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:6px 12px;font-size:.75rem;font-weight:600}.visualBtnIcon{border:1px solid var(--border);background:var(--bg);cursor:pointer;color:var(--text-2);border-radius:6px;padding:4px 8px;font-size:.875rem}.visualBtnIcon:disabled{opacity:.35;cursor:not-allowed}.blockCard{border:1px solid var(--border);background:var(--surface);border-radius:12px;margin-bottom:12px;overflow:hidden}.blockCardHead{background:var(--surface2);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.blockCardTitle{font-family:var(--font);color:var(--text);font-size:.8125rem;font-weight:700}.blockCardActions{flex-shrink:0;align-items:center;gap:6px;display:flex}.blockCardBody{background:var(--bg);padding:12px}.profileImgUploadRow{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.visualFileInput{min-width:0;max-width:100%;font-family:var(--font);color:var(--text);flex:1;font-size:.8125rem}.profileImgUploadStatus{font-family:var(--font);color:var(--muted);font-size:.75rem}.profileImgUploadErr{font-family:var(--font);color:#b91c1c;margin:0 0 4px;font-size:.75rem}.blockAddRow{flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;display:flex}.blockAddRow .visualSelect{flex:1;min-width:140px}.blocksNested{border-left:2px solid #f7815466;margin-left:8px;padding-left:12px}@media (width<=900px){.pb-mobile-editFab{right:max(20px, env(safe-area-inset-right));bottom:max(24px, env(safe-area-inset-bottom));z-index:55;background:var(--text);width:56px;height:56px;color:var(--bg);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;box-shadow:0 10px 28px #0003}.pb-mobile-editFab:hover{opacity:.9}.pb-mobile-editFab:active{transform:scale(.96)}.blockCardBody .visualRow{grid-template-columns:1fr;align-items:stretch;gap:4px 0}.blockCardBody .visualLabel{padding-top:0}}.aiPanel{flex-direction:column;flex:1;gap:12px;min-width:0;min-height:0;display:flex}.aiProfileImgHint{border-radius:var(--radius-sm);color:var(--text);font-family:var(--font);background:#3b82f614;border:1px solid #3b82f638;flex-shrink:0;margin:0;padding:10px 12px;font-size:.8125rem;line-height:1.45}@keyframes pb-spin{to{transform:rotate(360deg)}}.pb-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.65s linear infinite pb-spin;display:inline-block}.aiMsgGenerating{opacity:.9;align-items:center;gap:8px;font-style:normal;display:inline-flex}.aiChat{border:1px solid var(--border);background:#f8fafcd9;border-radius:16px;flex-direction:column;flex:1;gap:10px;min-height:0;padding:12px 4px 12px 2px;display:flex;overflow-y:auto}.aiMsg{max-width:92%;font-family:var(--font);white-space:pre-wrap;word-break:break-word;border-radius:12px;padding:10px 12px;font-size:.8125rem;line-height:1.45}.aiMsgUser{background:var(--text);color:var(--bg);align-self:flex-end}.aiMsgAssistant{background:var(--bg);border:1px solid var(--border);color:var(--text);align-self:flex-start}.aiMsgPending{opacity:.75;font-style:italic}.aiErr{border-radius:var(--radius-sm);color:#991b1b;font-family:var(--font);background:#fef2f2;border:1px solid #fecaca;flex-shrink:0;padding:8px 12px;font-size:.8125rem}.aiDock{flex-direction:column;flex-shrink:0;gap:10px;display:flex}.aiClearChatRow{flex-shrink:0;justify-content:flex-start;padding:2px 0 4px;display:flex}.aiClearChatLink{font-family:var(--font);color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;padding:6px 10px;font-size:.78rem;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.aiClearChatLink:hover:not(:disabled){background:var(--surface2);color:var(--text)}.aiClearChatLink:disabled{opacity:.45;cursor:not-allowed}.aiClearChatLink svg{opacity:.9;flex-shrink:0}.aiMsgUserWrap{flex-direction:column;align-self:flex-end;align-items:flex-end;gap:6px;max-width:92%;display:flex}.aiMsgContextBubble{font-family:var(--font);letter-spacing:.02em;color:#be185d;background:#e1306c1f;border:1px solid #e1306c59;border-radius:999px;align-items:center;padding:5px 11px;font-size:.72rem;font-weight:600;display:inline-flex}.aiComposerShell{border:1px solid var(--border);background:#f8fafcf2;border-radius:22px;flex-direction:column;gap:8px;padding:10px 10px 10px 12px;display:flex;box-shadow:0 1px 2px #0000000a}.aiComposerIgRow{justify-content:flex-start;align-items:center;min-height:0;padding-top:2px;display:flex}.aiComposerIgFab{cursor:pointer;color:#fff;background:linear-gradient(135deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:opacity .15s,transform .12s;display:flex}.aiComposerIgFab:hover{opacity:.92}.aiComposerIgFab:active{transform:scale(.96)}.aiComposerIgFab svg{stroke:#fff;fill:none;width:14px;height:14px}.aiComposerIgFab svg circle[fill]{fill:#fff}.aiIgAccountPill{background:linear-gradient(135deg,#f0943326 0%,#bc18881f 100%);border:1px solid #e1306c59;border-radius:999px;flex-shrink:0;align-items:center;gap:4px;max-width:min(52vw,220px);min-height:28px;padding:3px 4px 3px 10px;display:inline-flex}.aiIgAccountHandle{min-width:0;font-family:var(--font);color:#9d174d;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.7rem;font-weight:700;overflow:hidden}.aiIgAccountRemove{color:#9d174d;cursor:pointer;background:#9d174d1f;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:1rem;line-height:1;display:flex}.aiIgAccountRemove:hover{background:#9d174d38}.aiComposerRow{align-items:flex-end;gap:10px;min-width:0;display:flex}.aiInputIntegrated{box-sizing:border-box;min-width:0;min-height:44px;max-height:140px;font-family:var(--font);color:var(--text);resize:none;background:0 0;border:none;flex:1;padding:8px 6px 8px 2px;font-size:.875rem;line-height:1.45}.aiInputIntegrated::placeholder{color:var(--text-3)}.aiInputIntegrated:focus{outline:none}.aiInputIntegrated:disabled{opacity:.55}.aiSendFab{background:var(--text);width:42px;height:42px;color:var(--bg);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:opacity .15s,transform .12s;display:flex}.aiSendFab:hover:not(:disabled){opacity:.88}.aiSendFab:active:not(:disabled){transform:scale(.96)}.aiSendFab:disabled{opacity:.35;cursor:not-allowed}.igModalOverlay{z-index:4000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.igModal{border:1px solid var(--border);background:var(--bg);border-radius:18px;flex-direction:column;width:100%;max-width:420px;max-height:min(72vh,560px);display:flex;overflow:hidden;box-shadow:0 24px 48px #0000002e}.igModalHead{border-bottom:1px solid var(--border);flex-direction:column;align-items:stretch;gap:8px;padding:14px 16px 12px;display:flex}.igModalHeadRow{justify-content:space-between;align-items:center;gap:12px;display:flex}.igModalTitle{font-family:var(--font);color:var(--text);margin:0;font-size:1rem;font-weight:700}.igModalSubtitle{font-family:var(--font);color:var(--text-2);margin:0;font-size:.75rem;line-height:1.5}.igModalSubtitle strong{color:var(--text);font-weight:700}.igModalWorking{border-bottom:1px solid var(--border);background:var(--surface);padding:10px 16px 12px}.igModalWorkingStatus{font-family:var(--font);color:var(--text-2);margin:0 0 10px;font-size:.75rem;line-height:1.45}.igModalIndeterminateTrack{background:var(--surface2);border-radius:999px;height:5px;position:relative;overflow:hidden}.igModalIndeterminateFill{background:linear-gradient(90deg,#f09433 0%,#e6683c 35%,#dc2743 70%,#bc1888 100%);border-radius:999px;width:38%;height:100%;animation:1.35s ease-in-out infinite igModalIndet;position:absolute;top:0;left:0}@keyframes igModalIndet{0%{left:-38%}to{left:100%}}.igModalClose{width:36px;height:36px;color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:0;font-size:1.35rem;line-height:1}.igModalClose:hover{background:var(--surface2);color:var(--text)}.igModalSearch{gap:8px;padding:12px 14px 10px;display:flex}.igModalInput{border:1px solid var(--border);background:var(--surface);min-width:0;font-family:var(--font);color:var(--text);border-radius:12px;flex:1;padding:10px 12px;font-size:.875rem}.igModalInput:focus{border-color:var(--text-3);outline:none}.igModalSearchBtn{background:var(--text);color:var(--bg);font-family:var(--font);cursor:pointer;border:none;border-radius:12px;flex-shrink:0;padding:10px 16px;font-size:.8125rem;font-weight:600}.igModalSearchBtn:disabled{opacity:.45;cursor:not-allowed}.igModalList{flex-direction:column;flex:1;gap:6px;min-height:0;padding:4px 10px 12px;display:flex;overflow-y:auto}.igHit{text-align:left;background:var(--surface);cursor:pointer;width:100%;font-family:var(--font);border:1px solid #0000;border-radius:12px;align-items:flex-start;gap:10px;padding:10px;display:flex}.igHit:hover{border-color:var(--border)}.igHitSelected{background:#e1306c0f;border-color:#db2777}.igHitAvatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:44px;height:44px}.igHitAvatarPh{background:var(--surface2);border:1px solid var(--border)}.igHitMain{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.igHitUser{color:var(--text);font-size:.8125rem;font-weight:700}.igVerified{color:#3b82f6;margin-left:4px;font-size:.75rem}.igHitName{color:var(--text-2);font-size:.75rem}.igHitBio{color:var(--text-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.72rem;line-height:1.35;display:-webkit-box;overflow:hidden}.igModalConfirm{border-top:1px solid var(--border);background:var(--surface);padding:12px 14px 16px}.igModalConfirmText{font-family:var(--font);color:var(--text);margin:0 0 12px;font-size:.8125rem;line-height:1.45}.igModalConfirmRow{justify-content:flex-end;gap:10px;display:flex}.igModalBtnSecondary{border:1px solid var(--border);background:var(--bg);font-family:var(--font);color:var(--text);cursor:pointer;border-radius:12px;padding:10px 16px;font-size:.8125rem;font-weight:600}.igModalBtnPrimary{font-family:var(--font);color:#fff;cursor:pointer;background:linear-gradient(135deg,#f09433 0%,#dc2743 55%,#bc1888 100%);border:none;border-radius:12px;padding:10px 18px;font-size:.8125rem;font-weight:600}.igModalBtnPrimary:disabled,.igModalBtnSecondary:disabled{opacity:.5;cursor:not-allowed}.app-placeholder-page{box-sizing:border-box;padding:28px 24px}.app-placeholder-title{font-family:var(--font);letter-spacing:-.02em;color:var(--text);margin:0 0 8px;font-size:1.35rem;font-weight:600}.app-placeholder-hint{font-family:var(--font);color:var(--text-2);margin:0;font-size:.9375rem}