:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f6f8fb;color:#142033;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:100vw;min-height:100vh;background:#f6f8fb}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}.app-frame,.hosted-shell{min-height:100vh}.hosted-account-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;padding:7px 22px;color:#dce9fb;background:#10243c;font-size:12px;font-weight:700;letter-spacing:.01em}.hosted-account-status,.hosted-sign-out{display:inline-flex;align-items:center;gap:8px}.hosted-account-email{padding-left:8px;color:#91b5df;font-weight:500}.hosted-sign-out{min-height:30px;padding:0 11px;color:#dce9fb;background:transparent;border:1px solid rgba(220,233,251,.35);border-radius:6px;font-size:12px;font-weight:700}.hosted-sign-out:hover{background:#ffffff14}.hosted-login-page{display:grid;min-height:100vh;place-items:center;padding:32px 18px;background:#f5f7f9}.hosted-login-card{width:min(100%,470px);padding:34px;background:#fff;border:1px solid #d8e2ef;border-radius:4px;box-shadow:10px 12px #e1ebf2}.hosted-login-brand{display:flex;align-items:center;gap:14px}.hosted-login-mark{display:grid;width:48px;height:48px;place-items:center;color:#fff;background:#095bc8;border-radius:12px;box-shadow:0 12px 26px #095bc833}.hosted-login-card h1{margin:4px 0 0;color:#16263b;font-size:25px}.hosted-login-intro{margin:25px 0 20px;color:#5f7187;line-height:1.55}.hosted-login-public-links{display:flex;align-items:center;flex-wrap:wrap;gap:13px;margin:-4px 0 22px;color:#71818d;font-size:11px}.hosted-login-public-links a{display:inline-flex;align-items:center;gap:4px;color:#075ea9;font-weight:750;text-decoration:none}.hosted-login-public-links a:hover{color:#1e2b36}.hosted-login-public-links a+a{padding-left:13px;border-left:1px solid #cbd8e2}.hosted-provider-note{display:flex;align-items:flex-start;gap:9px;margin-bottom:22px;padding:11px 12px;color:#335372;background:#edf5ff;border:1px solid #d2e5fb;border-radius:8px;font-size:12px;line-height:1.45}.hosted-login-form{display:grid;gap:15px}.hosted-login-form label{display:grid;gap:7px;color:#34465b;font-size:12px;font-weight:700}.hosted-login-form input{width:100%;min-height:42px;padding:0 12px;color:#18283d;background:#fff;border:1px solid #cbd7e6;border-radius:7px;outline:none}.hosted-login-form input:focus{border-color:#1976ff;box-shadow:0 0 0 3px #1976ff1f}.hosted-login-error{margin:0;padding:10px 11px;color:#9d2b32;background:#fff0f0;border:1px solid #f0c9cc;border-radius:7px;font-size:12px;line-height:1.4}.hosted-login-switch{display:flex;justify-content:center;gap:7px;margin-top:20px;color:#64758a;font-size:12px}.hosted-login-switch button{padding:0;color:#095bc8;background:transparent;border:0;font-weight:700}.hosted-demo-hint{margin:22px 0 0;padding-top:17px;color:#718196;border-top:1px solid #e1e7ef;font-size:11px;line-height:1.55}.hosted-demo-hint code{padding:2px 4px;color:#334a64;background:#edf2f7;border-radius:4px}.hosted-loading-card{display:grid;justify-items:center;gap:14px;color:#65768c;text-align:center}.hosted-loading-card p{margin:0}.public-site{min-height:100vh;overflow:hidden;color:#24313c;background:#f5f7f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.public-site a{color:inherit;text-decoration:none}.public-wrap{width:min(1180px,calc(100% - 48px));margin:0 auto}.public-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;width:min(1320px,calc(100% - 48px));min-height:72px;margin:0 auto;border-bottom:1px solid #d4dee7}.public-brand,.public-nav-cta,.public-text-link,.public-button,.public-footer a{display:inline-flex;align-items:center;gap:8px}.public-brand{justify-self:start;color:#1f2c38;font-size:16px;font-weight:800;letter-spacing:-.03em}.public-brand-mark{display:grid;width:29px;height:29px;place-items:center;color:#fff;background:#0b6fce;border-radius:3px}.public-nav-links{display:flex;gap:24px;color:#71808d;font-size:12px;font-weight:700}.public-nav-links a:hover,.public-nav-links a.active{color:#0a67bd}.public-nav-cta{justify-self:end;min-height:34px;padding:0 12px;color:#075ea9;border:1px solid #8db9dc;border-radius:3px;font-size:12px;font-weight:800}.public-nav-cta:hover{color:#fff;background:#0b6fce}.public-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:center;gap:clamp(42px,8vw,108px);min-height:645px;padding-top:72px;padding-bottom:80px}.public-kicker,.public-feature-index{margin:0;color:#0b6fce;font-size:10px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.public-hero h1,.public-about-hero h1{max-width:720px;margin:18px 0 22px;color:#1e2b36;font-size:clamp(47px,6.1vw,82px);font-weight:780;letter-spacing:-.075em;line-height:.95}.public-hero-lede,.public-about-lede{max-width:570px;margin:0;color:#52616e;font-size:17px;line-height:1.65}.public-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:34px}.public-button{min-height:43px;padding:0 15px;border:1px solid transparent;border-radius:3px;font-size:12px;font-weight:850}.public-button.primary{color:#fff;background:#0b6fce}.public-button.primary:hover{background:#075ea9}.public-button.outline{color:#075ea9;border-color:#8db9dc}.public-button.outline:hover{color:#fff;background:#0b6fce}.public-text-link{color:#075ea9;font-size:12px;font-weight:750}.public-text-link:hover{color:#1e2b36}.public-signal-line{display:flex;align-items:center;flex-wrap:wrap;gap:11px;margin-top:64px;color:#72818e;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:10px;letter-spacing:.04em;text-transform:uppercase}.public-signal-line i{width:4px;height:4px;background:#6e9fc8;border-radius:50%}.public-project-sheet{position:relative;align-self:center;overflow:hidden;background:#fff;border:1px solid #b9cbd9;box-shadow:13px 16px #dce8f1}.public-sheet-heading,.public-sheet-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 22px;color:#5d6f7d;background:#f8fafc;border-bottom:1px solid #dbe4eb;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:9px;text-transform:uppercase}.public-sheet-heading{align-items:flex-start;padding:24px 26px 21px}.public-sheet-heading strong{display:block;margin-top:8px;color:#1f2c38;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:23px;letter-spacing:-.04em;text-transform:none}.public-sheet-eyebrow,.public-sheet-revision{color:#0b6fce;font-size:9px;letter-spacing:.11em}.public-sheet-revision{padding:5px 7px;color:#52616e;border:1px solid #b9cbd9}.public-sheet-rule{height:4px;background:#0b6fce}.public-sheet-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 26px;color:#60717e;font-size:11px}.public-sheet-summary strong{color:#0a67bd;font-size:11px;font-weight:750}.public-sheet-grid{display:grid;grid-template-columns:repeat(4,1fr);margin:0 26px;border:1px solid #d7e1e8}.public-sheet-grid div{display:grid;gap:7px;padding:14px 11px;border-right:1px solid #d7e1e8}.public-sheet-grid div:last-child{border-right:0}.public-sheet-grid span,.public-sheet-list,.public-sheet-footer{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:10px}.public-sheet-grid span{color:#71818d}.public-sheet-grid strong{color:#253642;font-size:17px}.public-sheet-list{padding:17px 26px 18px}.public-sheet-list>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;color:#485b68;border-bottom:1px solid #e0e7ec}.public-sheet-list>div:last-child{border-bottom:0}.public-sheet-list>div>span:first-child{display:inline-flex;align-items:center;gap:9px}.public-sheet-list svg{color:#0b6fce}.public-sheet-list i{width:7px;height:7px;border:2px solid #0b6fce;border-radius:50%}.public-sheet-list i.is-review{border-color:#d18b25}.public-sheet-note{color:#a56b19;text-transform:uppercase}.public-sheet-footer{border-top:1px solid #dbe4eb;border-bottom:0}.public-sheet-footer strong{color:#075ea9;font-weight:700}.public-section{padding-top:92px;padding-bottom:92px;border-top:1px solid #d5dfe7}.public-section-intro{display:grid;grid-template-columns:.6fr 1.4fr;gap:24px;margin-bottom:38px}.public-section-intro h2,.public-callout h2,.public-about-statement h2{max-width:650px;margin:0;color:#23313c;font-size:clamp(30px,4vw,52px);letter-spacing:-.06em;line-height:1}.public-feature-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:1px;background:#c6d4de;border:1px solid #c6d4de}.public-feature-card{min-height:310px;padding:27px;background:#fff}.public-feature-card h3,.public-boundary-item h3{margin:54px 0 11px;color:#23313c;font-size:20px;letter-spacing:-.035em}.public-feature-card p,.public-boundary-item p,.public-about-statement p,.public-step p{margin:0;color:#5b6b77;font-size:13px;line-height:1.65}.public-mini-diagram{display:flex;align-items:center;gap:9px;margin-top:40px;color:#0b6fce;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:9px;text-transform:uppercase}.public-mini-diagram b{color:#79a2c2;font-weight:400}.public-fit-section{background:#eaf3f9}.public-fit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#b8cede;border:1px solid #b8cede}.public-fit-item{min-height:184px;padding:22px;background:#eaf3f9}.public-fit-item span{color:#0b6fce;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:10px}.public-fit-item strong{display:block;margin:31px 0 8px;color:#23313c;font-size:16px}.public-fit-item p{margin:0;color:#5b6b77;font-size:12px;line-height:1.55}.public-callout{display:flex;align-items:end;justify-content:space-between;gap:32px;padding-top:58px;padding-bottom:118px;background:#f5f7f9}.public-callout h2{margin-top:18px;font-size:clamp(29px,4vw,46px)}.public-about-hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:70px;padding-top:96px;padding-bottom:100px}.public-about-hero h1{margin-bottom:0;font-size:clamp(47px,6vw,78px)}.public-about-lede{max-width:410px;padding-bottom:5px;font-size:16px}.public-about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:100px}.public-about-statement{max-width:610px}.public-statement-text{margin:26px 0 25px!important;color:#23313c!important;font-size:clamp(25px,3vw,39px)!important;letter-spacing:-.05em;line-height:1.04!important}.public-about-facts{align-self:end;border-top:1px solid #c1d0da}.public-about-facts div{display:grid;grid-template-columns:92px 1fr;gap:18px;padding:17px 0;border-bottom:1px solid #d5dfe7}.public-about-facts span,.public-about-facts strong{font-size:11px}.public-about-facts span{color:#0b6fce;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;text-transform:uppercase}.public-about-facts strong{color:#40515e;font-weight:600}.public-workflow-section{background:#fff}.public-boundary-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}.public-boundary-item{display:grid;grid-template-columns:30px 1fr;gap:17px;padding-top:20px;border-top:1px solid #c1d0da}.public-boundary-mark{color:#0b6fce;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:20px}.public-boundary-item h3{margin:0 0 11px;font-size:17px}.public-about-steps{display:flex;align-items:center;gap:24px;padding-top:30px;padding-bottom:88px}.public-step{flex:1;padding-top:18px;border-top:1px solid #c1d0da}.public-step span{color:#0b6fce;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:10px}.public-step strong{display:block;margin:16px 0 7px;color:#23313c;font-size:18px}.public-step-arrow{flex:0 0 auto;color:#6d99bb}.public-roadmap-hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:70px;padding-top:96px;padding-bottom:100px}.public-roadmap-hero h1{max-width:760px;margin:18px 0 0;color:#1e2b36;font-size:clamp(47px,6vw,78px);letter-spacing:-.075em;line-height:.95}.public-roadmap-list-section{padding-top:0}.public-roadmap-list{border-top:4px solid #0b6fce}.public-roadmap-item{display:grid;grid-template-columns:180px minmax(0,1fr);gap:42px;padding:35px 0 39px;border-bottom:1px solid #cbd8e2}.public-roadmap-status{display:inline-flex;align-items:center;align-self:start;gap:9px;color:#637480;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.public-status-dot{width:8px;height:8px;background:#aac0d0;border:2px solid #f5f7f9;outline:1px solid #9eb4c4;border-radius:50%}.public-roadmap-item.is-current .public-status-dot{background:#0b6fce;outline-color:#0b6fce}.public-roadmap-copy{display:grid;grid-template-columns:minmax(220px,.72fr) 1fr 1fr;gap:35px}.public-roadmap-copy h2{margin:0;color:#23313c;font-size:23px;letter-spacing:-.045em;line-height:1.05}.public-roadmap-copy p,.public-roadmap-copy ul{margin:0;color:#5b6b77;font-size:13px;line-height:1.65}.public-roadmap-copy ul{padding-left:18px}.public-roadmap-copy li+li{margin-top:6px}.public-roadmap-copy code{padding:2px 4px;color:#075ea9;background:#eaf3f9;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px}.public-roadmap-note{display:grid;grid-template-columns:180px 1fr;gap:42px;padding-top:54px;padding-bottom:100px}.public-roadmap-note p:last-child{max-width:650px;margin:0;color:#52616e;font-size:15px;line-height:1.65}.public-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:25px;padding-bottom:28px;color:#71818d;border-top:1px solid #d4dee7;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:10px;text-transform:uppercase}.public-footer a{color:#075ea9}@media(max-width:800px){.public-nav{grid-template-columns:1fr auto}.public-nav-links{grid-row:2;grid-column:1 / -1;padding-bottom:12px}.public-nav-cta{grid-column:2;grid-row:1}.public-hero,.public-about-hero,.public-about-grid,.public-roadmap-hero{grid-template-columns:1fr}.public-hero{min-height:auto;padding-top:75px}.public-project-sheet{width:min(100%,540px)}.public-section-intro{grid-template-columns:1fr;gap:18px}.public-feature-grid,.public-fit-grid,.public-boundary-grid{grid-template-columns:1fr}.public-feature-card{min-height:250px}.public-callout,.public-footer{align-items:flex-start;flex-direction:column}.public-about-hero{gap:30px;padding-top:75px}.public-about-steps{align-items:stretch;flex-direction:column;gap:18px}.public-step-arrow{transform:rotate(90deg)}.public-roadmap-item,.public-roadmap-note{grid-template-columns:1fr;gap:22px}.public-roadmap-copy{grid-template-columns:1fr;gap:18px}}@media(max-width:520px){.public-wrap,.public-nav{width:min(100% - 32px,1180px)}.public-hero h1,.public-about-hero h1,.public-roadmap-hero h1{font-size:47px}}.start-shell{min-height:100vh;padding:38px;background:#f6f8fb}.start-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1180px;margin:0 auto 34px;padding:10px 0}.brand-lockup{display:flex;align-items:center;gap:18px}.brand-mark{display:grid;width:58px;height:58px;place-items:center;color:#fff;background:#095bc8;border-radius:14px;box-shadow:0 14px 34px #095bc83d}.brand-mark.small{width:36px;height:36px;border-radius:10px;box-shadow:none}.brand-lockup h1{margin:0;font-size:38px;line-height:1.05;letter-spacing:0}.brand-lockup p{margin:7px 0 0;color:#617086;font-size:15px}.start-actions,.header-actions,.form-actions{display:flex;align-items:center;gap:12px}.primary-action,.secondary-action,.icon-text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:8px;border:1px solid transparent;font-size:14px;font-weight:700}.primary-action{color:#fff;background:#095bc8;box-shadow:0 12px 24px #095bc82e}.secondary-action,.icon-text-button{color:#1f2a3a;background:#fff;border-color:#d8dee8;box-shadow:0 6px 18px #1f2a3a0f}.compact{min-height:38px;padding:0 14px;font-size:13px}.full-width{width:100%}.start-content{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;max-width:1180px;margin:0 auto}.recent-column,.start-side-panel,.new-project-panel,.editor-panel,.dialog-panel{background:#fffffff0;border:1px solid #dfe5ef;border-radius:8px;box-shadow:0 18px 48px #2d3a4c14}.recent-column{min-height:590px;padding:24px}.section-heading,.content-toolbar,.workspace-header,.panel-topline{display:flex;align-items:center;justify-content:space-between;gap:18px}.section-heading span,.eyebrow-text,.panel-topline span,.project-title span{color:#607086;font-size:12px;font-weight:800;text-transform:uppercase}.section-heading h2,.content-toolbar h2,.panel-topline h2,.project-title h1{margin:4px 0 0;font-size:25px;line-height:1.15;letter-spacing:0}.section-heading p,.panel-heading p{margin:0;color:#69778b;font-size:13px}.section-heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0}.section-heading-actions p{min-width:0;overflow-wrap:anywhere;text-align:right}.section-heading-actions button{flex:0 0 auto}.recent-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}.recent-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;width:100%;min-height:108px;padding:16px;text-align:left;color:inherit;background:#fff;border:1px solid #dfe5ef;border-radius:8px}.recent-card:hover,.site-card:hover,.template-option:hover{border-color:#9ebcf2;box-shadow:0 16px 32px #23498214}.recent-icon,.site-card-icon,.page-row-icon{display:grid;place-items:center;color:#095bc8;background:#edf5ff;border-radius:8px}.recent-icon{width:46px;height:46px}.recent-card h3,.site-card h3{margin:0;font-size:15px}.recent-card p,.site-card p,.project-type-card span,.template-option small,.page-row span{margin:5px 0 0;color:#66758a;font-size:13px;line-height:1.45}.recent-meta{display:flex;align-items:center;gap:8px;color:#66758a;font-size:12px}.empty-state{display:grid;place-items:center;gap:10px;min-height:330px;padding:30px;text-align:center;color:#6a788c;border:1px dashed #c8d1df;border-radius:8px;background:#fbfcfe}.large-empty{margin-top:22px}.compact-empty{min-height:190px}.empty-state h3{margin:0;color:#1f2a3a}.empty-state p{max-width:440px;margin:0;line-height:1.55}.start-side-panel{padding:26px}.start-side-panel h2{margin:0;font-size:22px}.start-side-panel p{color:#66758a;line-height:1.55}.foundation-list{display:grid;gap:12px;margin-top:24px}.foundation-list div{display:flex;align-items:center;gap:12px;padding:14px;color:#243348;background:#f6f9fd;border:1px solid #e3e8f1;border-radius:8px}.new-project-panel{padding:24px}.new-project-panel:not(.embedded){position:fixed;top:24px;right:24px;z-index:20;width:min(430px,calc(100vw - 48px));max-height:calc(100vh - 48px);overflow:auto}.project-type-grid{display:grid;gap:12px;margin:20px 0}.project-type-card,.template-option{display:grid;gap:8px;width:100%;padding:16px;text-align:left;color:#1f2a3a;background:#fff;border:1px solid #dfe5ef;border-radius:8px}.project-type-card.selected,.template-option.selected{border-color:#095bc8;background:#f4f8ff;box-shadow:inset 0 0 0 1px #095bc8}.form-grid{display:grid;gap:14px}.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.wide-field{grid-column:1 / -1}label{display:grid;gap:7px;color:#425067;font-size:12px;font-weight:800;text-transform:uppercase}input,textarea,select{width:100%;color:#142033;background:#fff;border:1px solid #ced7e5;border-radius:8px;outline:none;font-size:14px;font-weight:500;text-transform:none}input,select{height:42px;padding:0 12px}textarea{resize:vertical;padding:11px 12px}input:focus,textarea:focus,select:focus{border-color:#095bc8;box-shadow:0 0 0 3px #095bc81f}.form-actions{justify-content:flex-end;margin-top:18px}.icon-button{display:grid;width:34px;height:34px;place-items:center;color:#516177;background:#fff;border:1px solid #d8dee8;border-radius:8px}.workspace-shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}.workspace-sidebar{display:flex;flex-direction:column;gap:24px;padding:22px 16px;background:#fff;border-right:1px solid #dfe5ef}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:0 6px;font-size:20px}.sidebar-brand>div:last-child{display:grid;gap:2px}.sidebar-build-label{color:#0f766e;font-size:11px;font-weight:800;line-height:1;text-transform:uppercase}.sidebar-nav{display:grid;gap:6px}.sidebar-nav button{display:flex;align-items:center;gap:12px;min-height:42px;padding:0 12px;color:#4f5e73;background:transparent;border:1px solid transparent;border-radius:8px;text-align:left}.sidebar-nav button.active,.sidebar-nav button:hover{color:#095bc8;background:#edf5ff}.workspace-main{min-width:0}.workspace-header{min-height:78px;padding:18px 28px;background:#fffffff2;border-bottom:1px solid #dfe5ef}.project-title{min-width:220px}.header-search{display:flex;align-items:center;gap:10px;width:min(360px,30vw);min-height:40px;padding:0 12px;color:#66758a;background:#f8fafc;border:1px solid #dfe5ef;border-radius:8px;font-size:13px}.workspace-content{padding:28px}.content-toolbar{margin-bottom:18px}.site-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}.site-card{overflow:hidden;background:#fff;border:1px solid #dfe5ef;border-radius:8px;box-shadow:0 12px 28px #2839500d}.site-card-body{display:grid;grid-template-columns:auto 1fr;gap:14px;width:100%;padding:18px;color:inherit;text-align:left;background:transparent;border:0}.site-card-icon{width:48px;height:48px}.site-card-stats{display:flex;grid-column:1 / -1;gap:10px;color:#66758a;font-size:12px}.site-card-stats span{padding:5px 8px;background:#f3f6fa;border-radius:8px}.site-card-actions{display:flex;border-top:1px solid #e5eaf2}.site-card-actions button{display:flex;align-items:center;justify-content:center;gap:7px;width:50%;min-height:42px;color:#405066;background:#fff;border:0;border-right:1px solid #e5eaf2;font-size:13px;font-weight:700}.site-card-actions button:last-child{border-right:0}.split-content{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px}.editor-primary{display:grid;gap:18px;min-width:0}.editor-panel{padding:22px}.panel-heading{margin-bottom:18px}.panel-heading h3{margin:0 0 6px;font-size:18px}.page-list,.template-list{display:grid;gap:10px}.page-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:13px;border:1px solid #e1e7f0;border-radius:8px}.page-row.selected{border-color:#095bc8;background:#f4f8ff;box-shadow:inset 0 0 0 1px #095bc83d}.page-row-main{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;min-width:0;color:inherit;text-align:left;background:transparent;border:0}.page-row-main strong,.page-row-main span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-row-icon{width:38px;height:38px}.page-row strong,.template-option span{display:block;font-size:14px}.page-row-actions{display:grid;grid-template-columns:repeat(4,34px);gap:8px}.page-builder-grid{display:grid;grid-template-columns:var(--page-list-width, 300px) 10px minmax(0,1fr);gap:8px;align-items:stretch;min-width:0}.compact-page-list{align-content:start;min-width:0;max-height:calc(100vh - 305px);overflow:auto}.compact-page-list .page-row{grid-template-columns:minmax(0,1fr) auto}.page-editor-panel{min-width:0;padding:16px;border:1px solid #dfe5ef;border-radius:8px;background:#fbfcfe}.split-resize-handle{align-self:stretch;min-width:10px;width:10px;cursor:col-resize;border:0;border-radius:999px;background:transparent;position:relative}.split-resize-handle:before{position:absolute;top:12px;bottom:12px;left:4px;width:2px;border-radius:999px;background:#c4cfdd;content:"";transition:background .14s ease,box-shadow .14s ease}.split-resize-handle:hover:before,.is-resizing-panels .split-resize-handle:before{background:#095bc8;box-shadow:0 0 0 4px #095bc81f}.is-resizing-panels{cursor:col-resize;-webkit-user-select:none;user-select:none}.page-editor-heading,.page-editor-status,.preview-toolbar-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.page-editor-heading{margin-bottom:16px}.page-editor-heading h3{margin:4px 0 0;font-size:19px}.dirty-chip,.saved-chip{border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}.dirty-chip{color:#8a4b10;background:#fff6df;border:1px solid #f1d28a}.saved-chip{color:#166534;background:#e8f8ee;border:1px solid #b7e2c4}.template-config-box,.editor-preview-box{margin-top:16px;padding:16px;border:1px solid #dfe5ef;border-radius:8px;background:#fff}.template-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.template-config-grid small{color:#66758a;font-size:12px;font-weight:600;line-height:1.4;text-transform:none}.checkbox-field{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-height:40px}.checkbox-field input{width:16px;height:16px}.checkbox-field span{color:#1f2a3a;font-size:13px;font-weight:800;text-transform:none}.checkbox-field small{grid-column:1 / -1}.mini-device-table{display:grid;overflow:hidden;border:1px solid #dfe5ef;border-radius:8px}.mini-device-head,.mini-device-row{display:grid;grid-template-columns:minmax(130px,1.2fr) repeat(4,minmax(90px,1fr));min-width:620px}.mini-device-table{overflow-x:auto}.mini-device-head span,.mini-device-row span,.mini-device-row strong{padding:9px 10px;border-right:1px solid #dfe5ef;border-bottom:1px solid #dfe5ef;font-size:12px}.mini-device-head span{color:#607086;background:#f4f8fc;font-weight:800}.mini-device-row strong{color:#095bc8}.mini-device-row span{color:#274767;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-weight:700}.floorplan-editor-preview{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);gap:14px}.floorplan-editor-preview div{display:grid;min-height:190px;place-items:center;color:#66758a;border:1px dashed #c8d1df;border-radius:8px;background:linear-gradient(90deg,rgba(9,91,200,.07) 1px,transparent 1px),linear-gradient(180deg,rgba(9,91,200,.07) 1px,transparent 1px),#f8fbff;background-size:24px 24px;font-weight:800;text-align:center}.preview-pill-list{display:flex;flex-wrap:wrap;gap:8px}.preview-pill-list span{border:1px solid #cfe0f7;border-radius:999px;background:#edf5ff;color:#095bc8;font-size:12px;font-weight:800;padding:6px 10px}.icon-button.danger{color:#b42318}.source-view{min-height:320px;max-height:520px;overflow:auto;margin:0;padding:16px;color:#1d2939;background:#f7f9fc;border:1px solid #dfe5ef;border-radius:8px;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.55;white-space:pre-wrap}.template-iframe{width:100%;height:300px;background:#fff;border:1px solid #dfe5ef;border-radius:8px}.inline-error{margin-bottom:14px;padding:12px;color:#7a271a;background:#fff4ed;border:1px solid #ffcfb5;border-radius:8px}.settings-panel{max-width:820px}.setting-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px}.setting-row h3{margin:0 0 4px}.setting-row p{margin:0;color:#66758a}.setting-icon{display:grid;width:46px;height:46px;place-items:center;color:#095bc8;background:#edf5ff;border-radius:8px}.toggle-label{display:flex;align-items:center;gap:10px;text-transform:none}.toggle-label input{width:18px;height:18px}.generated-preview{overflow:hidden;border:1px solid #dfe5ef;border-radius:8px;background:#f6f8fb;box-shadow:0 18px 48px #2d3a4c14}.iframe-preview-shell{height:min(760px,calc(100vh - 190px));min-height:560px}.generated-site-iframe{display:block;width:100%;height:100%;background:#f6f8fb;border:0}.preview-toolbar{align-items:flex-start}.preview-toolbar p{margin:6px 0 0;color:#66758a}.preview-toolbar-actions{flex-wrap:wrap;justify-content:flex-end;max-width:680px}.selected-action{border-color:#095bc8;color:#095bc8;background:#edf5ff}.site-preview-shell{padding:28px}.preview-network-header{margin-bottom:24px}.preview-network-header span,.client-preview-nav span,.client-preview-page header span{color:#607086;font-size:12px;font-weight:800;text-transform:uppercase}.preview-network-header h1,.client-preview-page h1{margin:6px 0 0;font-size:34px;line-height:1.1}.preview-site-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.preview-site-card{display:grid;gap:8px;min-height:140px;padding:18px;text-align:left;color:inherit;background:#fff;border:1px solid #dfe5ef;border-radius:8px}.preview-site-card span,.preview-site-card small,.client-preview-page p,.template-proof p,.nav-empty{color:#66758a;line-height:1.55}.client-preview-shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:560px}.client-preview-nav{display:grid;align-content:start;gap:9px;padding:22px 16px;background:#fff;border-right:1px solid #dfe5ef}.client-preview-nav div{display:grid;gap:5px;margin-bottom:14px}.client-preview-nav strong{font-size:18px}.client-preview-nav button{min-height:38px;padding:0 12px;color:#425067;text-align:left;background:transparent;border:1px solid transparent;border-radius:8px}.client-preview-nav button.active,.client-preview-nav button:hover{color:#095bc8;background:#edf5ff}.client-preview-page{padding:34px}.client-preview-page header{max-width:760px;margin-bottom:24px}.template-proof{padding:24px;background:#fff;border:1px solid #dfe5ef;border-radius:8px}.template-proof h2{margin:0 0 8px}.dark-mode{color:#e5edf7;background:#121820}.dark-mode .start-shell,.dark-mode .workspace-main,.dark-mode body{background:#121820}.dark-mode .workspace-sidebar,.dark-mode .workspace-header,.dark-mode .recent-column,.dark-mode .start-side-panel,.dark-mode .new-project-panel,.dark-mode .editor-panel,.dark-mode .dialog-panel,.dark-mode .site-card,.dark-mode .recent-card,.dark-mode .preview-site-card,.dark-mode .client-preview-nav,.dark-mode .template-proof,.dark-mode .page-editor-panel,.dark-mode .template-config-box,.dark-mode .editor-preview-box,.dark-mode .quick-page-card{color:#e5edf7;background:#18212c;border-color:#2c3a4c}.dark-mode input,.dark-mode textarea,.dark-mode select,.dark-mode .source-view,.dark-mode .header-search,.dark-mode .secondary-action,.dark-mode .icon-text-button,.dark-mode .icon-button,.dark-mode .project-type-card,.dark-mode .template-option,.dark-mode .generated-preview{color:#e5edf7;background:#101720;border-color:#2c3a4c}.dark-mode p,.dark-mode .section-heading p,.dark-mode .panel-heading p,.dark-mode .recent-card p,.dark-mode .site-card p,.dark-mode .setting-row p,.dark-mode .preview-site-card span,.dark-mode .preview-site-card small,.dark-mode .client-preview-page p{color:#a7b4c6}.dark-mode .empty-state{color:#a7b4c6;background:#101720;border-color:#34445a}.dark-mode .empty-state h3,.dark-mode .project-title h1,.dark-mode .content-toolbar h2,.dark-mode .panel-heading h3,.dark-mode .page-editor-heading h3,.dark-mode .setting-row h3,.dark-mode .preview-network-header h1,.dark-mode .client-preview-page h1{color:#e5edf7}.dark-mode .page-row.selected,.dark-mode .selected-action{color:#8ec5ff;background:#152841;border-color:#4f8dd8}.dark-mode .mini-device-head span,.dark-mode .floorplan-editor-preview div{color:#a7b4c6;background-color:#101720;border-color:#2c3a4c}.dark-mode .mini-device-row span,.dark-mode .mini-device-row strong,.dark-mode .mini-device-head span{border-color:#2c3a4c}.editor-aside{min-width:0}.sticky-panel{position:sticky;top:22px;display:grid;gap:14px}.template-list{max-height:360px;overflow:auto;padding-right:4px}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:24px;background:#101b2a47}.dialog-panel{width:min(520px,100%);padding:24px}.status-message{position:fixed;right:24px;bottom:24px;z-index:50;display:flex;align-items:center;gap:16px;max-width:min(720px,calc(100vw - 48px));padding:13px 15px;color:#0e3f28;background:#ecfdf4;border:1px solid #bfe8d0;border-radius:8px;box-shadow:0 16px 40px #192f4624;font-size:13px;font-weight:700}.status-message.error{color:#6f1d1b;background:#fff1f1;border-color:#f3c0bd}.status-message button{color:inherit;background:transparent;border:0;font-weight:800}.header-search{position:relative}.header-search input{width:min(28vw,330px);min-width:170px;border:0;outline:0;color:#24354b;background:transparent;font:inherit}.header-search input::placeholder{color:#75849a}.workspace-search-results{position:absolute;z-index:40;top:calc(100% + 9px);left:0;right:0;min-width:280px;padding:6px;border:1px solid #d8e1ed;border-radius:9px;background:#fff;box-shadow:0 16px 36px #1b2f4c29}.workspace-search-results button{display:grid;width:100%;gap:3px;padding:10px;text-align:left;border:0;border-radius:6px;background:transparent;color:#253850;cursor:pointer}.workspace-search-results button:hover{background:#eef5ff}.workspace-search-results button span,.workspace-search-empty{color:#718198;font-size:12px}.workspace-search-empty{display:block;padding:10px}.toolbar-description{margin:7px 0 0;color:#69778b;font-size:13px}.diagnostics-view{gap:18px}.diagnostics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.diagnostic-card,.diagnostics-issues-panel,.diagnostics-steps-panel{padding:18px;border:1px solid #dfe5ef;border-radius:8px;background:#fffffff0}.diagnostic-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:17px}.diagnostic-card h3{margin:5px 0 0;font-size:18px}.diagnostic-status{flex:0 0 auto;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800;text-transform:uppercase}.diagnostic-status.pass{color:#197449;background:#e6f7ed}.diagnostic-status.fail{color:#a23737;background:#fff0f0}.diagnostic-note{margin:14px 0 0;color:#67768a;font-size:13px;line-height:1.5}.compact-form-grid{gap:10px}.diagnostic-ord-output{display:grid;gap:8px;margin-top:14px}.diagnostic-ord-output div{display:grid;gap:4px}.diagnostic-ord-output span{color:#718097;font-size:11px;font-weight:800;text-transform:uppercase}.diagnostic-ord-output code{display:block;overflow-wrap:anywhere;padding:8px 9px;border:1px solid #dfe6ef;border-radius:6px;background:#f6f8fb;color:#2a4f78;font-size:12px}.diagnostic-metrics,.preflight-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.diagnostic-metrics div,.preflight-summary div{display:grid;gap:3px;padding:11px;border-radius:7px;background:#f4f7fb}.diagnostic-metrics strong,.preflight-summary strong{color:#1e3854;font-size:20px}.diagnostic-metrics span,.preflight-summary span{color:#6c7c91;font-size:11px;font-weight:700;text-transform:uppercase}.diagnostics-issues-panel,.diagnostics-steps-panel{display:grid;gap:14px}.diagnostic-issue-list,.preflight-issue-list{display:grid;gap:8px;max-height:400px;overflow:auto}.preflight-issue{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:10px;padding:10px 11px;border:1px solid #e1e7f0;border-radius:7px;background:#fbfcfe}.preflight-issue.error{border-color:#f0c6c6;background:#fff8f8}.preflight-issue.warning{border-color:#eed8ae;background:#fffaf0}.preflight-issue-icon{display:grid;place-items:center;color:#708198}.preflight-issue.error .preflight-issue-icon{color:#b23c3c}.preflight-issue.warning .preflight-issue-icon{color:#aa7117}.preflight-issue strong{display:block;color:#273b53;font-size:13px}.preflight-issue p{margin:4px 0 0;color:#6e7d90;font-size:12px;line-height:1.45}.preflight-severity{color:#748398;font-size:10px;font-weight:800;text-transform:uppercase}.diagnostic-clean-state{display:flex;align-items:center;gap:9px;padding:15px;color:#26784d;border-radius:7px;background:#edf9f1;font-size:13px;font-weight:700}.diagnostic-step-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.diagnostic-step-grid div{display:grid;gap:6px;padding:13px;border-left:3px solid #76a8ed;background:#f7faff}.diagnostic-step-grid span{color:#6d7b8f;font-size:12px;line-height:1.45}.preflight-dialog{width:min(780px,calc(100vw - 36px));max-height:min(800px,calc(100vh - 36px));overflow:hidden;display:grid;gap:16px}.preflight-intro{margin:0;color:#65758a;font-size:13px;line-height:1.5}.preflight-summary .has-errors{background:#fff0f0}.preflight-summary .has-warnings{background:#fff7e8}.preflight-summary .is-clear{background:#edf9f1}.preflight-issue-list{min-height:90px}.preflight-actions{justify-content:flex-end}.dark-mode .header-search input{color:#e5edf8}.dark-mode .workspace-search-results,.dark-mode .diagnostic-card,.dark-mode .diagnostics-issues-panel,.dark-mode .diagnostics-steps-panel,.dark-mode .preflight-dialog{background:#172337;border-color:#2c3b52}.dark-mode .workspace-search-results button,.dark-mode .diagnostic-card h3,.dark-mode .preflight-issue strong{color:#e5edf8}.dark-mode .diagnostic-metrics div,.dark-mode .preflight-summary div,.dark-mode .diagnostic-step-grid div,.dark-mode .preflight-issue{background:#1d2b40;border-color:#31435d}.dark-mode .preflight-intro,.dark-mode .diagnostic-note,.dark-mode .preflight-issue p,.dark-mode .diagnostic-step-grid span{color:#aab8ca}.dark-mode .diagnostic-ord-output code{background:#1d2b40;border-color:#31435d;color:#b7d1f3}@media(max-width:900px){.diagnostics-grid,.diagnostic-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-search input{width:180px}}@media(max-width:1100px){.start-content,.split-content,.page-builder-grid{grid-template-columns:1fr}.page-builder-grid>.split-resize-handle{display:none}.workspace-shell{grid-template-columns:74px minmax(0,1fr)}.sidebar-brand strong,.sidebar-nav button{font-size:0}.sidebar-nav button{justify-content:center}.workspace-header{flex-wrap:wrap}.header-search{order:5;width:100%}}@media(max-width:760px){.start-shell,.workspace-content{padding:18px}.start-hero,.section-heading,.content-toolbar,.section-heading-actions{align-items:flex-start;flex-direction:column}.section-heading-actions p{text-align:left}.recent-grid,.two-col,.template-config-grid,.floorplan-editor-preview{grid-template-columns:1fr}.page-editor-heading,.page-editor-status,.preview-toolbar-actions{align-items:flex-start;flex-direction:column}.workspace-shell{grid-template-columns:1fr}.workspace-sidebar{display:none}.workspace-header{padding:16px}}.operator-workspace{margin:0 5px 14px;overflow:hidden;border:1px solid var(--site-line);border-radius:12px;background:var(--site-panel);box-shadow:0 2px 6px #0e253e1f}.operator-workspace-heading{align-items:flex-start;gap:16px}.operator-workspace-notes{max-width:720px;margin:6px 0 0;color:var(--site-muted)}.operator-workspace-actions,.operator-workspace-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.operator-live-status{display:inline-flex;align-items:center;min-height:28px;padding:4px 9px;border-radius:999px;background:#eef3f8;color:var(--site-muted);font-size:.74rem;font-weight:800}.operator-live-status.loading{background:#fff5df;color:#8c6213}.operator-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;padding:0 16px 14px}.operator-kpi-card{display:grid;gap:5px;min-height:92px;padding:13px;border:1px solid var(--site-line);border-radius:9px;background:var(--site-panel-soft)}.operator-kpi-card span,.operator-kpi-card small{color:var(--site-muted);font-size:.74rem;font-weight:800}.operator-kpi-card strong{color:var(--site-brand);font-size:1.2rem}.operator-workspace-toolbar{justify-content:space-between;margin:0 16px 12px;padding:9px 0;border-top:1px solid var(--site-line);border-bottom:1px solid var(--site-line);color:var(--site-muted);font-size:.78rem;font-weight:700}.operator-workspace-toolbar label{display:inline-flex;align-items:center;gap:7px}.operator-workspace-toolbar input{width:min(260px,54vw);min-height:31px;padding:5px 9px;border:1px solid var(--site-line-strong);border-radius:6px}.operator-table-wrap{overflow-x:auto;padding:0 16px 16px}.operator-workspace-table{min-width:760px}.operator-workspace-table th small,.operator-workspace-table th strong{display:block}.operator-workspace-table th small{margin-top:3px;color:var(--site-muted);font-size:.7rem;font-weight:500}.operator-point{min-width:86px;padding:5px 7px;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--site-ink);text-align:left}.operator-point:hover{border-color:var(--site-brand);background:var(--site-brand-soft)}.operator-review-btn{padding:5px 9px;border:1px solid var(--site-line-strong);border-radius:5px;background:var(--site-panel-soft);color:var(--site-brand);font-weight:800}.trend-history-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:0 14px 4px}.trend-history-equipment{margin-right:auto;color:var(--site-muted);font-size:.78rem;font-weight:800}.trend-point-button{padding:6px 9px;border:1px solid var(--site-line-strong);border-radius:6px;background:var(--site-panel-soft);color:var(--site-brand);font-size:.75rem;font-weight:800}.trend-point-button:hover{border-color:var(--site-brand);background:var(--site-brand-soft)}.visual-builder-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;padding-top:16px;border-top:1px solid #dfe5ef}.builder-toolbar-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.builder-toolbar-controls label{display:flex;align-items:center;gap:6px;color:#607890;font-size:11px;font-weight:800;text-transform:uppercase}.builder-toolbar-controls select{min-height:34px;border:1px solid #d2dde9;border-radius:8px;background:#fff;color:#163d67;font-size:12px;font-weight:800}.visual-builder-toolbar h3{margin:4px 0 0;font-size:18px}.visual-builder-workspace{display:grid;grid-template-columns:minmax(0,1fr) 10px var(--inspector-width, 360px);gap:8px;margin-top:14px;min-width:0}.visual-builder-workspace.inspector-hidden{grid-template-columns:minmax(0,1fr)}.builder-canvas-shell{min-width:0;overflow:hidden;border:1px solid #d2dde9;border-radius:8px;background:#edf1f5;box-shadow:0 10px 28px #0e233a1f}.builder-canvas-scroll{width:100%;max-height:min(760px,calc(100vh - 260px));overflow:auto;padding:14px}.builder-canvas-viewport{width:var(--builder-canvas-width, 100%);min-width:min(100%,var(--builder-canvas-width, 100%));zoom:var(--builder-zoom, 1)}.builder-site-frame{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:620px;background:linear-gradient(180deg,#f7f9fc,#edf1f5)}.builder-site-frame.no-nav-preview{grid-template-columns:minmax(0,1fr)}.builder-fullscreen-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;grid-template-rows:auto minmax(0,1fr);padding:16px;background:#eef3f8fa}.builder-fullscreen-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px;padding:12px 14px;border:1px solid #d2dde9;border-radius:10px;background:#fff;box-shadow:0 16px 44px #0e233a29}.builder-fullscreen-topbar h3{margin:3px 0 0;color:#0f2742}.builder-fullscreen-overlay .visual-builder-workspace{min-height:0;margin-top:0}.builder-fullscreen-overlay .builder-canvas-scroll{max-height:calc(100vh - 128px)}.builder-fullscreen-overlay .builder-site-frame{min-height:calc(100vh - 170px)}.builder-generated-nav{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;border-right:1px solid #d2dde9;background:#fff;box-shadow:0 10px 26px #0d223724}.builder-nav-header{position:relative;padding:18px;border-bottom:1px solid #d2dde9;background:#f6f9fc}.builder-nav-brand-row{display:flex;align-items:center;gap:10px;min-width:0;padding-right:42px}.builder-nav-brand-row img,.builder-nav-logo-placeholder{flex:0 0 auto;width:38px;height:38px;border:1px solid #c7d5e5;border-radius:8px;background:#fff;object-fit:contain}.builder-nav-logo-placeholder{display:grid;place-items:center;color:#607890;font-size:.62rem;font-weight:800;text-transform:uppercase}.builder-nav-header span,.generated-eyebrow{display:block;margin:0 0 4px;color:#607890;font-size:.72rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.builder-nav-header strong{display:block;max-width:170px;overflow:hidden;color:#0f4f8c;font-size:1rem;line-height:1.18;text-overflow:ellipsis;white-space:nowrap}.builder-nav-header small{display:block;max-width:170px;overflow:hidden;color:#607890;font-size:.72rem;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.builder-nav-header button{position:absolute;top:14px;right:14px;display:grid;width:34px;height:34px;place-items:center;color:#fff;border:0;border-radius:8px;background:#0f4f8c;font-size:0}.builder-nav-header button:before{width:15px;height:2px;background:currentColor;box-shadow:0 -5px 0 currentColor,0 5px 0 currentColor;content:""}.builder-generated-nav nav{display:grid;align-content:start;gap:4px;overflow:auto;padding:10px 0}.builder-generated-nav nav button{display:grid;gap:3px;width:100%;min-height:48px;padding:12px 16px;color:#607890;text-align:left;border:0;border-left:3px solid transparent;background:transparent}.builder-generated-nav nav button:hover,.builder-generated-nav nav button.active{color:#0f4f8c;border-left-color:#0f4f8c;background:#f6f9fc}.builder-generated-nav nav button span{overflow:hidden;font-size:.88rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.builder-generated-nav nav button small{overflow:hidden;color:#607890;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.builder-nav-bottom{margin:12px 16px 16px;min-height:34px;display:grid;place-items:center;border:1px solid #d2dde9;border-radius:8px;background:#fff;color:#0f4f8c;font-size:.78rem;font-weight:800}.builder-generated-page{min-width:0;padding:14px 16px 28px}.generated-element-stack{display:grid;gap:14px}.editable-element-frame{position:relative;border:2px solid transparent;border-radius:10px;cursor:grab;transition:border-color .16s ease,box-shadow .16s ease}.editable-element-frame:active{cursor:grabbing}.editable-element-frame:hover{border-color:#095bc847}.editable-element-frame.selected{border-color:#095bc8;box-shadow:0 0 0 3px #095bc824}.editable-element-frame.dragging{opacity:.56;border-color:#12b981;box-shadow:0 18px 34px #0e233a33}.editable-element-label{position:absolute;top:8px;right:8px;z-index:4;display:flex;align-items:center;gap:8px;padding:6px;color:#095bc8;border:1px solid #b8c8d9;border-radius:8px;background:#fffffff5;box-shadow:0 10px 26px #0d223724;font-size:11px;font-weight:800}.editable-element-label div{display:flex;gap:4px}.editable-element-label button{display:grid;width:24px;height:24px;place-items:center;cursor:pointer;color:#425067;border:1px solid #d8dee8;border-radius:6px;background:#fff}.element-inspector{align-self:start;min-width:0;padding:16px;border:1px solid #dfe5ef;border-radius:8px;background:#fff}.element-picker-panel{width:min(980px,calc(100vw - 48px));max-height:min(820px,calc(100vh - 48px));overflow:auto}.element-library-groups{display:grid;gap:18px;margin-top:18px}.element-library-group h3{margin:0 0 10px;color:#1f2a3a;font-size:15px}.element-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.element-library-card{display:grid;gap:7px;min-height:112px;padding:14px;color:#1f2a3a;text-align:left;border:1px solid #dfe5ef;border-radius:8px;background:#fff}.element-library-card:hover{border-color:#095bc8;background:#f4f8ff;box-shadow:0 12px 28px #28395014}.element-library-card span{color:#66758a;font-size:12px;line-height:1.4}.generated-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:5px 5px 14px;padding:16px 18px;border:1px solid #d2dde9;border-radius:14px;background:#fffffff0;box-shadow:0 10px 28px #0e233a1f}.generated-title-block h1{margin:0;color:#0a3d6a;font-size:clamp(1.35rem,1vw + 1rem,1.95rem);line-height:1.1}.generated-title-block p:last-child{max-width:78ch;margin:8px 0 0;color:#607890;font-size:.88rem;line-height:1.5}.topbar-side{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.generated-header-metrics,.status-strip{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.generated-header-metric{min-width:132px;border:1px solid #d2dde9;border-radius:12px;background:linear-gradient(180deg,#fff,#f5f9fd);padding:9px 11px}.generated-header-metric span{color:#607890;font-size:.69rem;font-weight:800;text-transform:uppercase}.generated-header-metric strong{display:block;margin-top:4px;color:#163d67;font-family:Consolas,Cascadia Mono,monospace;font-size:.95rem}.status-badge{border-radius:999px;border:1px solid transparent;padding:5px 10px;font-size:.72rem;font-weight:800;text-transform:uppercase}.status-badge.loading{color:#1f4f83;background:#dde9f8;border-color:#9cbfe3}.status-badge.normal,.status-badge.ok{color:#166a4a;background:#e0f5ea;border-color:#9cd3b8}.status-badge.fault{color:#8f2b1f;background:#fce4de;border-color:#e2a399}.overview-feature-panel,.generated-info-panel,.generated-panel,.image-placeholder-panel,.trend-panel,.device-list-section,.floorplan-placeholder,.overview-panel{margin:0 5px 14px;border:1px solid #d2dde9;border-radius:12px;background:#fff;box-shadow:0 2px 6px #0e253e1f;overflow:hidden}.overview-feature-panel,.generated-info-panel{padding:18px}.overview-feature-panel h2,.generated-info-panel h2,.generated-section-heading h2,.generic-equipment-card h2{margin:4px 0 0;color:#0f4f8c;font-size:1.16rem}.generated-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #d2dde9;background:#f6f9fc}.generated-section-heading>span{flex:0 0 auto;border:1px solid rgba(31,143,99,.25);border-radius:999px;background:#1f8f631a;color:#1f8f63;font-size:.76rem;font-weight:800;padding:5px 10px}.quick-page-grid,.generic-equipment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;padding:14px}.quick-page-card,.generic-equipment-card,.device-card{border:1px solid #d2dde9;border-radius:12px;background:#fff;box-shadow:0 2px 6px #0e253e1a;padding:14px}.quick-page-card span,.generic-equipment-card span{color:#1f8f63;font-size:.75rem;font-weight:800;text-transform:uppercase}.quick-page-card h3,.device-card h3{margin:4px 0 0;color:#0f4f8c;font-size:1rem}.quick-page-card p,.generic-equipment-card p,.device-card p,.overview-feature-panel p,.generated-info-panel p{color:#607890;line-height:1.5}.device-table-wrap,.overview-panel-body{width:100%;overflow:auto}.device-table,.overview-table{width:100%;min-width:760px;border-collapse:separate;border-spacing:0}.device-table th,.device-table td,.overview-table th,.overview-table td{border-bottom:1px solid #d2dde9;border-right:1px solid #d2dde9;padding:8px 10px;text-align:left;vertical-align:top}.device-table thead th,.overview-table thead th{color:#607890;background:linear-gradient(180deg,#f8fbff,#f1f6fb);font-size:.78rem;font-weight:800}.device-table tbody th,.overview-row-label{color:#0f3b65;background:#fff}.device-table tbody td,.overview-table tbody td{color:#274767;font-family:Consolas,Cascadia Mono,monospace;font-size:.82rem;font-weight:650}.device-table small{display:block;margin-top:3px;color:#607890}.vav-dashboard-shell{margin:0 5px 14px;color:#153454}.vav-app-header{position:sticky;top:0;z-index:3;margin-bottom:10px;padding:14px;border:1px solid #cbd8e6;border-radius:14px;background:#fffffff5;box-shadow:0 16px 42px #0e233a24}.vav-header-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.vav-app-header .eyebrow{margin:0 0 5px;color:#8aa0b5;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.vav-app-header h1{margin:0;color:#0a3d6a;font-size:1.75rem;line-height:1.05}.vav-app-header .subtitle,.vav-app-header .muted{margin:7px 0 0;color:#607890;font-size:.82rem}.connection-wrap{display:grid;justify-items:end;gap:6px}.status-chip,.card-pill,.table-status-pill{display:inline-flex;align-items:center;justify-content:center;min-width:72px;border-radius:999px;padding:5px 10px;font-size:.68rem;font-weight:800;text-transform:uppercase}.status-chip.error{color:#a23b2c;border:1px solid #efb8ad;background:#fde9e6}.card-pill.loading,.table-status-pill.loading{color:#2f6f9f;border:1px solid #9fc6e8;background:#dcecff}.status-chip.ok,.status-chip.normal,.card-pill.normal,.table-status-pill.normal,.dashboard-point-value.normal{color:#08794f;border-color:#9fd9c1;background:#e7f7ef}.card-pill.fault,.table-status-pill.fault,.dashboard-point-value.fault{color:#a23b2c;border-color:#efb8ad;background:#fde9e6}.card-pill.offline,.table-status-pill.offline,.dashboard-point-value.offline{color:#6b7280;border-color:#cbd5e1;background:#eef2f7}.top-action-btn,.filter-btn,.vav-row-refresh-btn,.open-graphic-btn{border:1px solid #9fc0df;border-radius:8px;background:linear-gradient(180deg,#fff,#eef6ff);color:#0f4f8c;font-size:.75rem;font-weight:800;text-decoration:none}.top-action-btn,.filter-btn{min-height:32px;padding:0 10px}.filter-btn:hover,.filter-btn.active,.vav-row-refresh-btn:hover,.open-graphic-btn:hover{border-color:#0f4f8c;background:#0f5d9e;color:#fff}.vav-toolbar{display:flex;align-items:flex-end;gap:12px;margin-top:12px;flex-wrap:wrap}.search-wrap{display:grid;gap:4px}.search-wrap span{color:#607890;font-size:.69rem;font-weight:800;text-transform:uppercase}.search-wrap input,.priority-trigger{min-width:180px;min-height:34px;border:1px solid #a9c3dd;border-radius:9px;background:#fff;color:#35526e;padding:0 10px}.priority-wrap{position:relative;flex:1 1 280px}.priority-trigger{width:min(420px,100%);text-align:left}.priority-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:12;display:grid;gap:4px;width:min(360px,90vw);max-height:360px;overflow:auto;padding:10px;border:1px solid #cbd8e6;border-radius:10px;background:#fff;box-shadow:0 18px 48px #2d3a4c1f}.priority-menu.hidden{display:none}.priority-item{display:flex;align-items:center;gap:8px;color:#274767;font-size:.78rem;font-weight:800}.view-group,.filter-group{display:flex;gap:6px}.summary-row{display:flex;gap:12px;margin-top:10px;color:#3d5975;font-size:.75rem;font-weight:700;flex-wrap:wrap}.vav-content{min-width:0}.list-view{max-height:min(720px,calc(100vh - 310px));overflow:auto;border:1px solid #cbd8e6;border-radius:12px;background:#fff;box-shadow:0 12px 34px #0e233a1f}.list-view.hidden,.cards-grid.hidden{display:none}.vav-table{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0;--refresh-col-width: 120px;--unit-col-width: 130px}.vav-table th,.vav-table td{min-width:105px;padding:8px 10px;border-right:1px solid #d7e2ed;border-bottom:1px solid #edf2f7;white-space:nowrap;text-align:left}.vav-table thead{position:sticky;top:0;z-index:5}.vav-table thead th{color:#607890;background:linear-gradient(180deg,#f7fbff,#eaf2fa);font-size:.72rem;font-weight:900}.vav-table thead th:nth-child(1),.vav-table tbody td:nth-child(1){position:sticky;left:0;z-index:4;width:var(--refresh-col-width);min-width:var(--refresh-col-width)}.vav-table thead th:nth-child(2),.vav-table tbody td:nth-child(2){position:sticky;left:var(--refresh-col-width);z-index:4;width:var(--unit-col-width);min-width:var(--unit-col-width)}.vav-table tbody tr:nth-child(odd) td{background:#fff}.vav-table tbody tr:nth-child(2n) td{background:#f5f9fd}.vav-table tbody td:nth-child(1),.vav-table tbody td:nth-child(2){background:inherit}.vav-refresh-cell{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:7px}.vav-row-refresh-btn{min-height:26px;padding:0 8px}.vav-updated-age{color:#7d98b1;font-family:Consolas,Cascadia Mono,monospace;font-size:.7rem}.vav-table .unit-link{color:#0c3f6c;font-weight:900;text-decoration:none}.dashboard-point-value{color:#1f354c;font-family:Consolas,Cascadia Mono,monospace;font-size:.8rem;font-weight:650}.history-enabled{cursor:pointer;text-decoration:underline;text-decoration-color:#0f5bc838;text-underline-offset:3px}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.vav-card{display:grid;gap:12px;padding:14px;border:1px solid #cbd8e6;border-radius:12px;background:#fff;box-shadow:0 10px 28px #0e233a1a}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.card-title{margin:0;color:#0a3d6a;font-size:1rem}.card-subtitle,.card-foot{margin:3px 0 0;color:#607890;font-size:.74rem}.metric-list{display:grid;gap:6px;margin:0;padding:0;list-style:none}.metric-row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed #d8e1eb;padding-bottom:5px}.metric-label{color:#607890;font-size:.74rem;font-weight:800}.open-graphic-btn{display:inline-flex;justify-content:center;width:fit-content;padding:7px 10px}.open-graphic-btn.compact{padding:4px 8px;font-size:.7rem}.floorplan-placeholder{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(230px,.6fr);gap:14px;padding:14px}.floorplan-canvas,.image-placeholder-frame{display:grid;min-height:260px;place-items:center;color:#607890;border:1px dashed #b8c8d9;border-radius:10px;background:linear-gradient(90deg,rgba(15,79,140,.07) 1px,transparent 1px),linear-gradient(180deg,rgba(15,79,140,.07) 1px,transparent 1px),#f8fbff;background-size:28px 28px;font-weight:800;text-align:center}.generated-action-row{display:flex;gap:8px;margin:0 5px 14px}.generated-divider{display:flex;align-items:center;gap:10px;margin:0 5px 14px;color:#607890;font-size:.78rem;font-weight:800;text-transform:uppercase}.generated-divider:before,.generated-divider:after{flex:1;height:1px;background:#d2dde9;content:""}.generated-divider.spacer-small{padding:4px 0}.generated-divider.spacer-medium{padding:12px 0}.generated-divider.spacer-large{padding:26px 0}.runtime-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:none;align-items:center;justify-content:center;padding:24px;background:#10223475}.runtime-modal-backdrop.open{display:flex}.runtime-modal{width:min(760px,100%);max-height:min(760px,calc(100vh - 48px));overflow:auto;padding:18px;color:#12263a;border:1px solid #cbd8e6;border-radius:14px;background:#fff;box-shadow:0 26px 70px #0e233a47}.runtime-modal-close{float:right;min-height:30px;padding:0 10px;border:1px solid #9fc0df;border-radius:8px;background:#eef6ff;color:#0f4f8c;font-weight:900}.runtime-modal h2{margin:0 0 12px;color:#0a3d6a}.alarm-table-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-top:1px solid #d2dde9;border-bottom:1px solid #d2dde9;background:#f7fbff}.alarm-table-search{width:min(280px,100%);min-height:34px;padding:0 10px;color:#274767;border:1px solid #a9c3dd;border-radius:9px;background:#fff}.alarm-table-status{color:#607890;font-size:.78rem;font-weight:800}.trend-chart-placeholder{position:relative;min-height:240px;margin:14px;overflow:hidden;border:1px solid #d2dde9;border-radius:12px;background:linear-gradient(90deg,rgba(15,79,140,.08) 1px,transparent 1px),linear-gradient(180deg,rgba(15,79,140,.08) 1px,transparent 1px),#f8fbff;background-size:42px 42px}.trend-line{position:absolute;left:26px;right:26px;height:3px;border-radius:999px;background:#0f4f8c;transform-origin:left center}.trend-line span{position:absolute;right:0;top:-24px;color:#163d67;font-size:.76rem;font-weight:800}.trend-line.line-1{top:42%;transform:rotate(-4deg)}.trend-line.line-2{top:58%;background:#1f8f63;transform:rotate(3deg)}.trend-line.line-3{top:34%;background:#b8801a;transform:rotate(6deg)}.inspector-title-row,.graphic-editor-toolbar,.graphic-editor-actions,.graphic-canvas-controls,.graphic-preset-row,.graphic-asset-heading{display:flex;align-items:center;gap:8px}.inspector-title-row{justify-content:space-between}.graphic-editor{display:grid;gap:12px;margin-bottom:14px}.graphic-editor-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;padding:18px;background:#0a1627b8}.graphic-editor-window{display:grid;grid-template-rows:auto minmax(0,1fr);width:100%;height:100%;overflow:hidden;border:1px solid #cbd8e6;border-radius:8px;background:#f6f8fb;box-shadow:0 24px 80px #0c1c3057}.graphic-editor-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-bottom:1px solid #d8e2ee;background:#fff}.graphic-editor-topbar h2{margin:2px 0;font-size:1.2rem}.graphic-editor-topbar p{margin:0;color:#5f7085}.graphic-editor-topbar-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.graphic-editor-shell{min-height:0;overflow:auto;padding:14px}.graphic-editor-shell .graphic-editor{min-height:100%;margin-bottom:0}.graphic-editor-shell .graphic-editor-grid{min-height:58vh}.graphic-inspector-card,.dashboard-profile-editor,.dashboard-profile-row{display:grid;gap:10px}.graphic-inspector-card,.dashboard-profile-editor{margin-bottom:14px;padding:12px;border:1px solid #d8e2ee;border-radius:8px;background:#fbfdff}.graphic-inspector-card>div,.dashboard-profile-row>div{display:grid;gap:2px;min-width:0}.graphic-inspector-card span,.dashboard-profile-row span,.panel-mini-heading span{color:#64758a;font-size:12px;font-weight:700}.panel-mini-heading{display:flex;justify-content:space-between;gap:12px}.dashboard-profile-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding-top:10px;border-top:1px solid #e3ebf4}.graphic-editor-toolbar,.graphic-canvas-controls,.graphic-preset-row{flex-wrap:wrap}.compact-segmented{display:inline-flex;padding:3px;border:1px solid #d8e2ee;border-radius:8px;background:#f7fbff}.compact-segmented button,.graphic-editor-actions button,.graphic-canvas-controls button,.graphic-preset-row button,.graphic-asset-heading button,.graphic-item-inspector button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:30px;padding:0 9px;border:1px solid #d8e2ee;border-radius:7px;background:#fff;color:#1d3858;font-size:12px;font-weight:800}.compact-segmented button.active{color:#fff;border-color:#095bc8;background:#095bc8}.graphic-canvas-controls label,.graphic-item-inspector label{display:grid;gap:5px;color:#52647a;font-size:12px;font-weight:800}.graphic-canvas-controls input,.graphic-item-inspector input,.graphic-item-inspector textarea,.graphic-asset-browser input{width:100%;min-height:30px;padding:5px 8px;border:1px solid #d8e2ee;border-radius:7px;background:#fff;color:#142033}.graphic-canvas-controls input{width:72px}.graphic-editor-grid{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:420px;overflow:hidden;border:1px solid #d8e2ee;border-radius:8px;background:#fff}.graphic-asset-browser{display:grid;align-content:start;gap:8px;max-height:480px;overflow:auto;padding:10px;border-right:1px solid #d8e2ee;background:#f7fbff}.graphic-asset-heading{justify-content:space-between;color:#1b3958;font-size:12px}.graphic-folder-row,.graphic-asset-card{width:100%;border:0;background:transparent;color:#203247;text-align:left}.graphic-folder-row{min-height:28px;font-size:12px;font-weight:800}.graphic-folder-row span{display:inline-block;width:16px;color:#607890}.graphic-asset-card{display:grid;grid-template-columns:32px 1fr;gap:8px;align-items:center;min-height:42px;padding:5px;border-radius:7px}.graphic-asset-card:hover{background:#eaf3ff}.graphic-asset-card img{width:32px;height:32px;object-fit:contain}.graphic-asset-card span{display:grid;min-width:0}.graphic-asset-card strong,.graphic-asset-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.graphic-asset-card strong{font-size:11px}.graphic-asset-card small{color:#607086;font-size:10px}.graphic-stage-scroll{overflow:auto;padding:14px;background:linear-gradient(90deg,rgba(15,79,140,.08) 1px,transparent 1px),linear-gradient(180deg,rgba(15,79,140,.08) 1px,transparent 1px),#eef4fb;background-size:32px 32px}.graphic-stage-zoom-box{position:relative}.graphic-stage-plane,.runtime-graphic-plane{position:relative;overflow:hidden;transform-origin:top left;background:#f8fbff;border:1px solid #cbd8e6;border-radius:8px}.graphic-stage-item,.runtime-graphic-item{position:absolute;display:grid;min-width:0;min-height:0}.graphic-stage-item{cursor:grab;outline:1px solid transparent}.graphic-stage-item.selected{outline:2px solid #095bc8;box-shadow:0 0 0 3px #095bc829}.graphic-stage-item.disabled{cursor:default;opacity:.62}.graphic-stage-item img,.runtime-graphic-item img{width:100%;height:100%;object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none}.crisp-image{image-rendering:pixelated}.graphic-resize-handle{position:absolute;right:-5px;bottom:-5px;width:11px;height:11px;border:2px solid #fff;border-radius:50%;background:#095bc8}.graphic-selection-marquee{position:absolute;pointer-events:none;border:1px solid #095bc8;background:#095bc81f}.graphic-field-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.graphic-item-inspector{display:grid;gap:8px;padding:10px;border:1px solid #d8e2ee;border-radius:8px;background:#fbfdff}.graphic-inspector-empty{padding:12px;color:#66758a;border:1px dashed #cbd8e6;border-radius:8px;font-size:12px}.graphic-layout-preview{padding:14px;border:1px solid #d2dde9;border-radius:8px;background:#fff}.toolbar-select{display:grid;gap:5px;min-width:220px;color:#52647a;font-size:12px;font-weight:800}.toolbar-select select{min-height:36px;padding:7px 10px;border:1px solid #d8e2ee;border-radius:8px;background:#fff;color:#142033}.graphic-library-filterbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:14px;padding:10px;border:1px solid #d8e2ee;border-radius:8px;background:#fbfdff}.graphic-library-filterbar>span{margin-left:auto;color:#607086;font-size:12px;font-weight:800}.graphic-library-grid,.page-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.graphic-library-card,.page-type-card{overflow:hidden;border:1px solid #d8e2ee;border-radius:8px;background:#fff}.graphic-library-preview{height:220px;overflow:auto;padding:12px;background:linear-gradient(90deg,rgba(15,79,140,.08) 1px,transparent 1px),linear-gradient(180deg,rgba(15,79,140,.08) 1px,transparent 1px),#eef4fb;background-size:32px 32px}.graphic-library-card-body,.page-type-card{display:grid;gap:12px;padding:14px}.graphic-library-card-body{grid-template-columns:minmax(0,1fr) auto;align-items:center}.graphic-library-card-body span,.page-type-card span,.page-type-card small{color:#64758a;font-size:12px;font-weight:800;text-transform:uppercase}.graphic-library-card-body h3,.page-type-card h3{margin:3px 0 5px;font-size:1rem}.graphic-library-card-body p,.page-type-card p{margin:0;color:#5f7085}.graphic-library-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.graphic-library-meta span{padding:3px 7px;border:1px solid #d8e2ee;border-radius:999px;background:#f7fbff;color:#52647a;font-size:11px;font-weight:800;text-transform:none}.graphic-preview-scroll{margin-top:12px;overflow:auto}.runtime-graphic-stage{position:relative;overflow:hidden}.runtime-point-chip,.runtime-graphic-badge,.runtime-graphic-text{display:grid;align-items:center;width:100%;height:100%;padding:4px 8px;border:1px solid #9fb8d4;border-radius:6px;background:#fff;color:#17304e;font-size:12px}.runtime-point-chip{grid-template-columns:1fr auto;gap:6px}.runtime-point-chip strong{color:#095bc8}.runtime-graphic-card{display:grid;gap:4px;width:100%;height:100%;padding:8px;overflow:hidden;border:1px solid #9fb8d4;border-radius:8px;background:#fffffff0;color:#17304e;font-size:12px}.runtime-graphic-card div{display:flex;justify-content:space-between;gap:8px}.runtime-graphic-card em{color:#095bc8;font-style:normal;font-weight:800}.runtime-graphic-rect{width:100%;height:100%;border:1px solid}@media(max-width:900px){.visual-builder-workspace,.page-builder-grid,.builder-site-frame{grid-template-columns:1fr}.split-resize-handle,.builder-generated-nav{display:none}}@media(max-width:760px){.visual-builder-toolbar,.generated-page-header,.floorplan-placeholder,.topbar-side{align-items:stretch;flex-direction:column;grid-template-columns:1fr}}