:root{--bg: #f3f1ea;--bg-elevated: #fffcf5;--surface: #ffffff;--text: #26221d;--muted: #6a6357;--line: #b8ae9d;--line-soft: #ddd4c5;--primary: #2b2924;--accent: #c06537;--radius-lg: 16px;--radius-md: 12px;--shadow-soft: 0 8px 30px rgba(33, 31, 26, .09)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Inter,SF Pro Display,Segoe UI,system-ui,-apple-system,sans-serif;color:#1a1f36;background-color:#f0f2f8;background-image:radial-gradient(circle at 1px 1px,#d4d9e8 .8px,transparent .8px);background-size:20px 20px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input{font:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c4cbdc;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#9ba5be}.app-root{min-height:100vh}.auth-gate-wrap{min-height:100vh;display:grid;place-items:center;padding:1rem;background:radial-gradient(circle at 15% 20%,rgba(129,140,248,.18) 0 30%,transparent 60%),#f7f8fc}.auth-gate-card{width:min(100%,420px);border:1px solid #e2e6f0;border-radius:14px;background:#fff;box-shadow:0 1px 4px #0000000a,0 10px 30px #1f346014;padding:1rem;display:grid;gap:.65rem}.auth-gate-card h1{margin:0;font-size:1rem;color:#1a1f36}.auth-gate-card p{margin:0;color:#5c6380;font-size:.85rem}.auth-gate-card code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#f4f6fc;border:1px solid #e2e6f0;border-radius:6px;padding:.1rem .3rem}.auth-gate-card input{border:1px solid #dde1ee;border-radius:10px;background:#f7f8fc;padding:.56rem .65rem;color:#1a1f36}.auth-gate-card input:focus{outline:none;border-color:#818cf8;box-shadow:0 0 0 3px #818cf81f}.auth-gate-card small{color:#d62b52;font-size:.78rem}.auth-gate-card button{border:none;border-radius:10px;background:#4f46e5;color:#fff;font-weight:600;padding:.56rem .8rem;cursor:pointer}.auth-gate-card button:hover{background:#4338ca}.auth-logout-wrap{position:fixed;top:.75rem;right:.85rem;z-index:30}.auth-logout-btn{border:1px solid #e2e6f0;border-radius:8px;background:#fff;color:#5c6380;padding:.36rem .62rem;font-size:.78rem;cursor:pointer}.auth-logout-btn:hover{background:#f7f8fc}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:1rem;padding:.6rem 1.2rem;border-bottom:1px solid rgba(0,0,0,.06);background:#ffffffe0;backdrop-filter:blur(16px) saturate(1.6);-webkit-backdrop-filter:blur(16px) saturate(1.6);flex-wrap:wrap}.topbar-brand h1{margin:0;font-size:.95rem;font-weight:800;letter-spacing:-.02em;color:#1a1f36;white-space:nowrap}.topbar-divider{width:1px;height:20px;background:#dde1ee;flex-shrink:0}.topbar-actions{display:flex;gap:.35rem;align-items:center;flex-wrap:wrap}.ai-controls{display:flex;gap:.4rem;align-items:center;min-width:min(100%,480px);flex:1}.ai-input-wrap{position:relative;flex:1}.ai-icon{position:absolute;left:.6rem;top:50%;transform:translateY(-50%);color:#8b93ad;pointer-events:none}.ai-prompt-input{width:100%;min-width:200px;border:1px solid #dde1ee;border-radius:10px;background:#f7f8fc;padding:.5rem .6rem .5rem 2rem;font-size:.82rem;color:#1a1f36;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.ai-prompt-input::placeholder{color:#9ba5be}.ai-prompt-input:focus{outline:none;border-color:#818cf8;background:#fff;box-shadow:0 0 0 3px #818cf81f}.btn{border:1px solid transparent;border-radius:8px;padding:.42rem .72rem;cursor:pointer;font-size:.8rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:.3rem;white-space:nowrap;transition:all .16s ease;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:.32rem .56rem;font-size:.75rem;border-radius:7px}.btn-solid{background:#4f46e5;color:#fff;box-shadow:0 1px 2px #4f46e53d}.btn-solid:hover:not(:disabled){background:#4338ca;box-shadow:0 2px 6px #4f46e552;transform:translateY(-.5px)}.btn-solid:active:not(:disabled){background:#3730a3;transform:translateY(0);box-shadow:0 1px 2px #4f46e533}.btn-ghost{background:transparent;border-color:#dde1ee;color:#4a5172}.btn-ghost:hover:not(:disabled){background:#f0f2fa;border-color:#c4cadf;color:#1a1f36}.btn-ghost:active:not(:disabled){background:#e4e8f4}.btn-loading{display:inline-flex;align-items:center;gap:.4rem}@keyframes spin{to{transform:rotate(360deg)}}.layout{display:grid;grid-template-columns:248px minmax(0,1fr) 260px;grid-template-rows:1fr;gap:.75rem;padding:.75rem;height:calc(100vh - 54px);overflow:hidden}.panel{background:#fff;border:1px solid #e2e6f0;border-radius:14px;box-shadow:0 1px 3px #0000000a,0 6px 20px #1f34600d;overflow:hidden;display:flex;flex-direction:column;min-height:0}.panel-head{padding:.7rem .8rem;border-bottom:1px solid #eef0f6;background:#fafbfe}.panel-head h2{margin:0;text-transform:uppercase;font-size:.68rem;font-weight:700;letter-spacing:.1em;color:#7c84a3}.panel-subtitle{margin:.3rem 0 .5rem;color:#5c6380;font-size:.76rem}.search-wrap{position:relative}.search-icon{position:absolute;left:.55rem;top:50%;transform:translateY(-50%);color:#9ba5be;pointer-events:none}.search-wrap input,.panel-head input{width:100%;padding:.44rem .55rem .44rem 2rem;border-radius:8px;border:1px solid #e2e6f0;background:#fff;font-size:.8rem;color:#1a1f36;transition:border-color .16s ease,box-shadow .16s ease}.panel-head input:not(.search-wrap input){padding-left:.55rem}.search-wrap input:focus,.panel-head input:focus{outline:none;border-color:#818cf8;box-shadow:0 0 0 3px #818cf81a}.search-wrap input::placeholder,.panel-head input::placeholder{color:#9ba5be}.library-list{padding:.5rem;display:flex;flex-direction:column;gap:.15rem;flex:1;overflow-y:auto;overflow-x:hidden}.library-group{display:flex;flex-direction:column;gap:.3rem}.library-group+.library-group{margin-top:.4rem}.library-group-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#9ba5be;padding:.35rem .45rem .15rem}.library-item{text-align:left;border:1px solid #eef0f6;border-radius:10px;background:#fff;padding:.45rem .5rem;cursor:grab;transition:all .16s ease}.library-item:hover{border-color:#c4cadf;background:#f7f8fc;box-shadow:0 2px 6px #0000000a;transform:translateY(-1px)}.library-item:active{cursor:grabbing;transform:translateY(0);box-shadow:none}.library-item strong{display:block;font-size:.78rem;font-weight:600;color:#1a1f36}.library-item span{font-size:.7rem;color:#7c84a3}.library-mini{margin-top:.3rem;border:1px solid #eef0f6;border-radius:7px;background:#f9fafd;padding:.15rem;overflow:hidden}.library-mini .wf-block{border-left-width:2px;padding:.24rem}.library-mini .wf-block.compact .wf-body{gap:.16rem}.library-mini .wf-line{height:4px}.library-mini .wf-box{border-radius:4px}.library-mini .wf-circle{width:8px!important;height:8px!important}.library-mini .wf-media-frame,.library-mini .wf-carousel{height:24px}.library-mini .wf-cell,.library-mini .wf-card,.library-mini .wf-price-card,.library-mini .wf-col,.library-mini .wf-feature{height:20px;min-height:20px;padding:.1rem;gap:.08rem}.library-mini .wf-price-card{min-height:28px;padding:.15rem .1rem}.library-mini .wf-price-card.highlighted{transform:none;border-width:1px}.library-mini .wf-logo-pill{height:8px}.library-mini .wf-stat{padding:.14rem}.workspace{display:flex;flex-direction:column;gap:.6rem;min-height:0;overflow:hidden}.workspace-head{background:#ffffffeb;border:1px solid #e2e6f0;border-radius:12px;padding:.6rem .8rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.workspace-head h2{margin:0;font-size:.88rem;font-weight:700;color:#1a1f36}.workspace-head p{margin:.15rem 0 0;color:#7c84a3;font-size:.74rem}.page-board{border:1px solid #e2e6f0;border-radius:14px;background:#fff9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:.7rem;display:flex;flex-wrap:nowrap;align-items:flex-start;gap:.65rem;overflow-x:auto;overflow-y:auto;flex:1;min-height:0}.page-card{background:#fcfcfe;border:1.5px solid #e2e6f0;border-radius:12px;min-height:260px;width:260px;flex:0 0 260px;align-self:flex-start;display:flex;flex-direction:column;overflow:visible;height:auto;transition:border-color .16s ease,box-shadow .16s ease}.page-card:hover{border-color:#c4cadf}.page-card.active{border-color:#818cf8;box-shadow:0 0 0 3px #818cf81a,0 4px 12px #4f46e50f}.page-card.page-drop-target{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526,0 4px 12px #4f46e51a}.page-card-head{display:flex;align-items:center;justify-content:space-between;gap:.3rem;padding:.45rem .5rem;border-bottom:1px solid #eef0f6;background:#fff}.page-drag-handle{border:1px solid #e2e6f0;background:#f7f8fc;color:#9ba5be;border-radius:6px;font-size:.72rem;line-height:1;width:22px;height:22px;cursor:grab;flex-shrink:0;display:grid;place-items:center;transition:all .12s ease}.page-drag-handle:hover{background:#eef0f6;color:#5c6380}.page-drag-handle:active{cursor:grabbing}.page-card-head input{width:100%;border:1px solid transparent;background:transparent;font-weight:700;font-size:.8rem;color:#1a1f36;padding:.15rem .2rem;border-radius:6px;transition:all .12s ease}.page-card-head input:focus{outline:none;border-color:#c4cadf;background:#f7f8fc}.delete-page,.duplicate-page{width:22px;height:22px;border-radius:6px;cursor:pointer;line-height:1;display:grid;place-items:center;transition:all .12s ease;flex-shrink:0}.duplicate-page{border:1px solid #e2e6f0;background:#fff;color:#7c84a3}.duplicate-page:hover{background:#eef0f6;color:#4f46e5}.delete-page{border:1px solid #fce7e9;background:#fff;color:#e74c6f;border-radius:999px}.delete-page:hover{background:#fef2f3;color:#d62b52;border-color:#f5c6cc}.page-card-body{padding:.42rem;overflow:visible;display:grid;gap:.4rem;align-content:start;flex:0 0 auto;min-height:0}.mini-empty{min-height:210px;height:auto;border:1.5px dashed #d4d9e8;border-radius:10px;color:#9ba5be;font-size:.74rem;display:grid;place-items:center;transition:all .16s ease}.page-card-body:hover .mini-empty{border-color:#b0b8d0;color:#7c84a3;background:#818cf805}.section-stack{display:grid;gap:.16rem}.drop-indicator{height:3px;border-radius:999px;background:transparent;transition:background-color .12s ease}.drop-indicator.active{background:#818cf8}.section-card,.sitemap-page{border:1px solid #e2e6f0;border-radius:8px;background:#fff;overflow:hidden;transition:all .14s ease}.section-card:hover{border-color:#c4cadf;box-shadow:0 1px 4px #0000000a}.section-card[draggable=true]{cursor:grab}.section-card[draggable=true]:active{cursor:grabbing}.section-card.mini .wf-block{padding:.4rem}.section-card.mini .wf-block header{font-size:.62rem;margin-bottom:.3rem}.section-card.mini .wf-line{height:5px}.section-card.mini .wf-media-frame,.section-card.mini .wf-carousel{height:44px}.section-card.mini .wf-cell,.section-card.mini .wf-card,.section-card.mini .wf-price-card,.section-card.mini .wf-col{height:34px;min-height:34px;padding:.2rem;gap:.12rem}.section-card.mini .wf-price-card{min-height:48px;padding:.3rem .2rem}.section-card.mini .wf-price-card.highlighted{transform:none;border-width:1px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:.25rem;padding:.3rem .4rem;border-bottom:1px solid #f0f2f8;background:#fafbfe}.section-head small{color:#7c84a3;font-size:.65rem;font-weight:500;line-height:1.2}.section-actions{display:flex;gap:.15rem;opacity:0;pointer-events:none;transform:translateY(-1px);transition:opacity .14s ease,transform .14s ease}.section-actions button{border:1px solid #e2e6f0;background:#fff;border-radius:5px;font-size:.65rem;width:18px;height:18px;padding:0;cursor:pointer;color:#7c84a3;display:grid;place-items:center;transition:all .1s ease}.section-actions button:hover{background:#f0f2fa;color:#4f46e5;border-color:#c4cadf}.section-card:hover .section-actions,.section-card:focus-within .section-actions{opacity:1;pointer-events:auto;transform:translateY(0)}.wf-block{padding:.65rem}.wf-block header{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:#7c84a3;margin-bottom:.45rem;font-weight:600}.wf-body{display:grid;gap:.28rem}.wf-row{display:flex;gap:.3rem}.wf-row.center{align-items:center}.wf-row.between{justify-content:space-between}.wf-stack{display:grid;gap:.24rem;align-content:start}.wf-center{display:flex;justify-content:center}.wf-line{height:7px;display:block;border-radius:999px;background:#d4d9e8}.wf-box{display:inline-block;border-radius:6px;border:1px solid #d4d9e8;background:#eef0f8}.wf-circle{display:inline-block;border-radius:999px;border:1px solid #d4d9e8;background:#e6e9f4}.wf-box.btn,.wf-box.search,.wf-box.input{border-radius:999px}.wf-box.thumb{border-radius:5px}.wf-nav{display:flex;gap:.2rem;align-items:center}.wf-nav .wf-line{width:18px}.wf-breadcrumbs{display:flex;gap:.18rem;align-items:center}.wf-columns-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem}.wf-stack.card-like{border:1px solid #d4d9e8;border-radius:8px;padding:.32rem;background:#f7f8fc}.wf-media-frame,.wf-carousel{height:62px;border-radius:8px;background:repeating-linear-gradient(45deg,#dde1ee,#dde1ee 8px,#eef0f6 8px,#eef0f6 16px)}.wf-carousel.video{display:grid;place-items:center}.wf-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.24rem}.wf-stat{border:1px solid #d4d9e8;border-radius:6px;background:#f9fafd;padding:.24rem;display:grid;gap:.16rem}.wf-grid,.wf-cards,.wf-pricing,.wf-footer-cols{display:grid;gap:.28rem;grid-template-columns:repeat(3,1fr)}.wf-pricing-2{grid-template-columns:repeat(2,1fr)}.wf-grid.media .wf-cell{height:32px}.wf-footer-cols{grid-template-columns:repeat(4,1fr);border-top:1px solid #eef0f6;padding-top:.5rem;gap:.6rem}.wf-cell,.wf-card,.wf-price-card,.wf-col{min-height:44px;border-radius:6px;border:1px solid #d4d9e8;background:#fcfcfe;display:flex;flex-direction:column;padding:.32rem;gap:.2rem;box-sizing:border-box}.wf-card{box-shadow:0 1px 2px #00000005}.wf-col{border:none;background:transparent;padding:0;min-height:auto}.wf-price-card{min-height:80px;align-items:center;justify-content:center;gap:.35rem;background:#fff;padding:.5rem .35rem}.wf-price-card.highlighted{border-color:#818cf8;border-width:1.5px;background:#f4f6ff;box-shadow:0 4px 12px #6366f114;transform:scale(1.05);z-index:1}.wf-price-card .wf-price-features{display:flex;flex-direction:column;gap:.25rem;width:100%;align-items:center;margin:.3rem 0}.wf-box.btn-primary{background:#818cf8;border-color:#6366f1}.wf-testimonial-header{display:flex;align-items:center;gap:.3rem;margin-bottom:.1rem}.wf-feature{height:34px;border-radius:6px;border:1px solid #d4d9e8;background:#f7f8fc;padding:.2rem;display:grid;justify-items:center;align-content:center;gap:.16rem}.wf-logo-cloud{display:grid;grid-template-columns:repeat(3,1fr);gap:.24rem}.wf-logo-pill{display:block;height:11px;border-radius:999px;border:1px solid #d4d9e8;background:#eef0f8}.wf-list{display:grid;gap:.24rem}.wf-list-item{display:grid;grid-template-columns:28px minmax(0,1fr);gap:.26rem;border:1px solid #d4d9e8;border-radius:6px;background:#fafbfe;padding:.22rem}.wf-timeline{display:grid;gap:.2rem}.wf-time-row{display:grid;grid-template-columns:12px minmax(0,1fr);gap:.26rem;align-items:start}.wf-faq{display:grid;gap:.2rem}.wf-faq-item{border:1px solid #d4d9e8;border-radius:6px;background:#fafbfe;padding:.22rem;display:flex;justify-content:space-between;align-items:center}.wf-form{display:grid;gap:.22rem}.wf-dots{display:flex;justify-content:center;gap:.2rem}.wf-dots i{width:6px;height:6px;border-radius:999px;background:#b0b8d0}.wf-header{border-left:3px solid #64748b}.wf-hero{border-left:3px solid #6366f1}.wf-content{border-left:3px solid #3b82f6}.wf-media{border-left:3px solid #06b6d4}.wf-commerce{border-left:3px solid #8b5cf6}.wf-footer{border-left:3px solid #475569}.section-card.mini .wf-box{border-radius:4px}.section-card.mini .wf-circle{width:8px!important;height:8px!important}.section-card.mini .wf-nav .wf-line{width:12px}.sitemap-panel{height:100%;min-height:0;overflow:hidden}.sitemap-view{padding:.5rem;display:flex;flex-direction:column;gap:.4rem;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.sitemap-page{padding:.55rem;flex:0 0 auto}.sitemap-page-header{display:flex;align-items:center;gap:.4rem}.sitemap-page-number{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:6px;background:#eef0f8;color:#5c6380;font-size:.68rem;font-weight:700;flex-shrink:0}.sitemap-page h3{margin:0;font-size:.82rem;font-weight:700;color:#1a1f36}.sitemap-meta{margin:.15rem 0 .35rem;font-size:.7rem;color:#7c84a3;padding-left:1.65rem}.sitemap-sections{display:flex;flex-wrap:wrap;gap:.2rem;padding-left:1.65rem}.sitemap-sections span{font-size:.65rem;border:1px solid #e2e6f0;background:#f7f8fc;border-radius:999px;padding:.12rem .36rem;color:#5c6380;font-weight:500}.sitemap-sections .sitemap-empty{color:#b0b8d0;font-style:italic;border:none;background:none;padding:0}@media(max-width:1200px){.layout{grid-template-columns:220px minmax(0,1fr);height:auto;min-height:calc(100vh - 54px);overflow:visible}.layout>.panel:last-child{grid-column:1 / -1}.sitemap-panel{max-height:32vh}.sitemap-view{max-height:none}.workspace{overflow:visible}.page-board{min-height:50vh}}@media(max-width:860px){.layout{grid-template-columns:1fr;height:auto;min-height:calc(100vh - 54px);overflow:visible}.page-board{min-height:50vh}.library-list,.sitemap-view,.sitemap-panel{max-height:30vh}.workspace{overflow:visible}.topbar{padding:.55rem .8rem}}