/* Learn2LAN One v0.2 visual website editor */
.vb-app{--vb-navy:#101f36;--vb-border:#e2e9f3;--vb-purple:#5a58cf;--vb-text:#182947;--vb-muted:#7b8ba3;margin:-13px -10px 0;font-family:Inter,ui-sans-serif,system-ui,Arial,sans-serif;color:var(--vb-text)}
.vb-app *{box-sizing:border-box}.vb-app button,.vb-app input,.vb-app select,.vb-app textarea{font-family:inherit}.vb-app button{cursor:pointer}.vb-app button:disabled{opacity:.3;cursor:not-allowed}.vb-app button:focus-visible,.vb-app a:focus-visible,.vb-app [contenteditable]:focus-visible,.vb-app input:focus-visible,.vb-app select:focus-visible,.vb-app textarea:focus-visible{outline:3px solid #f9af46!important;outline-offset:2px}
.vb-toolbar{min-height:72px;display:flex;align-items:center;gap:11px;background:white;border:1px solid var(--vb-border);border-radius:15px 15px 0 0;padding:12px 18px;flex-wrap:wrap}.vb-toolbar-brand{display:flex;align-items:center;gap:9px;min-width:175px}.vb-toolbar-brand strong{display:block;font-size:14px;font-weight:850;letter-spacing:-.3px}.vb-toolbar-brand small{display:block;font-size:10px;color:var(--vb-muted);margin-top:2px}.vb-logo{height:35px;width:35px;display:grid;place-items:center;border-radius:10px;background:#eff0ff;color:#5c5bdb;font-size:19px}.vb-toolbar-divider{height:33px;border-left:1px solid var(--vb-border)}.vb-top-label{font-size:11px;color:#8b96a5;font-weight:750}.vb-page-select{border:1px solid #dce4ef;min-height:36px;max-width:185px;border-radius:8px;padding:5px 9px;background:#f8fafd;font-size:12px;font-weight:700;color:#253653}.vb-toolbar-spacer{flex:1;min-width:4px}.vb-icon-btn{height:33px;min-width:33px;border:1px solid #e1e8f0!important;border-radius:9px;background:#fff;color:#364d6b;font-size:17px}.vb-icon-btn:hover,.vb-icon-btn:focus-visible{background:#f1f5fd}.vb-save-state{font-size:11px;color:#248a69;white-space:nowrap;min-width:94px}.vb-save-state.dirty{color:#ae721b}.vb-view-link{font-weight:750;font-size:11px;color:#536680;text-decoration:none;white-space:nowrap}.vb-view-link:hover{text-decoration:underline}.vb-save-btn,.vb-publish-btn{border-radius:8px!important;min-height:36px;padding:0 13px;font-size:11px;font-weight:750;white-space:nowrap}.vb-save-btn{border:1px solid #d6dfeb;background:white;color:#425573}.vb-save-btn:hover{background:#f4f8fe}.vb-publish-btn{border:1px solid #423ecd;background:#5350d3;color:#fff}.vb-publish-btn:hover{background:#443fc1}
.vb-editor-body{display:grid;grid-template-columns:196px minmax(360px,1fr) 270px;min-height:720px;border:1px solid var(--vb-border);border-top:0;background:#f6f8fc;border-radius:0 0 14px 14px;overflow:clip}.vb-pane-kicker{font-size:9px;font-weight:850;letter-spacing:1.15px;color:#8d9cb2}.vb-palette{background:white;border-right:1px solid var(--vb-border);min-width:0;display:flex;flex-direction:column}.vb-pane-header{padding:23px 14px 10px}.vb-pane-header h2{font-size:17px;letter-spacing:-.5px;margin:9px 0 5px}.vb-pane-header p{font-size:11px;color:#8390a2;margin:0}.vb-palette-list{padding:7px 10px;display:grid;gap:7px;align-content:start}.vb-palette-item{display:flex;align-items:center;text-align:left;min-height:58px;gap:8px;background:#fff;border:1px solid #e8edf5;border-radius:10px;padding:8px 7px;color:#344969;cursor:grab!important}.vb-palette-item:hover{background:#f3f4ff;border-color:#b9bbf4;box-shadow:0 3px 10px #293c8112}.vb-palette-item:active{cursor:grabbing}.vb-palette-icon{width:32px;height:34px;flex:none;display:grid;place-items:center;background:#f0f2ff;color:#6862dc;border-radius:7px;font-size:20px;font-weight:800}.vb-palette-copy{flex:1;min-width:0}.vb-palette-copy b{display:block;font-size:11px;font-weight:800;line-height:1.3}.vb-palette-copy small{display:block;font-size:9px;color:#92a0b2;margin-top:3px}.vb-palette-grip{color:#b8c4d2;font-size:15px}.vb-palette-footer{font-size:10px;color:#8b99ab;padding:16px;margin-top:auto;line-height:1.55;border-top:1px solid #ebeff6}
.vb-stage{min-width:0;overflow:hidden;display:flex;flex-direction:column;background:#f2f5fa}.vb-stage-toolbar{height:53px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 15px;flex-wrap:wrap}.vb-stage-label{font-size:10px;font-weight:850;color:#60728e;letter-spacing:1px;white-space:nowrap}.vb-live-dot{display:inline-block;width:7px;height:7px;background:#28bc94;border-radius:50%;margin-right:6px}.vb-stage-note{font-size:10px;color:#93a1b1}.vb-device-group{display:flex;border:1px solid #dbe4f0;background:#fff;border-radius:8px;padding:3px;gap:3px}.vb-device-group button{border:0;border-radius:5px;background:transparent;font-size:16px;color:#7a8ca5;min-width:29px;height:26px}.vb-device-group button.active{background:#e8e8ff;color:#4843cd}.vb-canvas-scroll{overflow:auto;max-height:calc(100vh - 215px);min-height:650px;padding:8px 17px 75px;scrollbar-color:#c6d0df transparent}.vb-page-canvas{margin:0 auto;background:white;box-shadow:0 9px 35px #203c6220;border:1px solid #e6ecf5;width:100%;max-width:1120px;min-height:400px;transition:max-width .22s ease;font-family:Inter,system-ui,Arial,sans-serif}.vb-page-canvas.device-tablet{max-width:725px}.vb-page-canvas.device-mobile{max-width:375px}.vb-site-header{height:59px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;gap:9px;color:#1b2c4b;border-bottom:1px solid #edf1f7}.vb-site-brand{font-size:12px;color:#405fd9;white-space:nowrap}.vb-site-brand b{color:#233c62}.vb-site-header nav{display:flex;gap:14px;align-items:center;font-weight:700;font-size:9px;color:#455a78}.vb-signin{border:1px solid #dbe2ed;padding:6px 9px;border-radius:6px}.vb-site-footer{text-align:center;background:#0e1d35;color:#a3b8d7;font-size:10px;padding:20px 10px}.vb-page-canvas.device-mobile .vb-site-header nav,.vb-page-canvas.device-tablet .vb-site-header nav span:not(.vb-signin){display:none}
.vb-drop-slot{height:18px;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;background:transparent;transition:height .12s}.vb-drop-slot:before{content:'';height:2px;position:absolute;left:10px;right:10px;background:transparent;pointer-events:none}.vb-drop-slot button{border:1px solid #b7c2f5;background:#514eca;color:white;border-radius:16px;display:none;align-items:center;gap:5px;min-height:25px;padding:2px 10px;font-weight:800;font-size:10px;position:relative;z-index:5;box-shadow:0 3px 12px #3434aa33}.vb-drop-slot:hover button,.vb-drop-slot:focus-within button,.vb-drop-slot.over button,.vb-dragging .vb-drop-slot button{display:flex}.vb-drop-slot:hover:before,.vb-drop-slot.over:before,.vb-dragging .vb-drop-slot:before{background:#7476e4}.vb-drop-slot.over{height:55px;background:#e8eeff}.vb-drop-slot.over:before{height:3px;background:#514eca}
.vb-section{position:relative;outline:2px solid transparent;outline-offset:-2px;transition:outline-color .09s ease;cursor:grab;overflow:visible}.vb-section:hover{outline-color:#a3a8f1;z-index:3}.vb-section.selected{outline:3px solid #6262e2;outline-offset:-3px;z-index:4}.vb-section-content{min-height:36px;overflow:hidden}.vb-section .vb-select-overlay{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;opacity:0;cursor:pointer;z-index:1}.vb-section .vb-editable{position:relative;z-index:2;cursor:text;outline:0;min-width:15px;min-height:1em;white-space:pre-wrap;overflow-wrap:anywhere}.vb-editable:hover{outline:1px dashed #c4c4ee;outline-offset:2px}.vb-editable:focus{outline:2px solid #8d8be9!important;outline-offset:3px;border-radius:1px}.vb-section-actions{position:absolute;right:9px;top:-16px;z-index:12;display:flex;gap:2px;border-radius:9px;background:#514ec8;padding:4px;box-shadow:0 5px 15px #1b267a44}.vb-section-actions button{color:white!important;border:0!important;background:transparent!important;min-width:28px;height:25px;font-size:17px;border-radius:5px}.vb-section-actions button:hover{background:#ffffff30!important}.vb-selection-label{position:absolute;left:10px;top:-17px;background:#514ec8;color:#fff;padding:4px 9px;border-radius:6px 6px 0 0;font-weight:800;font-size:9px;z-index:10;display:none}.vb-section.selected>.vb-selection-label{display:block}.vb-container{max-width:1180px;margin:auto;padding-left:7%;padding-right:7%}.vb-hero{background:radial-gradient(circle at 82% 30%,#187bc6 0,#2354a2 33%,#142c54 70%,#101f3b 100%);color:#fff}.vb-hero-content{padding-top:92px;padding-bottom:96px}.vb-eyebrow{color:#58ddf0;font-size:9px;font-weight:900;letter-spacing:1.9px;text-transform:uppercase}.vb-hero-title{font-size:clamp(27px,3.2vw,55px);letter-spacing:-1.8px;line-height:1.12;max-width:680px;font-weight:850;margin:12px 0 16px}.vb-hero-subtitle{font-size:clamp(11px,1vw,16px);max-width:620px;color:#dceafa;line-height:1.6;margin:0 0 24px}.vb-button-link{display:inline-flex;align-items:center;gap:4px;background:#fff;color:#1c4c98;font-size:11px;font-weight:850;padding:10px 17px;border-radius:9px}.vb-button-label{display:inline-block}.vb-title{font-size:clamp(20px,2.3vw,36px);line-height:1.18;letter-spacing:-1px;font-weight:830;margin:0 0 22px}.vb-features .vb-container,.vb-richtext .vb-container,.vb-faq .vb-container,.vb-image .vb-container{padding-top:68px;padding-bottom:70px}.vb-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.vb-feature{border:1px solid #e4eaf3;border-radius:13px;padding:17px;box-shadow:0 5px 20px #0e23430a}.vb-feature-mark{font-size:22px;color:#5e62ce}.vb-feature h3{font-size:14px;margin:10px 0 7px;line-height:1.25}.vb-feature p{color:#69798c;font-size:11px;line-height:1.6;margin:0}.vb-stats{background:#eff5fc}.vb-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;text-align:center;padding-top:26px;padding-bottom:28px}.vb-stat-grid strong{display:block;color:#2759b6;font-size:27px;letter-spacing:-1px}.vb-stat-grid span{color:#687c91;font-size:10px}.vb-richtext .vb-prose{max-width:790px}.vb-richtext .vb-prose p,.vb-richtext .vb-prose li{color:#536780;line-height:1.7;font-size:13px}.vb-richtext .vb-prose h2{font-size:22px}.vb-richtext .vb-prose small{font-size:10px;display:block;color:#7d7cce;padding-top:15px}.vb-cta{background:#172f54;color:#fff}.vb-cta-content{padding-top:71px;padding-bottom:74px;text-align:center}.vb-cta .vb-title{font-size:30px}.vb-body{font-size:12px;color:#d1e0f4;margin:0 0 22px}.vb-quote-content{padding-top:60px;padding-bottom:65px;max-width:700px;text-align:center}.vb-quote-mark{font-size:63px;line-height:.6;color:#6368d5}.vb-quote-text{font-size:15px;line-height:1.8;color:#536680}.vb-author{font-size:11px;font-weight:800;color:#5260b1}.vb-faq-list{display:grid;gap:9px}.vb-faq-row{border:1px solid #e2e8f3;border-radius:10px;padding:17px}.vb-faq-row h3{font-size:13px;margin:0 0 5px}.vb-faq-row p{color:#687a91;font-size:11px;margin:0}.vb-figure{margin:0;text-align:center}.vb-figure img{max-width:100%;max-height:400px;border-radius:12px}.vb-image-placeholder{height:220px;display:grid;place-items:center;align-content:center;gap:8px;background:linear-gradient(135deg,#e6ecfa,#f9fbff);border:1px dashed #aab8d0;border-radius:12px;color:#667f9f;font-size:12px}.vb-image-placeholder span{font-size:36px}.vb-caption{color:#708097;font-size:11px;margin-top:9px}.vb-divider .vb-container{padding-top:25px;padding-bottom:25px}.vb-divider-line{height:1px;border:0;background:#dce4f0}
/* Same design tokens exposed to public renderer; safe fixed styles only. */
.vb-section.vb-tone-light{background:#fff;color:#1b2d49}.vb-section.vb-tone-soft{background:#f3f6fb;color:#1c304e}.vb-section.vb-tone-blue{background:#234d9b;color:#fff}.vb-section.vb-tone-dark{background:#102139;color:#fff}.vb-section.vb-tone-blue .vb-title,.vb-section.vb-tone-dark .vb-title,.vb-section.vb-tone-blue .vb-editable,.vb-section.vb-tone-dark .vb-editable{color:#fff}.vb-section.vb-tone-dark p:not(.vb-eyebrow),.vb-section.vb-tone-blue p:not(.vb-eyebrow){color:#d8e6fa}.vb-section.vb-align-center .vb-hero-content,.vb-section.vb-align-center .vb-feature-grid,.vb-section.vb-align-center .vb-container{text-align:center}.vb-section.vb-align-center .vb-hero-title,.vb-section.vb-align-center .vb-hero-subtitle{margin-left:auto;margin-right:auto}.vb-section.vb-space-compact .vb-container{padding-top:24px;padding-bottom:25px}.vb-section.vb-space-spacious .vb-container{padding-top:110px;padding-bottom:115px}
.vb-page-canvas.device-mobile .vb-feature-grid,.vb-page-canvas.device-tablet .vb-feature-grid{grid-template-columns:1fr}.vb-page-canvas.device-mobile .vb-stat-grid{grid-template-columns:1fr}.vb-page-canvas.device-mobile .vb-hero-content{padding-top:50px;padding-bottom:50px}.vb-page-canvas.device-mobile .vb-hero-title{font-size:32px}.vb-page-canvas.device-mobile .vb-container{padding-left:22px;padding-right:22px}.vb-page-canvas.device-mobile .vb-cta .vb-title{font-size:24px}
.vb-inspector{background:white;border-left:1px solid var(--vb-border);min-width:0;display:flex;flex-direction:column;max-height:calc(100vh - 165px);overflow:auto}.vb-inspector-top{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:23px 16px 16px;border-bottom:1px solid #eaf0f7}.vb-help-icon{font-size:9px;color:#6362c2;background:#f2f2ff;border:0;border-radius:7px;padding:8px 9px;font-weight:800}.vb-inspector-empty{padding:35px 19px;text-align:center;color:#8190a4}.vb-inspector-empty>span{font-size:38px;color:#7c7cec}.vb-inspector-empty h3{color:#273958;font-size:16px;margin:12px 0 8px}.vb-inspector-empty p{font-size:11px;line-height:1.7}.vb-inspector-empty .vb-tip{padding:12px;background:#f2f3ff;border-radius:9px;color:#585f9e;margin-top:22px}.vb-inspector-head{padding:19px 16px 12px;display:flex;gap:10px;align-items:center}.vb-inspector-icon{width:38px;height:38px;display:grid;place-items:center;background:#f0f1ff;border-radius:10px;color:#5859d8;font-size:21px}.vb-inspector-head h3{margin:0;font-size:15px}.vb-inspector-head p{color:#8b99ad;font-size:10px;margin:4px 0 0}.vb-inspector-scroll{padding:0 16px 20px}.vb-properties-head{font-size:9px;font-weight:850;letter-spacing:1.25px;color:#929faf;margin:16px 0 12px;border-top:1px solid #edf1f7;padding-top:16px}.vb-field{margin-bottom:14px}.vb-field label,.vb-page-settings label,.vb-list-item label{display:block;font-size:10px;font-weight:800;color:#536681;margin:0 0 6px}.vb-field input,.vb-field textarea,.vb-field select,.vb-list-item input,.vb-page-settings input{width:100%;border:1px solid #dce5f1;border-radius:8px;padding:10px;font-size:11px;color:#253c5e;min-height:37px;background:#fff}.vb-field textarea{min-height:66px;line-height:1.55;resize:vertical}.vb-field small{font-size:9px;color:#8292a5;display:block;margin-top:5px;line-height:1.5}.vb-list-controls h4{margin:8px 0 12px;font-size:12px}.vb-list-item{border:1px solid #edf0f7;background:#f8faff;border-radius:9px;padding:10px;margin-bottom:10px}.vb-list-item-head{display:flex;justify-content:space-between;align-items:center;font-size:10px;margin-bottom:8px}.vb-list-item-head button{border:0;background:transparent;color:#c24955;font-size:10px}.vb-list-item input{margin:0 0 9px;background:white}.vb-add-item{width:100%;background:#f5f4ff;border:1px dashed #9998e5;color:#5554c1;border-radius:8px;padding:11px;font-size:11px;font-weight:800}.vb-page-settings{margin-top:auto;padding:19px 16px;border-top:1px solid #edf1f7;background:#fcfdff}.vb-page-settings h3{font-size:12px;margin:0 0 12px}.vb-page-url{font-size:10px;color:#8595aa;margin-top:10px}.vb-publication{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:14px;font-size:10px}.vb-published{color:#268263;font-weight:800}.vb-unpublished{color:#a17b35;font-weight:800}.vb-publication button{border:0;background:transparent;color:#a83f51;font-size:10px;text-decoration:underline}.vb-modal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.vb-modal-option{background:#f8f9ff;border:1px solid #dfe4fa;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:5px;padding:16px 8px}.vb-modal-option span{font-size:23px;color:#6761d7}.vb-modal-option b{font-size:12px}.vb-modal-option small{font-size:9px;color:#8795aa}
@media(max-width:1520px){.vb-editor-body{grid-template-columns:170px minmax(310px,1fr) 245px}.vb-palette-item{gap:5px}.vb-palette-icon{width:29px}.vb-toolbar-brand{min-width:148px}.vb-stage-note{display:none}}
@media(max-width:1180px){.vb-editor-body{grid-template-columns:168px minmax(290px,1fr)}.vb-inspector{grid-column:1 / -1;max-height:unset;border-top:1px solid var(--vb-border);border-left:0;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:start}.vb-inspector-top{grid-column:1/-1}.vb-inspector-empty{max-width:450px;margin:auto;grid-column:1/-1}.vb-inspector-head{align-self:start}.vb-inspector-scroll{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.vb-properties-head{grid-column:1/-1}.vb-page-settings{border-top:0;border-left:1px solid var(--vb-border)}}
@media(max-width:760px){.vb-app{margin:0}.vb-toolbar{gap:8px}.vb-toolbar-brand{width:100%;min-width:0}.vb-editor-body{display:flex;flex-direction:column}.vb-palette-list{grid-template-columns:repeat(3,minmax(0,1fr))}.vb-palette-item{min-height:55px}.vb-palette-copy small,.vb-palette-grip,.vb-palette-footer{display:none}.vb-palette{border-right:0;border-bottom:1px solid var(--vb-border)}.vb-pane-header{padding:12px}.vb-pane-header h2{font-size:15px}.vb-canvas-scroll{max-height:none;padding:12px 6px 40px}.vb-inspector{display:block}.vb-inspector-scroll{display:block}.vb-stage-toolbar{height:auto;min-height:47px}.vb-site-header nav{display:none}.vb-page-canvas.device-mobile{max-width:350px}.vb-modal-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:430px){.vb-toolbar-divider,.vb-top-label{display:none}.vb-palette-list{grid-template-columns:repeat(2,minmax(0,1fr))}.vb-toolbar{padding:10px}.vb-canvas-scroll{padding-left:2px;padding-right:2px}.vb-stage-label{font-size:8px}.vb-site-header{padding:0 12px}.vb-hero-content{padding-top:43px;padding-bottom:47px}.vb-feature-grid{grid-template-columns:1fr}.vb-stat-grid{grid-template-columns:1fr}.vb-toolbar-spacer{display:none}}
@media(prefers-reduced-motion:reduce){.vb-app *, .vb-app *:before,.vb-app *:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

.vb-a11y-btn{background:#ecf7f5;color:#1f7b68;border:1px solid #a8d5c8;border-radius:8px;padding:10px 11px;min-height:36px;white-space:nowrap;font-size:11px;font-weight:800}.vb-a11y-btn:hover{background:#dff1ea}.vb-upload-label{display:block;color:#4d51b4!important;background:#f2f2ff;border:1px dashed #b7b5ed;border-radius:8px;padding:11px!important;text-align:center;cursor:pointer;font-size:11px!important}.vb-upload-label input{display:block;font-size:10px;margin:8px auto 0;min-height:unset;border:0;padding:0;max-width:100%}.vb-a11y-review{font-size:13px;color:#576986}.vb-a11y-review p{line-height:1.6}.vb-a11y-issue{border:1px solid #e0e8f4;border-radius:9px;padding:12px;margin:9px 0}.vb-a11y-issue b{color:#9b531d}.vb-a11y-issue p{margin:5px 0}.vb-a11y-issue small{font-size:11px}
.vb-palette-list{max-height:calc(100vh - 310px);overflow:auto}.vb-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.vb-preview-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.vb-preview-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.vb-preview-grid article,.vb-tab-preview article{border:1px solid #dfe6f2;border-radius:10px;padding:14px}.vb-preview-grid img{width:100%;aspect-ratio:4/3;object-fit:cover}.vb-media-preview,.vb-file-preview,.vb-embed-preview{padding:28px;border:1px dashed #abb9ce;border-radius:12px;background:#f4f7fb;color:#536a88}.vb-file-preview small,.vb-embed-preview small{display:block;margin-top:8px}.vb-code pre,.vb-html pre,.vb-section pre{overflow:auto;background:#10213c;color:#eaf4ff;padding:18px;border-radius:10px}.vb-tab-preview{display:grid;gap:8px}.vb-timeline-preview,.vb-check-preview{padding-left:22px}.vb-timeline-preview li{padding:9px;border-left:2px solid #6763d9}.vb-timeline-preview p{margin:4px 0}.vb-check-preview{list-style:none;padding-left:0}.vb-callout{display:block;border-left:5px solid #5655d3;background:#f3f4ff;padding:18px;border-radius:10px}.vb-button-row{display:flex;gap:8px;flex-wrap:wrap}.vb-library-btn{width:100%;margin-top:8px;border:1px solid #b8b7e9;background:#f4f3ff;color:#4e4db0;border-radius:8px;padding:9px;font-size:10px;font-weight:800}.vb-nested-list{border-top:1px solid #e1e7f0;margin-top:8px;padding-top:8px}.vb-nested-list button{border:0;background:transparent;color:#514fc2;font-size:9px}.vb-media-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:65vh;overflow:auto}.vb-media-library button{display:flex;flex-direction:column;gap:5px;text-align:left;border:1px solid #dfe6f1;border-radius:10px;background:#fff;padding:9px;min-width:0}.vb-media-library img{width:100%;height:95px;object-fit:cover;border-radius:6px}.vb-media-library b,.vb-media-library small{max-width:100%;overflow:hidden;text-overflow:ellipsis}.vb-template-list{display:grid;gap:9px}.vb-template-list article{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #dfe6f1;border-radius:9px;padding:12px}.vb-template-list small{display:block;color:#78889d;margin-top:4px}.vb-template-list button{border:0;border-radius:7px;background:#5350d3;color:white;padding:8px 11px}
[data-theme=dark] .vb-app{--vb-border:#32435a;--vb-text:#e9f1fb;--vb-muted:#a9b6c7;color:var(--vb-text)}[data-theme=dark] .vb-toolbar,[data-theme=dark] .vb-palette,[data-theme=dark] .vb-inspector,[data-theme=dark] .vb-page-settings{background:#15243a;color:#e9f1fb}[data-theme=dark] .vb-editor-body,[data-theme=dark] .vb-stage{background:#0d192a}[data-theme=dark] .vb-palette-item,[data-theme=dark] .vb-save-btn,[data-theme=dark] .vb-icon-btn,[data-theme=dark] .vb-field input,[data-theme=dark] .vb-field textarea,[data-theme=dark] .vb-field select,[data-theme=dark] .vb-list-item,[data-theme=dark] .vb-list-item input{background:#1c2e47;color:#e9f1fb;border-color:#3a4c64}[data-theme=dark] .vb-page-canvas{background:#15243a;border-color:#32435a}[data-theme=dark] .vb-site-header,[data-theme=dark] .vb-site-header b{color:#e9f1fb;border-color:#32435a}[data-theme=dark] .vb-section:not(.vb-tone-blue):not(.vb-tone-dark){background:#15243a;color:#e9f1fb}[data-theme=dark] .vb-feature,[data-theme=dark] .vb-faq-row,[data-theme=dark] .vb-preview-grid article,[data-theme=dark] .vb-tab-preview article{border-color:#3a4c64;background:#192a42;color:#e9f1fb}[data-theme=dark] .vb-media-preview,[data-theme=dark] .vb-file-preview,[data-theme=dark] .vb-embed-preview,[data-theme=dark] .vb-callout{background:#1b2d46;color:#dce7f5;border-color:#56677d}
@media(max-width:760px){.vb-palette-list{max-height:none}.vb-preview-grid,.vb-preview-grid.cols-2,.vb-preview-grid.cols-4,.vb-media-library{grid-template-columns:1fr 1fr}}
.vb-site-header nav ul{display:flex;gap:14px;align-items:center;margin:0;padding:0;list-style:none}
/* Additional editor controls share the application's semantic theme tokens. */
.vb-search-label{display:block;margin:10px 12px 4px;font-size:12px;color:var(--l2l-text-muted)}
#vb-search{width:calc(100% - 24px);margin:0 12px 10px;padding:9px;border-radius:6px;border:1px solid var(--l2l-border);background:var(--l2l-surface);color:var(--l2l-text)}
.vb-layers{padding:12px;color:var(--l2l-text);border-top:1px solid var(--l2l-border)}
.vb-layers summary{cursor:pointer;font-weight:700}
#vb-layers{max-height:220px;overflow:auto}
#vb-layers button{display:block;width:100%;text-align:left;padding:9px;border:0;background:var(--l2l-surface);color:var(--l2l-text);border-bottom:1px solid var(--l2l-border)}
.vb-drag-handle{touch-action:none;cursor:grab;min-width:32px;min-height:32px;background:var(--l2l-surface);color:var(--l2l-text);border:1px solid var(--l2l-border);border-radius:4px}
.vb-palette-item{touch-action:pan-y}
.vb-dragging .vb-palette-item{touch-action:none}
.vb-dragging .vb-drop-slot.over{min-height:24px;outline:3px solid var(--l2l-brand-600);background:var(--l2l-surface-soft)}
[data-theme=dark] .vb-page-select,[data-theme=dark] .vb-page-settings input,[data-theme=dark] .vb-media-library button{background:var(--l2l-surface);color:var(--l2l-text);border-color:var(--l2l-border)}
.vb-template-list small,.vb-top-label,.vb-view-link{color:var(--l2l-text-muted)}
@media(prefers-reduced-motion:reduce){.vb-app *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.vb-palette-grip{touch-action:none;display:inline-flex;align-items:center;min-height:36px;min-width:24px}
/* Nested cells are real editing surfaces. Parent overlays must not cover children. */
.vb-section .vb-select-overlay{pointer-events:none;inset:auto;right:0;bottom:0;width:32px;height:32px;pointer-events:auto}
.vb-container-cell{position:relative;min-width:0;min-height:80px;padding:12px 5px!important}
.vb-container-cell .vb-container{padding-left:14px;padding-right:14px}
.vb-container-cell .vb-section{margin:12px 0}
.vb-section:hover>.vb-selection-label,.vb-section:focus-within>.vb-selection-label{display:block}
.vb-layer-children{padding-left:12px;border-left:2px solid var(--l2l-border)}
.vb-app :is(button,input,textarea,select,a):focus-visible{outline:3px solid var(--l2l-focus);outline-offset:3px}
.vb-palette-grip{display:inline-flex!important;touch-action:none}
.vb-page-canvas.device-mobile .vb-preview-grid{grid-template-columns:1fr}
.vb-section.vb-width-narrow>.vb-section-content>.vb-container{max-width:720px}
.vb-section.vb-width-full>.vb-section-content>.vb-container{max-width:none}
.vb-page-canvas.device-desktop .vb-visibility-mobile,.vb-page-canvas.device-tablet .vb-visibility-mobile,.vb-page-canvas.device-mobile .vb-visibility-desktop{display:none}
.vb-formatting{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}
.vb-formatting button{background:var(--l2l-surface-raised);color:var(--l2l-text);border:1px solid var(--l2l-control-border);border-radius:6px;min-height:36px;padding:6px 9px}
.vb-rich-body{min-height:80px}
.vb-rich-body table{border-collapse:collapse;width:100%}
.vb-rich-body :is(th,td){border:1px solid var(--l2l-control-border);padding:8px}
.vb-rich-body img{max-width:100%;height:auto}