.builder-shell{color:#172033;background:#eef1f7;height:100vh;overflow:hidden}.builder-topbar{z-index:30;background:#fff;border-bottom:1px solid #dce1eb;grid-template-columns:220px 1fr 380px;align-items:center;height:68px;padding:0 20px;display:grid;position:relative}.document-name{justify-self:center;align-items:center;gap:10px;display:flex}.document-name input{text-align:center;color:#172033;background:0 0;border:0;width:240px;font-weight:750}.document-name span{color:#748096;font-size:10px}.builder-top-actions{justify-content:flex-end;gap:7px;display:flex}.builder-top-actions button{color:#29334a;background:#fff;border:1px solid #dce1eb;border-radius:7px;padding:9px 12px;font-size:12px;font-weight:700}.builder-top-actions button:disabled{opacity:.35}.builder-top-actions .icon-action{width:36px;padding:9px}.builder-top-actions .export-button{color:#fff;background:#3157d5;border-color:#3157d5;padding-inline:18px}.builder-top-actions .export-button span{margin-left:13px}.studio-workspace{grid-template-columns:270px minmax(470px,1fr) 310px;height:calc(100vh - 68px);display:grid}.blocks-panel,.properties-panel{background:#fff;padding:24px 18px;overflow:auto}.blocks-panel{border-right:1px solid #dce1eb}.properties-panel{border-left:1px solid #dce1eb}.panel-intro>span,.property-heading>span,.row-actions>span,.canvas-controls>span,.test-access>span,.drawer-title span,.paywall>span,.modal-title span{letter-spacing:.18em;color:#3157d5;font-size:9px;font-weight:800}.panel-intro h2,.property-heading h3{font:600 25px/1.1 var(--display);letter-spacing:-.03em;margin:9px 0}.panel-intro p{color:#718096;margin-bottom:20px;font-size:11px;line-height:1.5}.block-library{gap:5px;display:grid}.block-library>button{text-align:left;color:#26324b;background:#fff;border:1px solid #e3e7ee;border-radius:8px;grid-template-columns:34px 1fr 16px;align-items:center;gap:9px;padding:9px;display:grid}.block-library>button:hover{background:#f7f9ff;border-color:#3157d5}.block-library>button>b{color:#3157d5;background:#edf1fd;border-radius:7px;place-items:center;width:34px;height:34px;font-size:11px;display:grid}.block-library>button>span{flex-direction:column;display:flex}.block-library strong{font-size:11px}.block-library small{color:#8993a5;margin-top:2px;font-size:9px}.block-library>button>i{color:#3157d5;font-style:normal}.row-actions{border-top:1px solid #e6e9ef;grid-template-columns:1fr 1fr;gap:6px;margin-top:25px;padding-top:18px;display:grid}.row-actions>span{grid-column:1/-1}.row-actions button{color:#526079;background:#f9faff;border:1px dashed #bcc5d7;border-radius:6px;padding:9px;font-size:10px}.canvas-panel{flex-direction:column;min-width:0;display:flex;overflow:auto}.canvas-toolbar{color:#6e7a90;background:#f8f9fc;border-bottom:1px solid #dfe4ed;justify-content:space-between;align-items:center;height:52px;padding:0 22px;font-size:10px;display:flex}.status-dot{background:#27a574;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.zoom-chip{background:#fff;border:1px solid #dce1eb;border-radius:5px;padding:6px 9px}.canvas-stage{background-color:#eef1f7;background-image:radial-gradient(#cbd2de 1px,#0000 1px);background-size:18px 18px;place-items:center;min-height:calc(100% - 91px);padding:70px 44px;display:grid;position:relative;overflow:auto}.signature-preview{z-index:1;background:#fff;max-width:100%;position:relative;box-shadow:0 18px 60px #2d3a582b}.signature-preview>table{max-width:100%!important}.selection-overlay{z-index:2;pointer-events:none;width:min(620px,100% - 88px);position:absolute;top:70px}.row-outline{pointer-events:none;display:grid}.cell-outline{pointer-events:auto;flex-direction:column;gap:2px;min-height:96px;padding:3px;display:flex}.block-hitbox{color:#0000;cursor:grab;background:0 0;border:1px dashed #0000;border-radius:4px;min-height:26px;position:relative}.block-hitbox:hover,.block-hitbox.selected{color:#3157d5;background:#3157d50d;border-color:#3157d5}.block-hitbox span{color:#fff;letter-spacing:.08em;text-transform:uppercase;background:#3157d5;border-radius:3px;padding:2px 4px;font-size:7px;position:absolute;top:2px;right:2px}.drop-hint{color:#8490a4;text-align:center;border:1px dashed #aab5c8;margin:auto;padding:12px;font-size:9px}.compatibility-row{color:#6d798d;background:#fff;border-top:1px solid #dce1eb;justify-content:center;align-items:center;gap:24px;height:39px;font-size:9px;display:flex}.compatibility-row span{color:#2f8065}.compatibility-row a{text-decoration:underline}.block-quick-actions{border-bottom:1px solid #e5e8ef;gap:4px;padding-bottom:15px;display:flex}.block-quick-actions button{color:#55627a;background:#fff;border:1px solid #dce1eb;border-radius:5px;padding:6px 8px;font-size:9px}.block-quick-actions .danger{color:#bd4c55;margin-left:auto}.property-stack{padding-top:15px}.property-heading{margin-bottom:17px}.control-field{margin-bottom:12px;display:block}.control-field>span,.upload-control>span,.color-pair span{letter-spacing:.09em;text-transform:uppercase;color:#68758a;margin-bottom:5px;font-size:8px;font-weight:800;display:block}.control-field input,.control-field select,.control-field textarea{color:#26324b;background:#fff;border:1px solid #dce1eb;border-radius:6px;outline:none;width:100%;padding:9px 10px;font-size:11px}.control-field input:focus,.control-field select:focus{border-color:#3157d5;box-shadow:0 0 0 2px #3157d51a}.control-field input[type=range]{padding:0}.upload-control{background:#f8faff;border:1px dashed #b8c3d5;border-radius:7px;margin-bottom:13px;padding:11px;display:block}.upload-control input{width:100%;font-size:9px}.color-pair{grid-template-columns:1fr 1fr;gap:9px;margin:8px 0 14px;display:grid}.color-pair label{border:1px solid #dce1eb;border-radius:6px;padding:7px}.color-pair input{background:0 0;border:0;width:100%;height:28px;padding:0}.canvas-controls,.test-access{border-top:1px solid #e3e7ee;margin-top:20px;padding-top:18px}.test-access{background:#f4f6fb;border-radius:8px;margin-inline:-4px;padding:14px}.test-access select{border:1px solid #d4dae6;border-radius:5px;width:100%;margin:8px 0;padding:8px;font-size:10px}.test-access small{color:#7b8799;font-size:8px;line-height:1.4;display:block}.empty-properties{text-align:center;color:#758196;padding:50px 15px}.empty-properties b{color:#25314a}.empty-properties p{font-size:11px;line-height:1.5}.mobile-switch{display:none}.toast{z-index:90;color:#fff;background:#172033;border:0;border-radius:8px;padding:12px 15px;font-size:11px;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 12px 35px #1720334d}.toast span{margin-left:18px}.template-drawer{z-index:70;background:#fff;width:min(530px,100%);padding:30px;position:fixed;top:0;bottom:0;right:0;overflow:auto;box-shadow:-20px 0 60px #1e283f33}.drawer-title,.modal-title{justify-content:space-between;align-items:flex-start;display:flex}.drawer-title h2,.modal-title h2,.paywall h2{font:600 34px/1.05 var(--display);letter-spacing:-.04em;margin:10px 0}.drawer-title>button,.modal-title>button,.modal-close{background:0 0;border:0;font-size:27px}.template-drawer>p{color:#718096;font-size:12px}.template-choice-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:22px;display:grid}.template-choice-grid>button{text-align:left;background:#fff;border:1px solid #dce1eb;border-radius:9px;padding:10px}.template-choice-grid>button.selected{border:2px solid #3157d5}.template-choice-grid>button>strong,.template-choice-grid>button>small{margin-top:7px;display:block}.template-choice-grid>button>small{color:#3157d5;letter-spacing:.08em;font-size:7px}.template-art{color:#28344b;background:#f1f3f8;border-left:18px solid #3157d5;flex-direction:column;justify-content:center;height:120px;padding:20px;display:flex}.template-art b{font-size:12px}.template-art small{font-size:6px}.template-art i{background:#aab3c4;width:75%;height:2px;margin:8px 0 0}.art-monogram{background:#f5efff;border:0;border-radius:35px 0 0}.art-signal{border-color:#ec5b32}.art-studio{border:0;border-top:8px solid #0d9276}.art-compact{border-width:7px;padding:13px}.art-executive{background:#faf8f3;border-color:#8b6b32;font-family:Georgia,serif}.art-friendly{border-color:#e04f79;border-radius:25px}.art-minimal{background:#fafafa;border:0}.blank-choice{color:#58657a;background:#f8f9fc;border:1px dashed #aeb8ca;border-radius:7px;width:100%;margin-top:14px;padding:12px}.modal-backdrop{z-index:80;background:#131b2b94;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.paywall,.export-modal{background:#fff;border-radius:12px;box-shadow:0 25px 80px #090f1b4d}.paywall{text-align:center;width:min(480px,100%);padding:42px;position:relative}.paywall .modal-close{position:absolute;top:10px;right:15px}.paywall p{color:#6d798d;line-height:1.6}.paywall-actions{grid-template-columns:1fr 1fr;gap:8px;margin:23px 0 13px;display:grid}.paywall-actions button,.paywall-actions a{color:#fff;background:#3157d5;border:1px solid #3157d5;border-radius:6px;padding:12px;font-size:11px;font-weight:700}.paywall-actions a{color:#3157d5;background:#fff}.paywall>small{color:#8893a5;font-size:9px}.export-modal{width:min(850px,100%);max-height:90vh;padding:30px;overflow:auto}.export-tabs{border-bottom:1px solid #dce1eb;margin:13px 0 22px;display:flex}.export-tabs button{color:#68758a;background:0 0;border:0;padding:10px 18px;font-size:11px}.export-tabs button.active{color:#3157d5;border-bottom:2px solid #3157d5}.export-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.export-grid article{border:1px solid #dce1eb;border-radius:9px;padding:20px;position:relative}.export-grid h3{margin:12px 0 4px}.export-grid p,.code-panel p{color:#718096;font-size:10px;line-height:1.5}.export-grid button,.code-panel button{color:#fff;background:#172033;border:0;border-radius:6px;padding:9px 12px;font-size:10px;font-weight:700}.export-icon{color:#3157d5;background:#edf1fd;border-radius:7px;place-items:center;width:31px;height:31px;font-weight:800;display:grid}.check-row{color:#68758a;gap:6px;margin:9px 0;font-size:9px;display:flex}.code-panel textarea{resize:none;color:#dce5ff;background:#101725;border:1px solid #dce1eb;border-radius:7px;width:100%;height:290px;margin:8px 0;padding:15px;font:10px/1.55 monospace}.export-message{color:#26735b;background:#edf8f4;border-radius:6px;padding:10px;font-size:10px}.builder-loading{color:#3157d5;place-items:center;height:100vh;display:grid}.logo>span{background:#3157d5}.selection-overlay{box-sizing:border-box;background:#ffffff29;border:1px solid #fffffffa;box-shadow:0 18px 60px #2d3a5814}.row-outline{align-items:stretch}.cell-outline{gap:2px;height:100%;padding:2px}.block-hitbox{background:#ffffff52;border:1px solid #fffffffa;flex:none;box-shadow:0 0 0 1px #2330470f,0 2px 7px #2330470d}.block-hitbox.fills-row{min-height:100%}.block-hitbox:hover,.block-hitbox.selected{background:#3157d512;border-color:#3157d5;box-shadow:0 0 0 1px #3157d52e}.block-hitbox span{color:#3157d5;cursor:grab;background:#fff;border:1px solid #dce3f4;align-items:center;gap:4px;display:inline-flex;box-shadow:0 2px 7px #2330471a}.block-hitbox span i{color:#7486bd;font-size:9px;font-style:normal;line-height:1}.block-hitbox:active span{cursor:grabbing}.canvas-stage{padding:34px 24px}.selection-overlay{top:34px}.row-outline{background:#ffffff1f;border:1px solid #fffffffa;outline:1px solid #23304714;position:relative}.row-outline+.row-outline{margin-top:20px}.row-label{z-index:4;color:#3157d5;letter-spacing:.08em;text-transform:uppercase;cursor:grab;background:#fff;border:1px solid #dce3f4;border-radius:4px 4px 0 0;align-items:center;gap:5px;height:19px;padding:2px 4px 2px 6px;font-size:7px;font-weight:800;display:inline-flex;position:absolute;top:-19px;left:-1px;box-shadow:0 2px 7px #2330471a}.row-label i{color:#7486bd;font-size:9px;font-style:normal}.row-label button,.block-hitbox span button{color:#a14c55;cursor:pointer;background:0 0;border:0;place-items:center;width:16px;height:14px;padding:0;font-size:9px;display:grid}.block-hitbox span{right:3px}.block-hitbox span button{border-left:1px solid #e5e8ef;margin-left:2px}.rows-overview{padding-top:6px}.rows-overview>section{background:#f8f9fc;border:1px solid #dce1eb;border-radius:8px;margin-bottom:10px;overflow:hidden}.rows-overview>section>header{background:#fff;border-bottom:1px solid #e5e8ef;justify-content:space-between;align-items:center;padding:8px 9px;display:flex}.rows-overview>section>header b{color:#3157d5;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:5px;font-size:9px;display:flex}.rows-overview>section>header b i{color:#7486bd;font-style:normal}.rows-overview>section>header button{color:#a14c55;background:0 0;border:0;font-size:10px}.overview-cells{grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:6px;padding:8px;display:grid}.overview-cells>div{background:#fff;border:1px solid #e1e5ed;border-radius:6px;min-width:0;padding:6px}.overview-cells small{color:#8a95a7;text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px;font-size:7px;display:block}.overview-cells button{color:#536078;text-transform:capitalize;background:#f8f9fc;border:1px solid #e4e7ed;border-radius:4px;align-items:center;gap:4px;width:100%;margin-top:3px;padding:5px;font-size:8px;display:flex}.overview-cells button>i{color:#8190b5;font-style:normal}.overview-cells button>span{color:#a14c55;margin-left:auto}.overview-cells em{color:#9aa3b2;padding:6px 0;font-size:8px;display:block}.overview-block{color:#536078;text-transform:capitalize;cursor:pointer;background:#f8f9fc;border:1px solid #e4e7ed;border-radius:4px;align-items:center;gap:4px;width:100%;margin-top:3px;padding:5px;font-size:8px;display:flex}.overview-block>i{color:#8190b5;font-style:normal}.overview-block>button{color:#a14c55;background:0 0;border:0;margin-left:auto;padding:0}.selection-overlay,.row-outline,.cell-outline{pointer-events:none}.block-hitbox,.row-label,.block-hitbox>span,.selection-overlay.drag-active .row-outline,.selection-overlay.drag-active .cell-outline,.selection-overlay.drag-active .block-hitbox{pointer-events:auto}.selection-overlay.drag-active .cell-outline{background:#3157d506}.signature-preview [data-signature-block]{border-radius:2px;transition:outline-color .15s,background .15s}.signature-preview [data-signature-block]:hover{outline-offset:2px;background:#3157d509;outline:2px solid #3157d57a}.block-library>button[draggable=true]{cursor:grab}.block-library>button[draggable=true]:active{cursor:grabbing}.canvas-dropdown{border-top:1px solid #e3e7ee;margin-top:18px;padding-top:10px}.canvas-dropdown-toggle{color:#3157d5;background:#f4f6fb;border:0;border-radius:7px;justify-content:space-between;align-items:center;width:100%;padding:10px 11px;display:flex}.canvas-dropdown-toggle span{letter-spacing:.15em;font-size:9px;font-weight:800}.canvas-dropdown-toggle i{font-size:15px;font-style:normal}.canvas-dropdown .canvas-controls{border-top:0;margin-top:0;padding-top:14px}.block-hitbox{transition:opacity .16s,transform .16s,box-shadow .16s,background-color .16s}.block-hitbox.drag-source{opacity:.22;box-shadow:none;background:#fff3;border-style:dashed;transform:scale(.985)}.block-hitbox.drag-source>span{opacity:.45}.cell-outline.drop-target{background:#3157d50b;border-radius:5px;box-shadow:inset 0 0 0 1px #3157d524}.drop-preview{color:#3157d5;background:#3157d51a;border:2px dashed #3157d5ad;border-radius:5px;flex:none;justify-content:center;align-items:center;min-height:18px;transition:height .14s,transform .14s;animation:.14s ease-out drop-preview-in;display:flex;box-shadow:0 5px 18px #3157d51f}.drop-preview>span{letter-spacing:.08em;text-transform:uppercase;background:#ffffffd1;border-radius:4px;align-items:center;gap:7px;padding:4px 7px;font-size:8px;font-weight:800;display:flex}.drop-preview small{color:#7182ad;font-size:7px;font-weight:700}.block-drag-ghost{z-index:9999;color:#3157d5;letter-spacing:.08em;text-transform:uppercase;pointer-events:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffb8;border:1px solid #3157d58c;border-radius:7px;min-width:132px;padding:10px 14px;font-size:10px;font-weight:800;position:fixed;top:-1000px;left:-1000px;box-shadow:0 12px 30px #1c2c5533}@keyframes drop-preview-in{0%{opacity:0;transform:scaleY(.72)}to{opacity:1;transform:scaleY(1)}}.row-outline{transition:opacity .16s,transform .16s,box-shadow .16s}.row-outline.row-drag-source{opacity:.2;box-shadow:none;border-style:dashed;transform:scale(.99)}.row-drop-preview{color:#3157d5;pointer-events:none;background:#3157d51a;border:2px dashed #3157d5ad;border-radius:6px;justify-content:center;align-items:center;width:100%;min-height:48px;margin:10px 0;transition:height .14s,transform .14s;animation:.14s ease-out drop-preview-in;display:flex;box-shadow:0 7px 22px #3157d51f}.row-drop-preview>span{letter-spacing:.08em;text-transform:uppercase;background:#ffffffd6;border-radius:4px;align-items:center;gap:8px;padding:5px 8px;font-size:8px;font-weight:800;display:flex}.row-drop-preview small{color:#7182ad;font-size:7px}.theme-toggle{align-items:center;gap:7px;display:inline-flex}.theme-toggle span{font-size:15px;line-height:1}.theme-toggle b{font-size:10px}.builder-top-actions button:focus-visible,.mobile-switch button:focus-visible,.block-library>button:focus-visible,.canvas-dropdown-toggle:focus-visible{outline-offset:2px;outline:3px solid #3157d552}.builder-shell[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f1f5ff;--dark-bg:#0a1020;--dark-surface:#10182a;--dark-raised:#162138;--dark-soft:#1b2945;--dark-border:#2d3c59;--dark-text:#f1f5ff;--dark-muted:#aeb9ce;--dark-blue:#8cabff;--dark-blue-strong:#6f93ff;background:#0a1020}.builder-shell[data-theme=dark] .builder-topbar{background:#10182a;border-color:#2d3c59;box-shadow:0 8px 24px #0000002e}.builder-shell[data-theme=dark] .logo{color:#f1f5ff}.builder-shell[data-theme=dark] .logo>span{color:#071026;background:#6f93ff;box-shadow:0 7px 22px #6f93ff38}.builder-shell[data-theme=dark] .document-name input{color:#f1f5ff}.builder-shell[data-theme=dark] .document-name span{color:#aeb9ce}.builder-shell[data-theme=dark] .builder-top-actions button{color:#eaf0ff;background:#162138;border-color:#354665}.builder-shell[data-theme=dark] .builder-top-actions button:hover{background:#1b2945;border-color:#5874a8}.builder-shell[data-theme=dark] .builder-top-actions button:focus-visible,.builder-shell[data-theme=dark] .mobile-switch button:focus-visible,.builder-shell[data-theme=dark] .block-library>button:focus-visible,.builder-shell[data-theme=dark] .canvas-dropdown-toggle:focus-visible{outline-color:#8cabff}.builder-shell[data-theme=dark] .builder-top-actions .theme-toggle[aria-pressed=true]{color:#b9ceff;background:#203158;border-color:#6f93ff}.builder-shell[data-theme=dark] .builder-top-actions .export-button{color:#fff;background:#5e80ed;border-color:#6f93ff}.builder-shell[data-theme=dark] .blocks-panel,.builder-shell[data-theme=dark] .properties-panel{background:#10182a;border-color:#2d3c59}.builder-shell[data-theme=dark] .panel-intro>span,.builder-shell[data-theme=dark] .property-heading>span,.builder-shell[data-theme=dark] .row-actions>span,.builder-shell[data-theme=dark] .canvas-controls>span,.builder-shell[data-theme=dark] .test-access>span,.builder-shell[data-theme=dark] .drawer-title span,.builder-shell[data-theme=dark] .paywall>span,.builder-shell[data-theme=dark] .modal-title span{color:#8cabff}.builder-shell[data-theme=dark] .panel-intro p,.builder-shell[data-theme=dark] .block-library small,.builder-shell[data-theme=dark] .template-drawer>p,.builder-shell[data-theme=dark] .export-grid p,.builder-shell[data-theme=dark] .code-panel p,.builder-shell[data-theme=dark] .empty-properties,.builder-shell[data-theme=dark] .test-access small{color:#aeb9ce}.builder-shell[data-theme=dark] .block-library>button,.builder-shell[data-theme=dark] .row-actions button,.builder-shell[data-theme=dark] .block-quick-actions button,.builder-shell[data-theme=dark] .blank-choice{color:#eaf0ff;background:#162138;border-color:#354665}.builder-shell[data-theme=dark] .block-library>button:hover{background:#1b2945;border-color:#8cabff}.builder-shell[data-theme=dark] .block-library>button>b{color:#a9c1ff;background:#203158}.builder-shell[data-theme=dark] .block-library>button>i{color:#8cabff}.builder-shell[data-theme=dark] .row-actions,.builder-shell[data-theme=dark] .block-quick-actions,.builder-shell[data-theme=dark] .canvas-controls,.builder-shell[data-theme=dark] .canvas-dropdown{border-color:#2d3c59}.builder-shell[data-theme=dark] .canvas-panel{background:#0a1020}.builder-shell[data-theme=dark] .canvas-toolbar{color:#b8c2d6;background:#121b2f;border-color:#2d3c59}.builder-shell[data-theme=dark] .zoom-chip{color:#eaf0ff;background:#18243c;border-color:#354665}.builder-shell[data-theme=dark] .canvas-stage{background-color:#0a1020;background-image:radial-gradient(#2d3c59 1px,#0000 1px)}.builder-shell[data-theme=dark] .selection-overlay{background:#10182a33;border-color:#405271;box-shadow:0 18px 60px #0000003d}.builder-shell[data-theme=dark] .row-outline{background:#1621382e;border-color:#405271;outline-color:#263650}.builder-shell[data-theme=dark] .block-hitbox{background:#1621387a;border-color:#405271;box-shadow:0 0 0 1px #0000002e}.builder-shell[data-theme=dark] .block-hitbox:hover,.builder-shell[data-theme=dark] .block-hitbox.selected{color:#b9ceff;background:#6f93ff24;border-color:#8cabff}.builder-shell[data-theme=dark] .block-hitbox span,.builder-shell[data-theme=dark] .row-label{color:#b9ceff;background:#17233a;border-color:#405271}.builder-shell[data-theme=dark] .block-hitbox span i,.builder-shell[data-theme=dark] .row-label i{color:#8cabff}.builder-shell[data-theme=dark] .drop-hint{color:#b8c2d6;border-color:#526786}.builder-shell[data-theme=dark] .cell-outline.drop-target{background:#6f93ff14;box-shadow:inset 0 0 0 1px #8cabff47}.builder-shell[data-theme=dark] .drop-preview{color:#c9d8ff;background:#6f93ff2e;border-color:#8cabff}.builder-shell[data-theme=dark] .drop-preview>span{background:#10182ae0}.builder-shell[data-theme=dark] .drop-preview small{color:#b8c8ed}.builder-shell[data-theme=dark] .compatibility-row{color:#b8c2d6;background:#10182a;border-color:#2d3c59}.builder-shell[data-theme=dark] .compatibility-row span{color:#77d9b1}.builder-shell[data-theme=dark] .row-drop-preview{color:#c9d8ff;background:#6f93ff2e;border-color:#8cabff}.builder-shell[data-theme=dark] .row-drop-preview>span{background:#10182ae6}.builder-shell[data-theme=dark] .row-drop-preview small{color:#b8c8ed}.builder-shell[data-theme=dark] .control-field>span,.builder-shell[data-theme=dark] .upload-control>span,.builder-shell[data-theme=dark] .color-pair span{color:#b8c2d6}.builder-shell[data-theme=dark] .control-field input,.builder-shell[data-theme=dark] .control-field select,.builder-shell[data-theme=dark] .control-field textarea,.builder-shell[data-theme=dark] .test-access select{color:#f1f5ff;background:#0d1527;border-color:#405271}.builder-shell[data-theme=dark] .control-field input:focus,.builder-shell[data-theme=dark] .control-field select:focus{border-color:#8cabff;box-shadow:0 0 0 3px #8cabff2e}.builder-shell[data-theme=dark] .upload-control,.builder-shell[data-theme=dark] .test-access,.builder-shell[data-theme=dark] .canvas-dropdown-toggle{color:#a9c1ff;background:#162138;border-color:#354665}.builder-shell[data-theme=dark] .color-pair label{background:#121b2f;border-color:#354665}.builder-shell[data-theme=dark] .empty-properties b{color:#f1f5ff}.builder-shell[data-theme=dark] .rows-overview>section,.builder-shell[data-theme=dark] .overview-cells>div{background:#121b2f;border-color:#354665}.builder-shell[data-theme=dark] .rows-overview>section>header{background:#162138;border-color:#354665}.builder-shell[data-theme=dark] .overview-block{color:#e3eaff;background:#1b2945;border-color:#405271}.builder-shell[data-theme=dark] .overview-cells small,.builder-shell[data-theme=dark] .overview-cells em{color:#aeb9ce}.builder-shell[data-theme=dark] .template-drawer,.builder-shell[data-theme=dark] .paywall,.builder-shell[data-theme=dark] .export-modal{color:#f1f5ff;background:#10182a}.builder-shell[data-theme=dark] .template-choice-grid>button,.builder-shell[data-theme=dark] .export-grid article{color:#f1f5ff;background:#162138;border-color:#354665}.builder-shell[data-theme=dark] .template-choice-grid>button.selected{border-color:#8cabff}.builder-shell[data-theme=dark] .template-choice-grid>button>small,.builder-shell[data-theme=dark] .export-tabs button.active{color:#8cabff}.builder-shell[data-theme=dark] .export-tabs{border-color:#354665}.builder-shell[data-theme=dark] .export-tabs button,.builder-shell[data-theme=dark] .check-row,.builder-shell[data-theme=dark] .paywall p,.builder-shell[data-theme=dark] .paywall>small{color:#b8c2d6}.builder-shell[data-theme=dark] .export-icon{color:#a9c1ff;background:#203158}.builder-shell[data-theme=dark] .export-grid button,.builder-shell[data-theme=dark] .code-panel button,.builder-shell[data-theme=dark] .paywall-actions button{color:#fff;background:#5e80ed}.builder-shell[data-theme=dark] .paywall-actions a{color:#b9ceff;background:#162138;border-color:#6f93ff}.builder-shell[data-theme=dark] .modal-title>button,.builder-shell[data-theme=dark] .drawer-title>button,.builder-shell[data-theme=dark] .modal-close{color:#eaf0ff}.builder-shell[data-theme=dark] .mobile-switch{background:#10182a;border-color:#2d3c59}.builder-shell[data-theme=dark] .mobile-switch button{color:#aeb9ce}.builder-shell[data-theme=dark] .mobile-switch button.active{color:#8cabff;border-color:#8cabff}.builder-shell[data-theme=dark] .builder-top-actions button,.builder-shell[data-theme=dark] .block-library>button,.builder-shell[data-theme=dark] .row-actions button,.builder-shell[data-theme=dark] .block-quick-actions button,.builder-shell[data-theme=dark] .blank-choice,.builder-shell[data-theme=dark] .control-field input,.builder-shell[data-theme=dark] .control-field select,.builder-shell[data-theme=dark] .control-field textarea,.builder-shell[data-theme=dark] .test-access select,.builder-shell[data-theme=dark] .upload-control,.builder-shell[data-theme=dark] .canvas-dropdown-toggle,.builder-shell[data-theme=dark] .color-pair label,.builder-shell[data-theme=dark] .overview-block,.builder-shell[data-theme=dark] .template-choice-grid>button,.builder-shell[data-theme=dark] .export-grid article{border-color:#52698f}.builder-shell[data-theme=dark] .builder-top-actions .export-button,.builder-shell[data-theme=dark] .export-grid button,.builder-shell[data-theme=dark] .code-panel button,.builder-shell[data-theme=dark] .paywall-actions button{background:#4c6fe0}.builder-shell[data-theme=dark] .builder-top-actions .theme-toggle[aria-pressed=true],.builder-shell[data-theme=dark] .paywall-actions a{border-color:#8cabff}@media (max-width:1080px){.builder-topbar{grid-template-columns:180px 1fr 340px}.studio-workspace{grid-template-columns:230px minmax(420px,1fr) 270px}.blocks-panel,.properties-panel{padding-inline:14px}.canvas-stage{padding-inline:28px}.selection-overlay{width:calc(100% - 56px)}}@media (max-width:820px){.builder-shell{height:auto;min-height:100vh;overflow:visible}.builder-topbar{z-index:50;grid-template-columns:1fr auto;height:61px;position:sticky;top:0}.builder-topbar .logo{display:none}.document-name{justify-self:start}.document-name input{text-align:left;width:190px}.document-name span,.builder-top-actions .icon-action,.builder-top-actions>button:nth-last-of-type(2){display:none}.mobile-switch{z-index:45;background:#fff;border-bottom:1px solid #dce1eb;grid-template-columns:repeat(3,1fr);height:42px;display:grid;position:sticky;top:61px}.mobile-switch button{text-transform:capitalize;color:#758196;background:0 0;border:0;font-size:10px}.mobile-switch button.active{color:#3157d5;border-bottom:2px solid #3157d5}.studio-workspace{height:auto;display:block}.blocks-panel,.canvas-panel,.properties-panel{border:0;min-height:calc(100vh - 103px);display:none}.mobile-active{display:flex}.blocks-panel.mobile-active,.properties-panel.mobile-active{display:block}.canvas-stage{min-height:calc(100vh - 194px);padding:50px 18px}.selection-overlay{width:calc(100% - 36px);top:50px}.signature-preview{transform-origin:top;margin-bottom:-45px;transform:scale(.7)}.compatibility-row{flex-wrap:wrap;height:auto;padding:10px}.template-drawer{top:0}.export-modal{padding:22px}.export-grid,.paywall-actions{grid-template-columns:1fr}}@media (max-width:520px){.document-name input{width:145px}.builder-top-actions button{padding:8px 10px}.canvas-stage{align-items:start}.signature-preview{margin-bottom:-70px;transform:scale(.54)}.selection-overlay{transform-origin:top;margin-left:0;left:50%;transform:translate(-50%)scale(.54);width:var(--signature-width)!important;max-width:none!important}.template-choice-grid{grid-template-columns:1fr}.template-drawer{padding:22px}.paywall{padding:34px 22px}.export-modal{max-height:95vh}.modal-title h2{font-size:27px}}@media (max-width:820px){.theme-toggle b{display:none}.builder-top-actions .theme-toggle{justify-content:center;width:36px;padding:8px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}