.sb-list__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.sb-list__head .mx-sub{max-width:620px}.sb-empty{display:grid;grid-gap:10px;gap:10px;justify-items:start;padding:28px}.sb-empty b{font-size:18px}.sb-empty span{color:var(--muted)}.sb-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:16px;gap:16px}.sb-card{display:flex;flex-direction:column;padding:20px;gap:16px}.sb-card__main{display:grid;grid-gap:6px;gap:6px;justify-items:start}.sb-card__main b{font-size:17px}.sb-card__url{font-size:13px;color:var(--teal-deep);word-break:break-all}.sb-card__meta{font-size:12.5px;color:var(--muted)}.sb-card__actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.sb-card__actions .btn{padding:10px 18px;font-size:14px}.sb-pill{font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;background:var(--mist);color:var(--muted)}.sb-pill.is-on{background:rgba(13,219,176,.16);color:var(--teal-deep)}.sb-pill.is-warn{background:rgba(255,176,32,.18);color:#a86b00}.sbe{position:fixed;inset:0;display:flex;flex-direction:column;background:var(--paper);color:var(--ink);font-family:var(--font-body);z-index:1}.sbe-loading{min-height:100dvh;display:grid;place-content:center;grid-gap:16px;gap:16px;justify-items:center;color:var(--muted)}.sbe-top{display:flex;align-items:center;gap:10px;padding:max(8px,env(safe-area-inset-top)) 12px 8px;background:#fff;border-bottom:1px solid var(--line);min-height:56px}.sbe-back{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-size:18px;color:var(--ink);flex-shrink:0}.sbe-back:hover{background:var(--mist)}.sbe-name{font:700 15px var(--font-body);border:1px solid transparent;border-radius:10px;padding:7px 10px;min-width:0;width:220px;background:transparent;color:var(--ink)}.sbe-name:focus,.sbe-name:hover{border-color:var(--line);outline:none;background:#fff}.sbe-save{font-size:12.5px;color:var(--muted);white-space:nowrap}.sbe-save.is-error{color:var(--danger)}.sbe-save.is-dirty,.sbe-save.is-saving{color:#a86b00}.sbe-pagename{font-size:12.5px;padding:3px 10px;border-radius:999px;background:var(--mist);white-space:nowrap}.sbe-top__mid{margin:0 auto}.sbe-top__mid,.sbe-top__right{display:flex;align-items:center;gap:6px}.sbe-tool{min-width:38px;height:38px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--ink);font:600 16px var(--font-body);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;white-space:nowrap}.sbe-tool--text{font-size:13.5px}.sbe-tool:hover:not(:disabled){border-color:rgba(7,17,31,.22)}.sbe-tool:disabled{opacity:.4;cursor:default}.sbe-tool.is-on{background:var(--ink);color:#fff;border-color:var(--ink)}.sbe-ai{color:var(--teal-deep);border-color:rgba(13,219,176,.45)}.sbe-publish{padding:9px 18px;font-size:14px}.sbe-seg{display:inline-flex;padding:3px;gap:2px;border-radius:12px;background:var(--mist)}.sbe-seg button{border:0;background:transparent;border-radius:9px;padding:6px 10px;font:600 13px var(--font-body);color:var(--muted);cursor:pointer;display:inline-flex;gap:6px;align-items:center}.sbe-seg button.is-on{background:#fff;color:var(--ink);box-shadow:0 1px 4px rgba(7,17,31,.12)}.sbe-seg--wide{display:flex;margin:4px 0 14px}.sbe-seg--wide button{flex:1 1;justify-content:center;padding:9px 10px;font-size:14px}.sbe-body{flex:1 1}.sbe-body,.sbe-side{display:flex;min-height:0}.sbe-side{width:300px;flex-shrink:0;background:#fff;flex-direction:column}.sbe-side--left{border-right:1px solid var(--line)}.sbe-side--right{border-left:1px solid var(--line);width:340px}.sbe-tabs{display:flex;gap:2px;padding:8px 8px 0;border-bottom:1px solid var(--line)}.sbe-tabs button{flex:1 1;border:0;background:transparent;padding:9px 6px 10px;font:700 13px var(--font-body);color:var(--muted);cursor:pointer;border-bottom:2px solid transparent}.sbe-tabs button.is-on{color:var(--ink);border-bottom-color:var(--teal)}.sbe-side__scroll{flex:1 1;overflow-y:auto;padding:14px;overscroll-behavior:contain}.sbe-pad{padding:8px 2px}.sbe-canvas{flex:1 1;min-width:0;overflow:auto;padding:24px;background-color:#eef2f5;background-image:radial-gradient(circle,rgba(7,17,31,.08) 1px,transparent 0);background-size:20px 20px}.sbe-frame{margin:0 auto;border-radius:14px;overflow:hidden;box-shadow:0 12px 40px rgba(7,17,31,.14);background:#fff;transition:max-width .3s var(--ease-out)}.sbe-frame.is-mobile{border:10px solid #1d2733;border-radius:34px}.sbe-frame.is-tablet{border:12px solid #1d2733;border-radius:24px}.sbe .is-preview .sbe-canvas,.sbe.is-preview .sbe-canvas{padding:16px}.sbe-wrap{position:relative;cursor:pointer;outline:2px solid transparent;outline-offset:-2px;transition:outline-color .15s}.sbe-wrap:hover{outline-color:rgba(13,219,176,.45)}.sbe-wrap.is-on{outline-color:var(--teal)}.sbe-wrap__tag,.sbe-wrap__tools{position:absolute;top:6px;z-index:5;opacity:0;transition:opacity .15s;font-family:var(--font-body)}.sbe-wrap.is-on .sbe-wrap__tag,.sbe-wrap.is-on .sbe-wrap__tools,.sbe-wrap:hover .sbe-wrap__tag,.sbe-wrap:hover .sbe-wrap__tools{opacity:1}.sbe-wrap__tag{left:6px;background:var(--teal);color:var(--ink);font-size:11px;font-weight:800;padding:3px 8px;border-radius:6px}.sbe-wrap__tools{right:6px;display:flex;gap:4px}.sbe-wrap__tools button{width:30px;height:30px;border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:15px;cursor:pointer;box-shadow:0 2px 8px rgba(7,17,31,.12)}.sbe-wrap__tools button:disabled{opacity:.35;cursor:default}.sbe-wrap__tools button:last-child:hover{color:var(--danger)}.sbe-empty{display:grid;grid-gap:10px;gap:10px;justify-items:center;text-align:center;padding:80px 24px;font-family:var(--font-body);color:var(--ink)}.sbe-empty span,.sbe-hint{color:var(--muted)}.sbe-hint{display:block;font-size:12.5px;line-height:1.45;margin:0 0 10px}.sbe-err{color:var(--danger);font-size:13.5px;margin:8px 0}.sbe-section{padding:4px 0 14px;border-bottom:1px solid var(--line);margin-bottom:14px}.sbe-section:last-child{border-bottom:0}.sbe-section__title{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 10px}.sbe-field{display:grid;grid-gap:5px;gap:5px;margin-bottom:12px}.sbe-field--row{display:flex}.sbe-field__label{font-size:12.5px;font-weight:600;color:var(--muted)}.sbe-input{width:100%;border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 11px;font:14px/1.4 var(--font-body);color:var(--ink);outline:none;resize:vertical}.sbe-input:focus{border-color:var(--teal-deep);box-shadow:0 0 0 3px rgba(13,219,176,.2)}@media (pointer:coarse){.sbe-input,.sbe-name{font-size:16px}}.sbe-btn{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:10px;padding:8px 14px;font:600 13.5px var(--font-body);cursor:pointer;min-height:38px}.sbe-btn:hover:not(:disabled){border-color:rgba(7,17,31,.25)}.sbe-btn:disabled{opacity:.5;cursor:default}.sbe-btn--ghost{background:transparent}.sbe-btn--danger{color:var(--danger);border-color:rgba(255,90,95,.35)}.sbe-icon-btn{width:30px;height:30px;flex-shrink:0;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:15px;cursor:pointer}.sbe-icon-btn:hover:not(:disabled){background:var(--mist);color:var(--ink)}.sbe-icon-btn:disabled{opacity:.3;cursor:default}.sbe-add{width:100%;border:1px dashed rgba(7,17,31,.2);background:transparent;border-radius:10px;padding:9px;font:700 13px var(--font-body);color:var(--teal-deep);cursor:pointer;margin-top:4px}.sbe-add:hover{border-color:var(--teal-deep);background:rgba(13,219,176,.06)}.sbe-link{display:grid;grid-gap:6px;gap:6px}.sbe-img{display:flex;gap:10px;align-items:center}.sbe-img img,.sbe-img__empty{width:64px;height:48px;border-radius:8px;-o-object-fit:cover;object-fit:cover;border:1px solid var(--line);flex-shrink:0}.sbe-img__empty{display:grid;place-items:center;font-size:10px;color:var(--muted);text-align:center;background:var(--mist)}.sbe-img__btns{display:flex;gap:6px;flex-wrap:wrap}.sbe-list{display:grid;grid-gap:6px;gap:6px}.sbe-list__row{display:flex;gap:4px;align-items:center}.sbe-list__inline{flex:1 1;min-width:0}.sbe-item{border:1px solid var(--line);border-radius:10px;background:#fff}.sbe-item.is-open{border-color:rgba(13,219,176,.5)}.sbe-item__head{display:flex;align-items:center;padding:3px 4px 3px 0}.sbe-item__title{flex:1 1;min-width:0;text-align:left;border:0;background:transparent;padding:8px 10px;font:600 13.5px var(--font-body);color:var(--ink);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sbe-item__body{border-top:1px solid var(--line);padding:10px 10px 6px}.sbe-props__head{display:grid;grid-gap:2px;gap:2px;margin-bottom:14px}.sbe-props__head b{font-size:16px}.sbe-props__head span{font-size:12.5px;color:var(--muted)}.sbe-variants{display:flex;flex-wrap:wrap;gap:6px}.sbe-chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 12px;font:600 13px var(--font-body);color:var(--ink);cursor:pointer}.sbe-chip.is-on{background:var(--ink);color:#fff;border-color:var(--ink)}.sbe-lib__group{margin-bottom:16px}.sbe-lib__grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.sbe-lib__item{text-align:left;border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px;cursor:pointer;display:grid;grid-gap:3px;gap:3px;font-family:var(--font-body);transition:border-color .15s,transform .15s}.sbe-lib__item:hover{border-color:var(--teal);transform:translateY(-1px)}.sbe-lib__item b{font-size:13.5px;color:var(--ink)}.sbe-lib__item span{font-size:11.5px;color:var(--muted);line-height:1.35}.sbe-layers{display:grid;grid-gap:6px;gap:6px}.sbe-layer{display:flex;align-items:center;border:1px solid var(--line);border-radius:10px;background:#fff;padding:2px 4px 2px 0}.sbe-layer.is-on{border-color:var(--teal);box-shadow:0 0 0 2px rgba(13,219,176,.18)}.sbe-layer.is-drag{opacity:.8;box-shadow:0 10px 24px rgba(7,17,31,.18);z-index:2;position:relative}.sbe-layer__grip{border:0;background:transparent;color:var(--muted);cursor:grab;padding:8px 6px;font-size:12px;letter-spacing:-2px;touch-action:none}.sbe-layer__name{flex:1 1;min-width:0;border:0;background:transparent;text-align:left;display:grid;padding:6px 4px;cursor:pointer;font-family:var(--font-body)}.sbe-layer__name b{font-size:13.5px;color:var(--ink)}.sbe-layer__name span{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sbe-pages__list{display:grid;grid-gap:6px;gap:6px;margin-bottom:6px}.sbe-page{text-align:left;border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 12px;cursor:pointer;display:flex;justify-content:space-between;gap:8px;font-family:var(--font-body)}.sbe-page b{font-size:13.5px;color:var(--ink)}.sbe-page span{font-size:12px;color:var(--muted)}.sbe-page.is-on{border-color:var(--teal);box-shadow:0 0 0 2px rgba(13,219,176,.18)}.sbe-pages .sbe-section{margin-top:16px}.sbe-themes{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.sbe-theme{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:10px;padding:7px 8px;font:600 12.5px var(--font-body);color:var(--ink);cursor:pointer;text-align:left}.sbe-theme.is-on{border-color:var(--teal);box-shadow:0 0 0 2px rgba(13,219,176,.2)}.sbe-theme__sw{width:30px;height:22px;border-radius:6px;border:1px solid;display:flex;align-items:center;justify-content:center;gap:3px;flex-shrink:0}.sbe-theme__sw i{width:7px;height:7px;border-radius:50%}.sbe-modal{position:fixed;inset:0;z-index:1000;background:rgba(7,17,31,.45);display:grid;place-items:center;padding:16px}.sbe-modal__box{width:min(560px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;background:#fff;border-radius:18px;padding:20px;box-shadow:var(--shadow);font-family:var(--font-body);color:var(--ink)}.sbe-modal__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.sbe-modal__head b{font-size:18px}.sbe-modal__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;flex-wrap:wrap}.sbe-modal__foot .sbe-hint{margin:0;flex:1 1;min-width:200px}.sbe-modal__foot--split{border-top:1px solid var(--line);padding-top:14px}.sbe-x{width:36px;height:36px;border-radius:10px;border:0;background:var(--mist);font-size:20px;cursor:pointer;color:var(--ink)}.sbe-slug{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.sbe-slug span{font-size:13.5px;color:var(--muted)}.sbe-slug .sbe-input{flex:1 1;min-width:140px}.sbe-picker__upload{width:100%}.sbe-picker__or{text-align:center;font-size:12.5px;color:var(--muted);margin:14px 0 10px}.sbe-picker__search{display:flex;gap:8px;margin-bottom:10px}.sbe-picker__search .btn{padding:9px 18px}.sbe-picker__grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.sbe-picker__hit{position:relative;border:0;padding:0;border-radius:10px;overflow:hidden;aspect-ratio:4/3;cursor:pointer;background:var(--mist)}.sbe-picker__hit img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.sbe-picker__hit:hover{outline:3px solid var(--teal)}.sbe-picker__hit span{position:absolute;inset:0;display:grid;place-items:center;background:rgba(7,17,31,.5);color:#fff;font-weight:700}.sbe-tpls{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.sbe-tpl{text-align:left;border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px;cursor:pointer;display:grid;grid-gap:3px;gap:3px;font-family:var(--font-body)}.sbe-tpl b{font-size:14px;color:var(--ink)}.sbe-tpl span{font-size:12px;color:var(--muted)}.sbe-tpl.is-on{border-color:var(--teal);box-shadow:0 0 0 2px rgba(13,219,176,.22)}.sbe-mtabs,.sbe-sheet{display:none}@media (max-width:900px){.sbe-side{display:none}.sbe-canvas{padding:10px 10px 70px}.sbe-frame.is-mobile,.sbe-frame.is-tablet{border-width:0;border-radius:12px}.sbe-top{flex-wrap:wrap;gap:6px}.sbe-name{width:auto;flex:1 1}.sbe-pagename,.sbe-save:not(.is-error),.sbe-seg__label{display:none}.sbe-publish{padding:9px 14px}.sbe-top__mid{order:3;margin:0;width:100%;justify-content:space-between}.sbe-top__right{order:2}.sbe-top__right .sbe-tool--text:not(.sbe-ai){display:none}.sbe-mtabs{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:20;background:#fff;border-top:1px solid var(--line);padding:6px 6px max(6px,env(safe-area-inset-bottom));gap:4px;overflow-x:auto}.sbe-mtabs button{flex:1 1;min-height:44px;border:0;border-radius:10px;background:transparent;font:700 12.5px var(--font-body);color:var(--muted);white-space:nowrap;padding:0 8px}.sbe-mtabs button.is-on{background:var(--mist);color:var(--ink)}.sbe-sheet{display:flex;flex-direction:column;position:fixed;left:0;right:0;bottom:calc(56px + env(safe-area-inset-bottom));height:62dvh;z-index:19;background:#fff;border-radius:18px 18px 0 0;box-shadow:0 -12px 40px rgba(7,17,31,.18)}.sbe-sheet__head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px 0}.sbe-lib__grid,.sbe-tpls{grid-template-columns:1fr}.sbe-picker__grid{grid-template-columns:1fr 1fr}}