/* An in-place visual editor, with one save path and a canvas that matches the product. */
.studio-shell{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh}.studio-main{min-width:0;margin-left:0;background:#f5f6fa}.studio-content{max-width:none;padding:22px;margin:0}.studio-sidebar{width:100%;padding:22px 14px}.studio-nav-item{font-size:14px;min-height:44px}.studio-org-name{font-size:14px}.studio-topbar{padding:0 22px}.studio-topbar strong{font-size:14px}.studio-content .panel-header h1{font-size:30px}.studio-content .panel-header p{font-size:15px;line-height:1.6}.studio-sidebar .studio-brand strong{font-size:17px}.studio-sidebar .studio-brand small,.studio-sidebar .org-chip small{font-size:12px}.studio-content .notice,.studio-content .form-card p{font-size:14px}
#panel-dashboard>:not(#space-builder){display:none!important}#space-builder{color:#252936;font:14px/1.5 Inter,ui-sans-serif,system-ui,sans-serif}#space-builder *{box-sizing:border-box}#space-builder h1,#space-builder h2,#space-builder h3,#space-builder p{margin:0}#space-builder button,#space-builder input,#space-builder select{font:inherit}#space-builder button{cursor:pointer}#space-builder button:disabled{cursor:not-allowed}#space-builder [hidden]{display:none!important}.sb-header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.sb-eyebrow{font-size:11px;color:#727989;font-weight:700;letter-spacing:.1em}.sb-header h1{font-size:30px;font-weight:750;letter-spacing:-.8px}.sb-header p{font-size:14px;color:#727989;margin-top:3px!important}.sb-header-actions{display:flex;gap:9px;align-items:center}.sb-header-actions>button{border:1px solid #d9dde8;background:white;border-radius:9px;padding:9px 12px;color:#363b4b;min-height:42px;font-weight:650}.sb-button{display:inline-flex;justify-content:center;align-items:center;border:1px solid #d9dde8;background:white;border-radius:9px;padding:10px 15px;min-height:42px;color:#363b4b;font-weight:650!important}.sb-header .sb-primary,.sb-primary{color:white;background:#25354f;border-color:#25354f;box-shadow:0 3px 0 #0a1221,0 5px 12px #1a294620}.sb-statusbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 14px;border:1px solid #dce2ee;background:#fff;border-radius:10px;margin-bottom:16px}.sb-statusbar span{font-weight:600;font-size:13px}.sb-statusbar small{color:#6c7484;font-size:12px}.sb-statusbar [data-kind=success]{color:#137453}.sb-statusbar [data-kind=error]{color:#ae243b}.sb-body{display:grid;grid-template-columns:300px minmax(0,1fr);border:1px solid #dce2ee;border-radius:14px;overflow:hidden;background:#fff;min-height:740px}.sb-library{background:#fff;border-right:1px solid #e1e5ed;min-width:0}.sb-tabs{display:grid;grid-template-columns:1fr 1.2fr;gap:4px;padding:12px;border-bottom:1px solid #e6e9f0;position:sticky;top:0;background:#fff;z-index:2}.sb-tabs button{border:0;background:#f5f6f9;color:#697182;padding:9px 7px;border-radius:7px;font-size:13px!important;font-weight:650;min-height:39px}.sb-tabs button[aria-selected=true]{background:#edf2ff;color:#2455b1;box-shadow:inset 0 0 0 1px #c3d5ff,0 2px 0 #c8d6f6}#sb-controls{padding:18px;max-height:calc(100vh - 265px);min-height:540px;overflow:auto;scrollbar-width:thin}.sb-section-intro{margin-bottom:18px}.sb-section-intro h2{font-size:17px;letter-spacing:-.3px}.sb-section-intro p{font-size:13px;color:#707889;line-height:1.6;margin-top:6px!important}.sb-search{display:flex;align-items:center;gap:8px;border:1px solid #d9dee9;border-radius:8px;padding:8px 10px;margin-bottom:14px}.sb-search svg{color:#838c9f}.sb-search input{border:0;width:100%;min-width:0;background:transparent;color:#2c3242;outline:0;padding:2px}.sb-catalog-item{display:grid;grid-template-columns:34px minmax(0,1fr) 32px;gap:9px;align-items:center;padding:12px 0;border-bottom:1px solid #eef0f5}.sb-catalog-item[draggable=true]{cursor:grab}.sb-catalog-icon{width:34px;height:38px;border:1px solid #dfe5f1;border-radius:8px;background:#f4f7ff;display:grid;place-items:center;color:#5277b9}.sb-catalog-item strong,.sb-catalog-item small{display:block}.sb-catalog-item strong{font-size:13px}.sb-catalog-item small{font-size:12px;color:#788192;line-height:1.4;margin-top:4px}.sb-catalog-item button{border:1px solid #dae1ee;color:#3a61a2;background:white;border-radius:7px;font-weight:600;min-width:32px;height:34px}.sb-catalog-item.is-added button{border-color:transparent;background:#eef5f1;color:#307354;opacity:1}.sb-catalog-item.is-added .sb-catalog-icon{background:#f9fafc;color:#8c98ad}.sb-details{margin-top:20px;color:#596578;font-size:13px}.sb-details summary{cursor:pointer;font-weight:650;min-height:32px}.sb-preset-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.sb-preset-list button{border:1px solid #dbe1ed;background:#f5f7fa;border-radius:7px;padding:7px 10px;font-size:12px!important}.sb-field{display:grid;gap:6px;margin-top:16px;font-size:13px;font-weight:650;color:#414b5d}.sb-field input{width:100%;border:1px solid #d7dde8;background:#fff;border-radius:8px;padding:10px;color:#2b3342;min-height:42px}.sb-field input[type=color]{height:44px;padding:4px}.sb-field input[type=range]{accent-color:#3263b7;padding:0;cursor:pointer}.sb-field>span{font-weight:400;font-size:12px;color:#7c8696}.sb-colors{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sb-subheading{font-size:14px;margin-top:25px!important;margin-bottom:12px!important}.sb-image-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sb-image-choice{border:2px solid transparent;background:#f2f5fa;overflow:hidden;border-radius:9px;padding:0;display:grid;text-align:left;position:relative}.sb-image-choice img{width:100%;height:76px;object-fit:cover}.sb-image-choice span{padding:6px;font-size:11px;line-height:1.4;color:#626d80}.sb-image-choice[aria-pressed=true]{border-color:#386cc6;background:#edf3ff}.sb-image-choice[aria-pressed=true] span{color:#2459b0;font-weight:750}.sb-image-choice.image-unavailable:before{content:'Image unavailable';position:absolute;top:20px;left:4px;font-size:11px;background:#fff8;padding:3px}.sb-help{font-size:12px;line-height:1.6;color:#7b8495;margin-top:14px!important}#sb-discover{background:#f5f7fb;border:1px solid #e1e7f1;border-radius:10px;padding:12px;margin-bottom:18px}#sb-discover .sb-field{margin-top:0}#sb-discover button{margin-top:10px;width:100%;font-size:12px}#sb-discovery-status{font-size:12px;color:#587191;margin-top:10px!important;line-height:1.5}.sb-tip{padding:16px;background:#f4f7fb;border:1px solid #e1e6ef;border-radius:10px;margin:18px 0}.sb-tip strong{font-size:13px}.sb-tip p{font-size:13px;color:#6d798c;margin-top:8px!important;line-height:1.6}.sb-fieldset{padding:0;border:0;margin:18px 0}.sb-fieldset legend{font-size:13px;font-weight:650;margin-bottom:10px}.sb-segment{display:flex;gap:8px}.sb-segment button{border:1px solid #dce2ec;background:#fff;border-radius:8px;padding:10px}.sb-segment button[aria-pressed=true]{background:#eaf1ff;border-color:#91b2ee;color:#2d5fae}.sb-empty{padding:20px 0;color:#768296}.sb-version{border:1px solid #e0e6f0;padding:16px;border-radius:10px;margin-bottom:12px}.sb-version p{font-size:12px;color:#778193;margin:7px 0!important}.sb-version button{border:1px solid #dce2ec;background:#f4f7fb;border-radius:6px;padding:7px 10px;font-size:12px}.sb-stage{min-width:0;background:#eef1f7;display:flex;flex-direction:column}.sb-previewbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;background:#f9fafc;border-bottom:1px solid #dce2ee}.sb-previewbar strong,.sb-previewbar small{display:block}.sb-previewbar strong{font-size:13px}.sb-previewbar small{font-size:11px;color:#798294;margin-top:2px}.sb-devices{display:flex;gap:3px}.sb-devices button{background:white;border:1px solid #dce2ed;border-radius:6px;font-size:12px!important;padding:6px 9px;color:#788397}.sb-devices button[aria-pressed=true]{background:#283950;color:white;border-color:#283950}.sb-preview-scroll{padding:20px;overflow:auto;max-height:calc(100vh - 280px);min-height:645px;scrollbar-width:thin}#sb-preview{width:100%;max-width:100%;margin:0 auto;transition:max-width 180ms ease}#sb-preview[data-device=tablet]{max-width:768px}#sb-preview[data-device=mobile]{max-width:390px}#sb-preview .wx-demo-strip,#sb-preview .wx-footer,#sb-preview .wx-drawer{display:none}#sb-preview .wx-canvas{gap:18px}#sb-preview .wx-slot{border:1px solid #cfd8e9;border-radius:12px;background:#fff;position:relative;box-shadow:0 2px 6px #23315009;container-type:inline-size}#sb-preview .wx-slot:hover{border-color:#719ae0}#sb-preview .sb-card-content{overflow:hidden;border-radius:0 0 11px 11px;height:calc(100% - 44px)}#sb-preview .sb-card-content>.wx-panel,#sb-preview .sb-card-content>.wx-intelligence{border:0;border-radius:0;height:100%}#sb-preview .sb-card-content>.wx-hero{border-radius:0;min-height:260px}#sb-preview .wx-hero-copy{padding:24px}#sb-preview .wx-hero h1{font-size:29px}#sb-preview .wx-panel{padding:18px}#sb-preview .wx-dashboard button{box-shadow:none}.sb-card-toolbar{display:flex;align-items:center;gap:7px;padding:6px 8px;background:#fff;border-radius:11px 11px 0 0;border-bottom:1px solid #e1e7f2;min-height:44px;flex-wrap:wrap}.sb-card-toolbar strong{font-size:11px;flex:1;min-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-card-toolbar>div{display:flex;gap:4px;align-items:center;margin-left:auto}.sb-card-toolbar button{border:1px solid #e1e7f1;background:#f8faff;border-radius:5px;color:#657690;padding:2px 6px;min-width:29px;min-height:29px;font-size:14px!important}.sb-card-toolbar select{font-size:11px!important;color:#51647f;max-width:86px;border:1px solid #e1e7f1;background:#f8faff;border-radius:5px;height:29px;padding:3px}.sb-drag-handle{font-size:22px;line-height:24px;color:#96a5bb;cursor:grab;user-select:none;padding:2px 4px;touch-action:none}.sb-drag-handle:active{cursor:grabbing}.sb-dragging .sb-card-content{pointer-events:none}.sb-drop-before:before,.sb-drop-after:after{content:'Drop here';height:22px;position:absolute;left:0;right:0;border:2px solid #3873da;background:#e6efff;color:#2555a7;border-radius:5px;font-size:11px;z-index:4;text-align:center;box-shadow:0 3px 12px #3873da30}.sb-drop-before:before{top:-12px}.sb-drop-after:after{bottom:-12px}.sb-end-drop{border:2px dashed #c4d0e4;color:#8a9bb5;border-radius:12px;padding:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;margin-top:18px;background:#f4f7fc}.sb-end-drop>span{font-size:24px;line-height:1}.sb-end-drop strong{font-size:13px;color:#677e9e}.sb-end-drop small{font-size:12px}.sb-drop-end{border-color:#386fd2;background:#e5efff}.sb-loading{padding:40px;background:#fff;border:1px solid #e0e5ee;border-radius:12px}.sb-loading p{margin:10px 0!important}.sb-loading button{border:1px solid #d8e1ef;background:#f5f8ff;border-radius:7px;padding:10px 16px}
@media(min-width:1700px){.sb-body{grid-template-columns:310px minmax(0,1fr)}}
@media(max-width:1200px){.studio-shell{grid-template-columns:200px minmax(0,1fr)}.studio-content{padding:18px}.sb-body{grid-template-columns:270px minmax(0,1fr)}.sb-preview-scroll{padding:14px}.sb-previewbar{flex-wrap:wrap}.sb-header{align-items:flex-start}.sb-header-actions{flex-wrap:wrap;justify-content:flex-end}.sb-header-actions .sb-button{font-size:12px!important}}
@media(max-width:900px){.studio-shell{display:block}.studio-sidebar{position:relative;width:100%;height:auto;padding:12px 16px}.studio-sidebar .studio-brand,.studio-sidebar .org-chip,.studio-sidebar .sidebar-footer{display:none}.studio-nav{display:flex;overflow:auto;gap:6px}.studio-nav-item{flex-shrink:0;width:auto;font-size:13px;min-height:40px}.studio-main{margin:0}.studio-content{padding:16px}.sb-body{grid-template-columns:260px minmax(0,1fr)}.sb-statusbar{align-items:flex-start;flex-direction:column;gap:4px}.sb-preview-scroll{max-height:75vh}}
@media(max-width:640px){.sb-header{display:block}.sb-header-actions{margin-top:16px;justify-content:flex-start}.sb-body{display:block}.sb-library{border-right:0}.sb-tabs{grid-template-columns:repeat(4,1fr)}.sb-tabs button{font-size:12px!important}.sb-previewbar{padding:12px}.sb-previewbar small{display:none}#sb-controls{min-height:0;max-height:360px}.sb-preview-scroll{min-height:450px;padding:14px;max-height:none}.sb-header h1{font-size:26px}.studio-content{padding:12px}.sb-header-actions>button{padding:8px}.studio-topbar{padding:0 14px}}
.studio-main{--panel:#fff;--panel-2:#f5f7fb;--line:#dce2eb;--text:#263245;--muted:#6f7d92;--green:#16815f;color:var(--text)}.studio-main input,.studio-main select{color:var(--text)}.sb-library input{color:#2b3342}.studio-nav-item{box-shadow:none}
@media(max-width:900px){.studio-nav{flex-direction:row}.studio-sidebar .sidebar-note{display:none}}
.sb-catalog-item[draggable=true]{user-select:none}.studio-topbar{background:#fff;border-color:#dce2eb}.studio-topbar .eyebrow{color:#788396}.studio-main .mode-pill{background:#eef3fb;border-color:#dfe5ef;color:#687990}.studio-main .check-row{background:#fff;border-color:#e0e6ef;color:#485970}.studio-main .check-state{font-size:12px}.studio-main .notice{background:#f3f6fb;border-color:#dae2ee;color:#627087}.studio-main .button.secondary{background:#fff;border-color:#d9e1ed;color:#354962}.studio-main .button.primary{background:#293f60;border-color:#293f60;color:#fff}.studio-main .connector-card h3{font-size:17px}.studio-main .connector-card p{font-size:13px;line-height:1.6}.studio-main .connector-badge,.studio-main .connector-status,.studio-main .capabilities span,.studio-main .role-row span{font-size:12px}.studio-main .role-row strong{font-size:15px}.studio-main .role-pill{background:#f2f5fa;color:#4b5f7c!important;border-color:#d9e2f0}.studio-main .market-toolbar input,.studio-main .market-toolbar select{background:#fff;color:#32445e;border-color:#dce3ee}.studio-main .check-dot{color:#188760}.studio-main .role-row{border-color:#dde4ef}

.sb-theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.sb-theme-choice{border:2px solid #e2e7ef;border-radius:9px;background:#fff;padding:8px;text-align:left;color:#374458;box-shadow:0 3px 0 #edf0f5}.sb-theme-choice[aria-pressed=true]{border-color:#3c67b0;background:#f2f6ff;box-shadow:0 3px 0 #c2d2ed}.sb-theme-choice strong{font-size:12px}.sb-theme-choice[aria-pressed=true] strong:after{content:" ✓";color:#2d5fae}.sb-theme-swatches{display:flex;height:22px;border-radius:5px;overflow:hidden;margin-bottom:6px}.sb-theme-swatches i{flex:1}.sb-theme-grid~#sb-discover{margin-top:18px}

#space-builder textarea,#space-builder select{font:inherit;color:#354258;border:1px solid #d7deea;border-radius:8px;background:#fff;padding:9px;width:100%;min-width:0}#space-builder textarea{resize:vertical;line-height:1.6}.sb-personal-intro{margin-top:25px}.sb-personal-intro h3{font-size:15px}.sb-personal-intro p{font-size:12px;color:#778294;margin-top:6px!important}.sb-upload{display:grid;gap:8px;padding:15px;border:1px dashed #a6b9d7;border-radius:9px;margin-top:18px;background:#f5f8ff;color:#365787;font-size:13px;font-weight:650;cursor:pointer}.sb-upload input{width:100%;font-size:11px}.sb-upload input::file-selector-button{border:1px solid #bdcce3;border-radius:6px;background:#fff;color:#315489;padding:8px;margin-right:6px;cursor:pointer;box-shadow:0 2px 0 #d5e0ee}.sb-upload>span{font-size:11px;font-weight:400;line-height:1.5}.sb-crop-preview{margin:18px 0;aspect-ratio:2.5;overflow:hidden;border-radius:8px;background:#e7ecf4}.sb-crop-preview.portrait{aspect-ratio:1 / 1.4;max-height:220px}.sb-crop-preview img{width:100%;height:100%}.sb-photo-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sb-photo-list>div{min-width:0}.sb-photo-thumb{display:block;width:100%;height:82px;border:2px solid #dde5ef;border-radius:8px;overflow:hidden;background:#ecf1f7;padding:0}.sb-photo-thumb[aria-pressed=true]{border-color:#3b6ec0}.sb-photo-thumb img{width:100%;height:100%}.sb-photo-list>div>div{display:flex;gap:4px;justify-content:center;margin-top:5px}.sb-photo-list>div>div button{min-width:29px;min-height:29px;border:1px solid #dce3ee;border-radius:5px;background:#fff;color:#516888}.sb-link-editor>div{padding-bottom:16px;border-bottom:1px solid #e2e7ef;margin-bottom:16px}.sb-link-editor .sb-button{margin-top:10px;font-size:12px}.sb-card-toolbar [data-sb-edit-card]{color:#295ca8;font-size:11px!important;padding:3px 7px}#sb-preview .wx-photo-frame{height:100%}.sb-field select{height:42px}