*{box-sizing:border-box}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#172033;background:#f2edeb}html,body,#root{min-height:100%}body{margin:0;min-width:320px;background:#f2edeb;overflow:hidden}button,input{font:inherit}:root{--app-ink: #172033;--app-muted: #73809a;--app-border: rgba(222, 224, 232, .9);--app-border-strong: rgba(207, 211, 221, .92);--app-surface: rgba(255, 255, 255, .6);--app-surface-strong: rgba(255, 255, 255, .78);--app-shadow: 0 18px 45px rgba(123, 129, 154, .12)}.app-shell{position:relative;height:100vh;height:100dvh;min-height:100dvh;overflow:hidden;background:linear-gradient(90deg,#f5e4df,#f2ebe8 33%,#edf0f5 67%,#eeecff);color:var(--app-ink)}.app-shell:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 16% 18%,rgba(255,255,255,.42),transparent 26%),radial-gradient(circle at 74% 84%,rgba(255,255,255,.28),transparent 22%);pointer-events:none}.app-shell__glow{position:absolute;border-radius:999px;filter:blur(120px);opacity:.9;pointer-events:none}.app-shell__glow--warm{top:-14%;left:-8%;width:56%;height:52%;background:linear-gradient(135deg,#fb92785c,#fdba7429)}.app-shell__glow--cool{right:-14%;bottom:-18%;width:54%;height:48%;background:linear-gradient(135deg,#a5b4fc47,#d8b4fe38)}.app-shell__glow--mist{top:24%;right:18%;width:26%;height:30%;background:linear-gradient(135deg,#93c5fd1f,#ffffff14)}.app-shell__chrome{position:relative;z-index:1;height:100vh;height:100dvh;min-height:100dvh;display:flex;flex-direction:column}.app-header{height:56px;display:flex;align-items:center;gap:.75rem;padding:0 1.5rem;background:#fff6;border-bottom:1px solid rgba(255,255,255,.58);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);position:sticky;top:0;z-index:20;white-space:nowrap;box-shadow:0 1px 8px #00000008}.brand{display:inline-flex;align-items:center;min-width:0}.brand img{display:block;height:30px;width:auto}.header-nav-center{position:absolute;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;justify-content:center;gap:.2rem;padding:.2rem;border-radius:14px;border:1px solid rgba(255,255,255,.7);background:#ffffff80;box-shadow:inset 0 1px #ffffffb8,0 2px 8px #0000000a}.header-actions{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.nav-link{text-decoration:none;color:#6f7e97;font-weight:700;font-size:.84rem;line-height:1;padding:.5rem .75rem;border-radius:10px;transition:background-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}.nav-link:hover{color:#304059;background:#ffffff7a}.nav-link.active{color:#25344e;background:#ffffffeb;box-shadow:inset 0 1px #ffffffd1,0 1px 4px #0000000d}.icon-link,.user-link{display:inline-flex;align-items:center;gap:.375rem}.icon-link svg,.user-link svg{color:inherit}.user-link{background:#fff6;border:1px solid rgba(233,235,240,.85)}.header-environment{font-size:.73rem;font-weight:700;border-radius:999px;padding:.36rem .68rem;border:1px solid transparent}.header-environment--staging{color:#6b3b00;background:#ffdeadb3;border-color:#f4a84d59}.header-environment--local{color:#22407d;background:#cde2ffad;border-color:#5d8bff47}.header-plan{font-size:.73rem;font-weight:700;color:#707d91;background:#ffffff8c;border:1px solid rgba(227,229,235,.9);border-radius:999px;padding:.36rem .68rem;box-shadow:inset 0 1px #ffffffa6}.status-strip{width:min(calc(100% - 3rem),1440px);margin:1rem auto 0;display:grid;gap:.5rem}.app-main{flex:1;min-height:0;width:100%;padding:1.4rem;padding-bottom:calc(1.4rem + env(safe-area-inset-bottom,0px));overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.editor-page{flex:1;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:.6rem}.editor-actions-row{background:var(--app-surface);border:1px solid rgba(255,255,255,.76);border-radius:14px;padding:.35rem .6rem;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--app-shadow)}.editor-page-meta{display:flex;gap:.4rem;flex-wrap:wrap}.editor-page-meta span{font-size:.75rem;font-weight:700;color:#68758b;background:#ffffffb3;border:1px solid rgba(229,232,238,.95);border-radius:999px;padding:.25rem .6rem}.editor-page-buttons{display:flex;gap:.35rem;flex-wrap:wrap}.editor-page-buttons .btn{padding:.25rem .5rem;font-size:.8rem;border-radius:8px;line-height:1}.export-menu{position:relative}.export-menu[open] .export-menu-trigger{box-shadow:inset 0 1px #ffffffe0,0 16px 30px #7b819a1f;background:#ffffffe0}.export-menu summary{list-style:none}.export-menu summary::-webkit-details-marker{display:none}.export-menu-trigger{min-width:132px}.export-menu-panel{position:absolute;right:0;bottom:calc(100% + .35rem);min-width:210px;display:grid;gap:.2rem;padding:.35rem;border-radius:10px;border:1px solid rgba(221,225,233,.98);background:#fffffff5;box-shadow:0 18px 30px #7b819a2e;z-index:7}.export-menu-item{border:1px solid transparent;border-radius:8px;background:#ffffffd1;color:#304059;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.45rem .55rem;font-size:.8rem;font-weight:700;cursor:pointer}.export-menu-item:hover:not(:disabled){border-color:#ced4df;background:#fff}.export-menu-item:disabled{opacity:.5;cursor:not-allowed}.export-menu-item-locked{color:#4f5b72}.export-menu-badge{display:inline-flex;align-items:center;gap:.22rem;font-size:.68rem;font-weight:800;letter-spacing:.01em;color:#6a748b;background:#eef1f7f2;border:1px solid rgba(221,226,235,1);border-radius:999px;padding:.18rem .42rem}.editor-canvas-shell{position:relative;min-height:clamp(520px,66vh,860px);border:1px solid rgba(255,255,255,.8);border-radius:14px;background:#ffffff75;overflow:hidden;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 28px 60px #7b819a1a}.editor-canvas-shell:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fff7f573,#f0f3fa2e);pointer-events:none}.editor-empty-state{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:.65rem;color:#8b95a8;font-weight:600;pointer-events:none;z-index:2}.editor-loading-state{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:700;z-index:2}.excalidraw-shell{position:absolute;inset:0;z-index:1}.excalidraw-shell .excalidraw .App-menu_top{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.excalidraw-shell .excalidraw .Island{background:#ffffffd1;border:1px solid rgba(226,230,238,.95);box-shadow:0 16px 36px #787f9524;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.panel-page{max-width:820px;border:1px solid rgba(255,255,255,.76);border-radius:30px;background:var(--app-surface);padding:1.75rem;display:grid;gap:1.2rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--app-shadow)}.panel-page h1,.panel-page h2,.panel-page h3{margin:0}.pricing-page{max-width:1100px;margin:0 auto;padding:2rem 0 3rem;display:flex;flex-direction:column;gap:3rem;align-items:center}.pricing-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.pricing-badge{display:inline-flex;align-items:center;gap:.5rem;background:#ffffffbf;border:1px solid rgba(229,232,238,.95);padding:.52rem 1rem;border-radius:999px;font-size:.85rem;font-weight:700;color:#6e7a8f;box-shadow:0 8px 24px #7a809514}.pricing-header h1{font-size:clamp(2.6rem,5vw,3.4rem);font-weight:800;letter-spacing:-.03em;margin:0;color:#132039}.pricing-header p{font-size:1.1rem;margin:0}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;width:100%}.plan-card{position:relative;background:#ffffffa3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.78);border-radius:24px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 18px 42px #7b819a1a;transition:transform .22s ease,box-shadow .22s ease}.plan-card:hover{transform:translateY(-4px);box-shadow:0 28px 54px #7b819a24}.plan-free{border:3px solid #63758b;--plan-color: #63758b}.plan-standard{border:3px solid #6d57ff;--plan-color: #6d57ff}.plan-pro{border:3px solid #f6534d;--plan-color: #f6534d}.plan-active{background:#ffffffd1;border-color:#8982f159}.plan-icon{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 10px 22px #8878eb2e}.plan-free .plan-icon{background:#63758b}.plan-standard .plan-icon{background:#6d57ff}.plan-pro .plan-icon{background:#f6534d}.plan-header{display:grid;gap:.6rem}.plan-header-meta{display:flex;gap:.4rem;flex-wrap:wrap}.plan-title-row{display:flex;align-items:center;gap:.85rem}.plan-title-row h3{font-size:1.15rem;font-weight:800;color:#172033;margin:0}.popular-badge{position:absolute;top:-14px;right:20px;background:#f6534d;color:#fff;font-size:.72rem;font-weight:800;padding:.36rem .78rem;border-radius:999px;display:flex;align-items:center;gap:.25rem;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 10px 20px #ef847142}.current-badge{display:inline-block;width:fit-content;background:#ffffffc7;color:#68758b;font-size:.76rem;font-weight:700;padding:.28rem .72rem;border-radius:999px;border:1px solid rgba(229,232,238,.95)}.plan-price{display:flex;align-items:baseline;gap:.26rem}.price-amount{font-size:2.2rem;font-weight:800;color:#162039;line-height:1}.price-interval{color:#7c8698;font-weight:600;font-size:.85rem}.plan-desc{font-size:.85rem;line-height:1.5;min-height:2.5rem;margin:0}.plan-features{display:flex;flex-direction:column;gap:.8rem;margin-top:.2rem;margin-bottom:.8rem}.feature-row{display:flex;justify-content:space-between;align-items:center;gap:.8rem;font-size:.82rem;border-bottom:1px solid rgba(231,234,240,.9);padding-bottom:.5rem}.feature-name{color:#6d7890}.feature-value{font-weight:800;color:#162039}.feature-crossed{color:#b4bcc9;font-weight:600}.plan-action-btn{width:100%;justify-content:center;margin-top:auto;padding:.85rem 1rem;font-size:.95rem;font-weight:700;border-radius:14px;transition:all .2s ease;box-shadow:none}.plan-card-compact{border-radius:18px;padding:1rem;gap:.75rem;box-shadow:0 12px 32px #7b819a1f}.plan-card-compact .plan-icon{width:32px;height:32px;border-radius:10px}.plan-card-compact .plan-title-row h3{font-size:1rem}.plan-card-compact .price-amount{font-size:1.6rem}.plan-card-compact .plan-desc{font-size:.78rem;min-height:0}.plan-card-compact .plan-features{gap:.4rem;margin:0}.plan-card-compact .feature-row{font-size:.76rem;padding-bottom:.35rem}.plan-card-compact .plan-action-btn{padding:.68rem .84rem;border-radius:12px;font-size:.84rem}.plan-recommended-badge{color:#4f46e5;border-color:#4f46e533;background:#ececffbf}.plan-free .plan-action-btn{border:1.5px solid #d1d9e2;background:#f8fafc;color:#64748b;border-radius:999px;opacity:.8}.plan-free .plan-action-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.plan-card .btn-standard{background:#4f46e5;border:none;color:#fff;box-shadow:0 4px 14px #4f46e566}.plan-card .btn-standard:hover{background:#4338ca;transform:translateY(-2px);box-shadow:0 6px 20px #4f46e573}.plan-card .btn-pro{background:linear-gradient(135deg,#f6534d,#f97316);border:none;color:#fff;box-shadow:0 4px 14px #f6534d66}.plan-card .btn-pro:hover{background:linear-gradient(135deg,#ef4444,#f97316);transform:translateY(-2px);box-shadow:0 6px 20px #f6534d73}.plan-upgrade-modal-overlay{position:fixed;inset:0;z-index:35;background:#0d12208f;display:flex;align-items:center;justify-content:center;padding:1.1rem}.plan-upgrade-modal{width:min(920px,100%);max-height:min(92vh,880px);overflow:auto;border-radius:20px;border:1px solid rgba(244,246,252,.8);background:#fafbfffa;box-shadow:0 30px 70px #0e142657;padding:1rem;display:grid;gap:.9rem}.plan-upgrade-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem}.plan-upgrade-modal-header h2{margin:0;color:#152039;font-size:1.35rem}.plan-upgrade-modal-header p{margin:.4rem 0 0;font-size:.9rem}.plan-upgrade-modal-close{border:1px solid rgba(219,224,234,.95);background:#ffffffe6;border-radius:10px;width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;color:#59657d;cursor:pointer}.plan-upgrade-modal-close:hover{background:#fff;color:#303e56}.plan-upgrade-modal-close:focus-visible{outline:2px solid rgba(111,86,255,.45);outline-offset:2px}.plan-upgrade-modal-content{display:grid;gap:.9rem}.plan-upgrade-cards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.plan-upgrade-modal-checkout{gap:1rem}.checkout-summary-card{border-radius:16px;border:1px solid rgba(230,233,242,.96);background:#ffffffdb;padding:1rem}.checkout-summary-card h3{margin:0;font-size:1.15rem;color:#172139}.checkout-summary-card p{margin:.35rem 0 .65rem;font-size:.82rem}.checkout-summary-card ul{margin:0;padding-left:1rem;display:grid;gap:.26rem;color:#4f5b71;font-size:.82rem}.checkout-summary-card-standard{border-color:#6d57ff61}.checkout-summary-card-pro{border-color:#f6534d6b}.plan-upgrade-modal-footer{display:flex;justify-content:space-between;gap:.6rem;flex-wrap:wrap}.user-page{max-width:820px;width:100%;margin:0 auto;display:grid;gap:1.2rem}.user-page__hero,.user-page__actions{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.user-page__hero h1{margin-bottom:.3rem}.user-page__hero-badge,.user-page__identity-card{display:inline-flex;align-items:center;gap:.45rem;border-radius:18px;padding:.8rem 1rem;border:1px solid rgba(226,230,238,.92);background:#ffffffb3;box-shadow:inset 0 1px #ffffffc2}.user-page__identity-card{display:grid;gap:.2rem}.user-page__identity-card p{margin:0}.user-page__identity-email{font-weight:800;color:#172033}.user-page__action-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.user-page__billing-card,.user-stats-grid{width:100%}.account-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.account-stats article{border:1px solid rgba(230,233,239,.95);border-radius:20px;padding:1rem;background:#ffffffb8;box-shadow:inset 0 1px #ffffffbd}.account-stats p{margin:.3rem 0 0;font-weight:800}.seo-content-card{border:1px solid rgba(255,255,255,.76);border-radius:20px;background:#ffffff9e;padding:1rem 1.2rem;display:grid;gap:.7rem;box-shadow:var(--app-shadow)}.seo-content-card--wide{width:min(100%,920px)}.seo-content-card h1,.seo-content-card h2{margin:0;color:#172033}.seo-content-card ul{margin:0;padding-left:1.15rem;display:grid;gap:.35rem}.seo-content-card li::marker{color:#7c82f3}.seo-content-card a{color:#3043a6;text-decoration:none;font-weight:600}.seo-content-card a:hover{text-decoration:underline}.seo-content-links{display:flex;flex-wrap:wrap;gap:.9rem}.blog-index-page{width:min(100%,1160px);margin:0 auto;display:grid;gap:1.5rem;padding-bottom:2.5rem}.blog-index-hero{display:grid;gap:.8rem;text-align:center;width:min(100%,760px);margin:0 auto}.blog-index-hero h1,.blog-post-header h1{margin:0;font-size:clamp(2rem,4vw,3rem);line-height:1.1;letter-spacing:-.02em}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.blog-card{border:1px solid rgba(255,255,255,.76);border-radius:20px;background:#ffffffa3;padding:1rem;display:grid;gap:.7rem;box-shadow:var(--app-shadow)}.blog-card h2{margin:0;font-size:1.2rem}.blog-card p{margin:0}.blog-card-meta{display:inline-flex;align-items:center;gap:.35rem;font-size:.82rem;margin:0}.blog-card-tags{display:flex;flex-wrap:wrap;gap:.35rem}.blog-card-tags span{font-size:.72rem;font-weight:700;color:#5f6f88;background:#ffffffb8;border:1px solid rgba(229,232,238,.95);border-radius:999px;padding:.2rem .55rem}.blog-card-link{width:fit-content}.blog-cta-row{display:flex;flex-wrap:wrap;gap:.6rem}.blog-post-page{width:min(100%,880px);margin:0 auto;display:grid;gap:1.2rem;padding-bottom:2rem}.blog-post-header,.blog-post-content,.blog-post-cta,.blog-related{border:1px solid rgba(255,255,255,.76);border-radius:22px;background:#ffffffa8;box-shadow:var(--app-shadow);padding:1.2rem}.blog-post-header{display:grid;gap:.65rem}.blog-post-content{display:grid;gap:1rem}.blog-post-section h2{margin-top:0;margin-bottom:.5rem}.blog-post-section p{margin:0 0 .6rem}.blog-post-section ul{margin:0;padding-left:1.2rem}.blog-post-section li{margin-bottom:.4rem}.blog-related ul{margin:0;padding-left:1.1rem}.blog-related a{color:#3043a6;text-decoration:none}.blog-related a:hover{text-decoration:underline}.blog-post-missing{margin:0 auto}.btn,.upload-btn{border-radius:10px;padding:.35rem .65rem;font-weight:700;font-size:.8rem;line-height:1.2;display:inline-flex;align-items:center;justify-content:center;gap:.3rem;cursor:pointer;transition:transform .16s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease}.btn{border:1px solid rgba(142,148,162,.85);background:linear-gradient(180deg,#959dab,#8b93a2);color:#fff;box-shadow:0 4px 12px #888f9d29}.btn:hover,.upload-btn:hover{transform:translateY(-1px)}.btn:hover{box-shadow:0 18px 30px #888f9d2e}.btn:disabled,.upload-btn:disabled{opacity:.58;cursor:not-allowed;transform:none;box-shadow:none}.btn.secondary,.upload-btn{border:1px solid rgba(221,225,233,.95);background:#ffffffbd;color:#43516b;line-height:1;box-shadow:inset 0 1px #ffffffc7,0 10px 24px #7b819a1a}.btn.secondary:hover,.upload-btn:hover{box-shadow:inset 0 1px #ffffffe0,0 16px 30px #7b819a1f;background:#ffffffe0}.upload-btn{position:relative;overflow:hidden}.upload-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-btn-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4}.upload-btn-overlay:hover,.upload-btn-overlay:active,.upload-btn-overlay:focus-visible{transform:translate(-50%,-50%)}.status{margin:0;font-size:.92rem;font-weight:600;padding:.9rem 1rem;border-radius:18px;border:1px solid rgba(255,255,255,.78);background:#ffffffa3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 14px 28px #7b819a14}.muted-text{color:var(--app-muted)}.error{color:#c54f5b}@media(max-width:980px){.app-header{height:56px;flex-wrap:nowrap;padding:0 .9rem}.header-nav-center{position:absolute;left:50%;transform:translate(-50%);width:auto;justify-content:center}.header-actions{justify-content:flex-end}.header-plan{display:none}.app-main{padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px))}.plans-grid{grid-template-columns:repeat(2,1fr)}.status-strip{width:min(calc(100% - 2rem),1440px)}.editor-actions-row{padding:.35rem .5rem}.editor-canvas-shell{min-height:460px;border-radius:14px}.panel-page,.plan-card{border-radius:24px;padding:1.35rem}.blog-grid,.plan-upgrade-cards-grid{grid-template-columns:1fr}}@media(max-width:680px){.nav-link{padding:.45rem;font-size:.78rem}.nav-link-label{display:none}.icon-link,.user-link{width:2rem;height:2rem;justify-content:center;gap:0}.user-link{padding-inline:.45rem}.header-plan{display:none}.user-page__hero,.user-page__actions{flex-direction:column}.pricing-page{gap:2rem}.plans-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto}.pricing-header h1{font-size:2.2rem}.editor-page-meta,.editor-page-buttons{width:100%}.editor-page-buttons{justify-content:stretch}.editor-page-buttons>*{flex:1 1 100%}.export-menu,.export-menu-trigger{width:100%}.export-menu-panel{left:0;right:auto;width:100%;min-width:0}.upload-btn-overlay{width:calc(100% - 2rem)}.seo-content-links,.blog-cta-row{flex-direction:column;align-items:stretch}.blog-post-header,.blog-post-content,.blog-post-cta,.blog-related,.seo-content-card{padding:1rem;border-radius:18px}.plan-upgrade-modal-overlay{padding:.65rem}.plan-upgrade-modal{padding:.8rem;border-radius:16px}.plan-upgrade-modal-header h2{font-size:1.15rem}.plan-upgrade-modal-footer{flex-direction:column-reverse}.plan-upgrade-modal-footer .btn{width:100%;justify-content:center}}