@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600;700&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&family=Source+Sans+3:wght@400;600&family=Work+Sans:wght@400;600&family=Lora:wght@400;600&display=swap";:root{--sbb-bg: #f4f2ec;--sbb-bg-soft: #fffdf8;--sbb-panel: #fffaf0;--sbb-panel-alt: #f5f8fc;--sbb-ink: #1f2933;--sbb-muted: #52606d;--sbb-accent: #c05621;--sbb-accent-soft: #f6ad55;--sbb-line: #d9d0c2;--sbb-line-soft: #cfdae7;--sbb-success: #1f7a4f;--sbb-blue: #1665d8;--sbb-canvas-bg: #dce4ea;--sbb-input-bg: #fffcf5;--sbb-on-accent: #ffffff;--sbb-accent-strong: #8e3d16;--sbb-font-family: "Space Grotesk", "Segoe UI", sans-serif}.sbb-shell{font-family:var(--sbb-font-family);color:var(--sbb-ink);background:radial-gradient(circle at 20% 10%,var(--sbb-bg-soft) 0%,var(--sbb-bg) 54%,var(--sbb-panel) 100%);border:0;border-radius:0;padding:0;height:var(--sbb-available-height, auto);min-height:0;display:flex;flex-direction:column;overflow:hidden}.sbb-layout{display:grid;gap:14px;grid-template-columns:minmax(300px,360px) 1fr;min-height:0;height:100%;align-items:stretch;transition:grid-template-columns .2s ease}.sbb-layout.sbb-sidebar-collapsed{grid-template-columns:0 1fr}.sbb-controls{background:var(--sbb-panel);border:1px solid var(--sbb-line);border-radius:12px;padding:12px;max-height:100%;overflow:auto;display:flex;flex-direction:column;gap:10px}.sbb-controls-main{display:flex;flex-direction:column;gap:8px;min-height:0;flex:0 0 auto}.sbb-controls-top-slot{display:flex;flex-direction:column}.sbb-controls-group{border:1px solid var(--sbb-line-soft);border-radius:8px;background:var(--sbb-panel-alt);padding:6px 8px}.sbb-controls-group--primary{border:0;border-radius:0;background:transparent;padding:0}.sbb-controls-group--context{padding:0}.sbb-controls-group--command{margin-top:0}.sbb-controls-advanced{border-top:1px solid var(--sbb-line);padding-top:8px}.sbb-controls-advanced.is-collapsed{display:none}.sbb-controls h2{font-size:1rem;margin:0 0 10px;letter-spacing:.03em;text-transform:uppercase}.sbb-h3{font-size:.88rem;margin:0;letter-spacing:.02em;text-transform:uppercase}.sbb-block{border-top:1px solid var(--sbb-line);padding-top:10px;margin-top:10px}.sbb-grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sbb-field{display:flex;flex-direction:column;gap:4px}.sbb-field label{font-size:.74rem;letter-spacing:.02em;color:var(--sbb-muted)}.sbb-field input,.sbb-field select,.sbb-field textarea,.sbb-button,.sbb-readout{border:1px solid var(--sbb-line);border-radius:8px;padding:6px 8px;font:inherit;font-size:.84rem;background:var(--sbb-input-bg);color:var(--sbb-ink)}.sbb-field input[type=number],.sbb-shelf-row input[type=number]{width:7ch;min-width:7ch;max-width:9ch;flex:0 0 auto}.sbb-readout{min-height:37px;display:flex;align-items:center;color:var(--sbb-ink)}.sbb-field textarea{min-height:64px;resize:vertical}.sbb-template-export-output{min-height:120px;font-family:IBM Plex Mono,monospace;font-size:.75rem;line-height:1.35;white-space:pre}.sbb-steps,.sbb-ids{display:grid;gap:6px}.sbb-step-row,.sbb-id-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:6px;align-items:center}.sbb-id-row{grid-template-columns:1fr 1fr}.sbb-toggle{display:inline-flex;align-items:center;gap:6px;margin-right:12px;font-size:.85rem}.sbb-canvas-wrap{background:var(--sbb-panel-alt);border:1px solid var(--sbb-line);border-radius:12px;padding:10px;min-height:0;height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden}.sbb-canvas-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;color:var(--sbb-muted);font-size:.84rem}.sbb-preview-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:0}.sbb-toolbar-group{display:inline-flex;align-items:center;gap:5px;padding:2px 0;flex-wrap:wrap}.sbb-toolbar-label{font-size:.7rem;font-weight:600;color:var(--sbb-muted);letter-spacing:.02em;text-transform:uppercase;margin-right:1px}.sbb-preview-toolbar .sbb-zoom-readout{min-height:auto;padding:4px 8px;font-size:.78rem;line-height:1.2;border-radius:7px;min-width:4.5ch;justify-content:center}.sbb-main-shelf{display:flex;flex-direction:column;gap:6px;border:1px solid var(--sbb-line-soft);border-radius:8px;background:var(--sbb-panel-alt);padding:6px 8px;margin-bottom:0}.sbb-main-shelf-top{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.sbb-top-action-group{display:inline-flex;align-items:center;gap:6px;flex-wrap:nowrap;white-space:nowrap}.sbb-top-action-label{font-size:.72rem;color:var(--sbb-muted);font-weight:600}.sbb-template-select{border:1px solid var(--sbb-line);border-radius:7px;padding:4px 7px;background:var(--sbb-input-bg);color:var(--sbb-ink);font:inherit;font-size:.76rem;min-width:180px;max-width:280px}.sbb-settings-menu{border:1px solid var(--sbb-line-soft);border-radius:8px;background:var(--sbb-bg-soft)}.sbb-settings-menu>summary{cursor:pointer;list-style:none;font-size:.78rem;font-weight:600;color:var(--sbb-ink);padding:5px 8px}.sbb-settings-menu>summary::-webkit-details-marker{display:none}.sbb-settings-menu>summary:before{content:"\25b8";margin-right:6px;color:var(--sbb-muted)}.sbb-settings-menu[open]>summary:before{content:"\25be"}.sbb-settings-panel{display:flex;flex-wrap:wrap;gap:6px;align-items:end;padding:0 8px 8px}.sbb-controls-group--layers{padding:4px 6px}.sbb-layers-menu{background:var(--sbb-bg-soft)}.sbb-layers-menu>summary{font-size:.76rem;padding:4px 6px}.sbb-layers-panel{display:flex;flex-direction:column;gap:6px;padding:0 6px 6px}.sbb-layer-toolbar{display:flex;gap:6px;align-items:center;justify-content:space-between;flex-wrap:wrap}.sbb-layer-toolbar-actions{display:inline-flex;gap:4px;align-items:center;flex-wrap:wrap}.sbb-layer-stack{display:flex;flex-direction:column;gap:4px}.sbb-layer-item{border:1px solid var(--sbb-line-soft);border-radius:7px;background:#ffffffa8;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px;padding:4px 6px}.sbb-layer-item.is-active{border-color:var(--sbb-blue);box-shadow:inset 0 0 0 1px #1665d847}.sbb-layer-item.is-hidden .sbb-layer-label{opacity:.6;text-decoration:line-through}.sbb-layer-item.is-dragging{opacity:.6}.sbb-layer-item.drop-before{box-shadow:inset 0 2px 0 0 var(--sbb-blue)}.sbb-layer-item.drop-after{box-shadow:inset 0 -2px 0 0 var(--sbb-blue)}.sbb-layer-grip{font-size:.64rem;color:var(--sbb-muted);cursor:grab;-webkit-user-select:none;user-select:none;letter-spacing:-1px}.sbb-layer-grip.is-static{cursor:default;letter-spacing:0}.sbb-layer-main{-webkit-appearance:none;appearance:none;border:0;background:transparent;text-align:left;padding:0;margin:0;color:var(--sbb-ink);display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;cursor:pointer}.sbb-layer-label{font-size:.74rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sbb-layer-z{font-size:.68rem;color:var(--sbb-muted)}.sbb-layer-toggle{display:inline-flex;align-items:center;gap:4px;font-size:.68rem;color:var(--sbb-muted)}.sbb-layer-toggle input[type=checkbox]{margin:0}.sbb-main-shelf .sbb-shelf-field{min-width:114px;max-width:170px;gap:0}.sbb-settings-panel .sbb-shelf-field label{display:none}.sbb-settings-panel .sbb-shelf-field select,.sbb-settings-panel .sbb-shelf-field input:not([type=checkbox]){font-size:.76rem;padding:4px 6px}.sbb-settings-panel .sbb-shelf-field.sbb-inline-number{min-width:90px;max-width:110px;gap:2px}.sbb-settings-panel .sbb-shelf-field.sbb-inline-number label{display:block;font-size:.64rem;line-height:1.1;color:var(--sbb-muted)}.sbb-settings-panel .sbb-shelf-field.sbb-inline-number input[type=number]{width:100%;min-width:0}.sbb-main-shelf-actions{display:flex;gap:6px;margin-left:auto}.sbb-selection-shelf{border:1px solid var(--sbb-line-soft);border-radius:8px;background:var(--sbb-panel-alt);padding:6px 8px;margin-bottom:0;min-height:40px;display:flex;align-items:center}.sbb-shelf-note{font-size:.76rem;color:var(--sbb-muted)}.sbb-shelf-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;width:100%}.sbb-shelf-row label{font-size:.72rem;color:var(--sbb-muted)}.sbb-shelf-row input:not([type=checkbox]),.sbb-shelf-row select{border:1px solid var(--sbb-line);border-radius:6px;padding:3px 5px;background:var(--sbb-input-bg);color:var(--sbb-ink);font-size:.76rem;min-width:66px}.sbb-shelf-row input[type=checkbox]{width:13px;height:13px;min-width:13px;margin:0;padding:0;accent-color:var(--sbb-blue);border-radius:3px;flex:0 0 auto}.sbb-shelf-toggle{display:inline-flex;align-items:center;gap:4px;margin:0 0 0 2px;padding:0;font-size:.72rem;color:var(--sbb-muted);line-height:1}.sbb-canvas{width:100%;height:auto;min-height:280px;flex:1 1 auto;border:1px solid var(--sbb-line);border-radius:8px;background:var(--sbb-canvas-bg);display:block;touch-action:none}.sbb-inline-text-editor{position:absolute;display:none;z-index:12;border:1px dashed rgba(22,101,216,.78);border-radius:2px;background:#ffffffeb;color:var(--sbb-ink);padding:0;resize:both;min-width:0;min-height:0;box-shadow:none;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;box-sizing:border-box}.sbb-image-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:44}.sbb-image-picker-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#141e2d5c}.sbb-image-picker-card{position:fixed;left:50%;top:50%;width:min(500px,calc(100vw - 28px));max-height:calc(100vh - 28px);transform:translate(-50%,-50%);border:1px solid var(--sbb-line);border-radius:10px;background:var(--sbb-bg-soft);color:var(--sbb-ink);box-shadow:0 14px 42px #141e2d47;padding:11px;display:flex;flex-direction:column;gap:8px;overflow:auto}.sbb-image-picker-title{font-size:.88rem;font-weight:600}.sbb-image-picker-modes{display:inline-flex;gap:6px;flex-wrap:wrap}.sbb-image-picker-modes .sbb-button.active{border-color:var(--sbb-blue);color:var(--sbb-blue);box-shadow:inset 0 0 0 1px #1665d84d}.sbb-image-picker-panel{display:flex;flex-direction:column;gap:6px}.sbb-image-picker-url-row{display:flex;gap:6px;flex-wrap:wrap}.sbb-image-picker-url-row input{flex:1 1 220px;min-width:0;border:1px solid var(--sbb-line);border-radius:8px;padding:5px 7px;background:var(--sbb-input-bg);color:var(--sbb-ink);font:inherit;font-size:.82rem}.sbb-image-picker-note{margin:0;font-size:.72rem;color:var(--sbb-muted)}.sbb-image-picker-preview-wrap{border:1px dashed var(--sbb-line-soft);border-radius:8px;min-height:156px;background:#ffffff9e;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:8px}.sbb-image-picker-preview{max-width:100%;max-height:232px;display:block;object-fit:contain}.sbb-image-picker-preview-empty{font-size:.75rem;color:var(--sbb-muted);text-align:center}.sbb-image-picker-status{min-height:1.2em;font-size:.74rem;color:var(--sbb-muted)}.sbb-image-picker-status.is-error{color:#9f1239}.sbb-image-picker-actions{display:flex;justify-content:flex-end;gap:6px}.sbb-guide-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:58}.sbb-guide-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#141e2d5c}.sbb-guide-overlay.is-spotlight-active .sbb-guide-backdrop{background:transparent}.sbb-guide-spotlight{position:fixed;display:none;pointer-events:none;border-radius:10px;border:2px solid rgba(255,255,255,.92);box-shadow:0 0 0 9999px #141e2d94,0 0 0 1px #1665d8d1,0 0 18px #1665d86b;z-index:58;animation:sbb-guide-spotlight-pulse 1.35s infinite ease-in-out}.sbb-guide-card{position:fixed;width:min(360px,calc(100vw - 24px));border:1px solid var(--sbb-line);border-radius:10px;background:var(--sbb-bg-soft);color:var(--sbb-ink);box-shadow:0 12px 40px #141e2d42;padding:10px 11px;z-index:59}.sbb-guide-meta{font-size:.72rem;color:var(--sbb-muted);letter-spacing:.02em}.sbb-guide-title{margin:4px 0 5px;font-size:.9rem;line-height:1.25}.sbb-guide-body{margin:0;font-size:.8rem;line-height:1.38;color:var(--sbb-muted)}.sbb-guide-body p{margin:7px 0 0}.sbb-guide-mini{position:relative;width:100%;height:72px;border:1px dashed var(--sbb-line-soft);border-radius:8px;background:#ffffff8f;overflow:hidden}.sbb-guide-mini-tag{position:absolute;width:22px;height:22px;top:25px;left:22px;background:#111827;border-radius:2px}.sbb-guide-mini-tag:before,.sbb-guide-mini-tag:after{content:"";position:absolute;background:#fff}.sbb-guide-mini-tag:before{width:7px;height:7px;left:4px;top:4px}.sbb-guide-mini-tag:after{width:7px;height:7px;right:4px;bottom:4px}.sbb-guide-mini-dot{position:absolute;width:10px;height:10px;left:88px;top:31px;border-radius:50%;background:#1665d8;box-shadow:0 0 #1665d894;animation:sbb-guide-dot-pulse 1.15s infinite ease-out}.sbb-guide-mini-cursor{position:absolute;width:12px;height:12px;left:56px;top:28px;border-right:2px solid #0f172a;border-bottom:2px solid #0f172a;transform:rotate(-45deg);animation:sbb-guide-cursor-tap 1.15s infinite ease-in-out}@keyframes sbb-guide-dot-pulse{0%{transform:scale(1);box-shadow:0 0 #1665d894}70%{transform:scale(1.14);box-shadow:0 0 0 10px #1665d800}to{transform:scale(1);box-shadow:0 0 #1665d800}}@keyframes sbb-guide-cursor-tap{0%,35%,to{transform:translate(0) rotate(-45deg);opacity:.9}55%{transform:translate(9px) rotate(-45deg);opacity:1}}@keyframes sbb-guide-spotlight-pulse{0%,to{box-shadow:0 0 0 9999px #141e2d94,0 0 0 1px #1665d8d1,0 0 16px #1665d85c}50%{box-shadow:0 0 0 9999px #141e2d9e,0 0 0 2px #1665d8f2,0 0 26px #1665d885}}.sbb-guide-actions{margin-top:9px;display:flex;gap:6px;justify-content:flex-end}.sbb-guide-highlight{position:relative;z-index:55;box-shadow:0 0 0 2px #1665d8e6,0 0 0 6px #1665d838;border-radius:8px}.sbb-command-output{margin-top:0;display:flex;flex-direction:column;gap:5px}.sbb-command-output-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.sbb-command-output-label{font-size:.74rem;letter-spacing:.02em;color:var(--sbb-muted)}.sbb-command-output-controls{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;color:var(--sbb-muted)}.sbb-command-output-controls select{border:1px solid var(--sbb-line);border-radius:6px;padding:2px 5px;background:var(--sbb-input-bg);color:var(--sbb-ink);font-size:.72rem}.sbb-command-output-text{border:1px solid var(--sbb-line);border-radius:8px;padding:7px 9px;background:var(--sbb-input-bg);color:var(--sbb-ink);font-family:IBM Plex Mono,monospace;font-size:.74rem;line-height:1.35;min-height:58px;resize:vertical;overflow:auto;white-space:pre}.sbb-used-tags-wrap{display:flex;flex-direction:column;gap:4px;margin-top:2px}.sbb-used-tags-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.sbb-used-tags-actions{display:inline-flex;align-items:center;gap:4px}.sbb-used-tags-text{min-height:72px}.sbb-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.sbb-actions.small{margin-top:8px}.sbb-button{cursor:pointer;font-weight:600}.sbb-shell button.sbb-button,.sbb-shell .sbb-button{appearance:none;-webkit-appearance:none;width:auto!important;min-width:0!important;max-width:none!important;display:inline-flex!important;align-items:center;justify-content:center;white-space:nowrap;text-transform:none!important;letter-spacing:normal!important;box-sizing:border-box;line-height:1.2;margin:0;vertical-align:middle;flex:0 0 auto}.sbb-button:hover{border-color:var(--sbb-accent)}.sbb-button.active{border-color:var(--sbb-blue);color:var(--sbb-blue);box-shadow:inset 0 0 0 1px #1665d84d}.sbb-button.primary{background:var(--sbb-input-bg);color:var(--sbb-ink);border-color:var(--sbb-line)}.sbb-shell .sbb-button.primary,.sbb-shell button.sbb-button.primary{background:var(--sbb-input-bg)!important;color:var(--sbb-ink)!important;border-color:var(--sbb-line)!important}.sbb-shell .sbb-button.primary:disabled,.sbb-shell button.sbb-button.primary:disabled{background:#e4e8ee!important;color:#1f29338c!important;border-color:#c5ceda!important;opacity:1}.sbb-button.secondary{background:var(--sbb-panel)}.sbb-button.small{padding:4px 7px;font-size:.76rem}.sbb-button.xs{padding:3px 6px;font-size:.72rem}.sbb-info-toggle{display:inline-flex;align-items:center;gap:4px}.sbb-note{font-size:.78rem;color:var(--sbb-muted);margin-top:7px}.sbb-status{font-family:IBM Plex Mono,monospace;font-size:.78rem;color:var(--sbb-success);min-height:1.2em}.sbb-inspector{border:1px solid var(--sbb-line);border-radius:10px;padding:10px;background:var(--sbb-input-bg)}.sbb-inspector-title{font-size:.86rem;font-weight:600;margin-bottom:6px;color:var(--sbb-ink)}.sbb-inspector-code{font-family:IBM Plex Mono,monospace;font-size:.82rem;margin-bottom:8px;color:var(--sbb-ink)}.sbb-layer-list{display:grid;gap:6px;margin-bottom:10px}.sbb-layer-row{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--sbb-line);background:var(--sbb-bg-soft);border-radius:8px;padding:6px 8px;font-size:.8rem;cursor:pointer}.sbb-layer-row.active{border-color:var(--sbb-blue);box-shadow:inset 0 0 0 1px #1665d84d;color:var(--sbb-blue)}@media(max-width:980px){.sbb-layout,.sbb-layout.sbb-sidebar-collapsed{grid-template-columns:1fr}.sbb-controls{max-height:none}.sbb-canvas{min-height:52vh}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/scale-bar-builder.css.map */