:root{--ink:#171b18;--paper:#fffaf0;--card:#fff;--line:#1d221f;--blue:#3569df;--green:#087a4c;--muted:#626a65;--shadow:8px 8px 0 #171b18}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.sb-shell{width:min(1480px,calc(100% - 40px));margin-inline:auto}
.sb-nav{display:flex;align-items:center;justify-content:space-between;min-height:72px}
.sb-nav nav{display:flex;align-items:center;gap:22px}
.sb-nav a{color:inherit;font-weight:750;text-decoration:none}
.sb-intro{padding:54px 0 30px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.7fr);gap:44px;align-items:end}
.sb-eyebrow,.sb-section-title,.sb-label{margin:0 0 8px;font-size:.76rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.sb-intro h1{margin:0;font-size:clamp(2.8rem,7vw,6.8rem);line-height:.86;letter-spacing:-.07em;max-width:1050px}
.sb-intro>p:last-child{margin:0 0 6px;font-size:1.08rem;line-height:1.55;color:#4f5852;max-width:560px}
.sb-editor-intro{display:block;padding:34px 0 24px}.sb-editor-intro h1{max-width:1050px;font-size:clamp(2.7rem,6vw,5.6rem);line-height:.92;margin:0 0 18px}.sb-editor-intro>p:last-child{max-width:720px;margin:0}
[data-small-business-app]{min-height:900px}
.sb-app{display:grid;gap:18px;padding-bottom:70px}
.sb-topbar,.sb-card,.sb-control-card{background:var(--card);border:2px solid var(--line);box-shadow:var(--shadow)}
.sb-topbar{display:grid;grid-template-columns:minmax(220px,1.5fr) repeat(3,minmax(150px,.6fr)) repeat(3,auto);gap:12px;padding:14px;align-items:end}
.sb-kit-strip{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;min-height:124px;padding:14px 16px;background:#fff;border:2px solid var(--line)}
.sb-kit-strip[hidden]{display:none}.sb-kit-strip p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.45}.sb-kit-strip strong{display:block;color:var(--ink);font-size:1rem}.sb-kit-tools{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.sb-kit-tools button{border:1px solid var(--line);background:#fff;padding:6px 9px;font-size:.78rem;font-weight:750}.sb-kit-tools button.is-active{background:#dce6ff;border-color:#3569df}.sb-kit-strip .sb-actions{display:flex;white-space:nowrap}
.sb-control{display:grid;gap:6px;min-width:0}
.sb-control label{font-size:.76rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.sb-control input,.sb-control select,.sb-control textarea{width:100%;min-width:0;border:2px solid #252a27;background:#fff;padding:10px 12px;color:#141714}
.sb-control textarea{min-height:88px;resize:vertical;line-height:1.4}
.sb-control small{color:var(--muted);font-size:.78rem;line-height:1.35}
.sb-btn{border:2px solid var(--line);background:#fff;color:var(--ink);font-weight:850;padding:10px 14px;min-height:44px}
.sb-btn-primary{background:var(--blue);color:#fff;border-color:var(--blue)}
.sb-btn-danger{color:#9b1d20}
.sb-workspace{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:18px;align-items:start}
.sb-canvas-card{min-width:0;position:sticky;top:86px}
.sb-canvas-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:2px solid var(--line);background:#fff}
.sb-canvas-head p{margin:0;color:var(--muted);font-size:.88rem}
.sb-canvas-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.sb-canvas-tools label{font-size:.74rem;font-weight:850;text-transform:uppercase}
.sb-canvas-tools input[type=range]{width:120px}
.sb-preview{padding:24px;min-height:760px;background-color:#e7e7e2;background-image:linear-gradient(45deg,#d6d6d0 25%,transparent 25%),linear-gradient(-45deg,#d6d6d0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d6d6d0 75%),linear-gradient(-45deg,transparent 75%,#d6d6d0 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;overflow:auto}
.sb-pages{display:grid;justify-items:center;gap:24px;transform-origin:top center}
.sb-page{width:min(100%,760px);background:#fff;position:relative;container-type:inline-size;overflow:hidden;box-shadow:0 12px 34px rgba(0,0,0,.22)}
.sb-node{position:absolute;display:flex;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere}
.sb-node-text{align-items:flex-start}
.sb-node-qr{padding:.8%;align-items:center;justify-content:center}
.sb-node-qr canvas,.sb-node-qr img{display:block;width:100%!important;height:100%!important}
.sb-node.is-selected{outline:3px dashed #2e61ff;outline-offset:2px;z-index:20}
.sb-node.is-draggable{cursor:grab;touch-action:none;user-select:none}
.sb-node.is-draggable.is-dragging{cursor:grabbing}
.sb-side{display:grid;gap:18px}
.sb-control-card{padding:18px}
.sb-control-card h2{margin:0 0 14px;font-size:1.15rem}
.sb-profile-grid,.sb-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sb-field-grid .sb-control-wide,.sb-profile-grid .sb-control-wide{grid-column:1/-1}
.sb-checkbox{display:flex;align-items:flex-start;gap:10px;margin-top:12px;font-size:.9rem;line-height:1.35}
.sb-checkbox input{width:20px;height:20px;margin:0;flex:0 0 auto}
.sb-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sb-status{margin:12px 0 0;min-height:1.4em;font-size:.86rem;line-height:1.45;color:var(--muted)}
.sb-status[data-tone=error]{color:#a41e24;font-weight:700}.sb-status[data-tone=success]{color:var(--green);font-weight:700}
.sb-issues{margin:0;padding-left:20px;color:#9c1d22;font-size:.88rem;line-height:1.45}
.sb-layer-panel[hidden]{display:none}
.sb-layer-panel [hidden]{display:none!important}
.sb-layer-sliders{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sb-layer-copy{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:12px;align-items:end;margin:12px 0}
.sb-layer-copy textarea{min-height:76px;resize:vertical}
.sb-color-control{display:grid;gap:7px;font-weight:800}
.sb-color-control input[type="color"]{width:100%;min-height:46px;padding:4px;border:2px solid var(--ink);background:#fff}
.sb-optional{display:inline-block;margin-left:7px;padding:3px 7px;border:1px solid var(--ink);border-radius:999px;font:800 .68rem/1 Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;vertical-align:middle}
.sb-back-fields{display:grid;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid #b8b6ad}
.sb-layer-sliders label{display:grid;gap:4px;font-size:.76rem;font-weight:800;text-transform:uppercase}
.sb-layer-sliders input{width:100%}
.sb-project-list{display:grid;gap:8px;max-height:220px;overflow:auto}
.sb-project-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;border-top:1px solid #d7dbd8;padding-top:8px}
.sb-project-row button:first-child{text-align:left;background:transparent;border:0;padding:0;font-weight:750}.sb-project-row small{display:block;color:var(--muted);font-weight:400;margin-top:3px}
.sb-empty{margin:0;color:var(--muted);font-size:.9rem}
.sb-download-note{margin:10px 0 0;color:var(--muted);font-size:.78rem;line-height:1.4}
.sb-sheet-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.sb-sheet-options [hidden]{display:none}.sb-sheet-options .sb-control{grid-column:1/-1}.sb-sheet-options .sb-control>span{font-size:.76rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.sb-sheet-options .sb-checkbox{margin-top:0;border:1px solid #d4d9d5;padding:10px;background:#fff}
.sb-file-input{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media(max-width:1050px){.sb-topbar{grid-template-columns:1fr 1fr}.sb-topbar>.sb-control:first-child{grid-column:1/-1}.sb-workspace{grid-template-columns:1fr}.sb-canvas-card{position:static}.sb-side{grid-template-columns:1fr 1fr}.sb-preview{min-height:580px}}
@media(max-width:700px){.sb-shell{width:min(100% - 24px,1480px)}.sb-nav{min-height:62px}.sb-nav nav>a:not(.nav-pill){display:none}.sb-intro{grid-template-columns:1fr;padding-top:32px;gap:20px}.sb-intro h1{font-size:clamp(2.6rem,15vw,4.4rem)}.sb-topbar,.sb-profile-grid,.sb-field-grid,.sb-side,.sb-kit-strip{grid-template-columns:1fr}.sb-topbar>.sb-control:first-child{grid-column:auto}.sb-control-wide{grid-column:auto!important}.sb-preview{padding:12px;min-height:420px}.sb-canvas-head{align-items:flex-start;flex-direction:column}.sb-canvas-tools{justify-content:flex-start}.sb-actions{grid-template-columns:1fr}.sb-layer-sliders{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@media print{body>*:not(.sb-print-root){display:none!important}}