.sb-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);color:var(--ink);flex-direction:column;gap:14px;min-width:0;padding:18px 20px;display:flex}.sb-card.sb-card-rows{gap:4px;padding:18px 22px 2px}.sb-card.sb-card-rows.bare{padding:2px 22px}.sb-card-head{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.sb-card-titles{flex:1;min-width:220px}.sb-card-title{font-size:14px;font-weight:600}.sb-card-desc{color:var(--ink-muted);text-wrap:pretty;font-size:12.5px}.sb-rows{flex-direction:column;display:flex}.sb-row{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:20px;padding:16px 0;display:flex}.sb-row:last-child{border-bottom:0}.sb-row.pending{opacity:.55}.sb-row-text{flex:1;min-width:240px}.sb-row-label{align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.sb-row-desc{color:var(--ink-muted);text-wrap:pretty;font-size:12.5px}.sb-badge{color:var(--status-pending);background:var(--status-pending-soft);border-radius:var(--radius-pill);white-space:nowrap;padding:1px 7px;font-size:10.5px;font-weight:700}.sb-row-control{min-width:0;max-width:100%;border:0;flex:0 auto;align-items:center;gap:8px;min-inline-size:0;margin:0;padding:0;display:flex}.sb-row.wide .sb-row-control{flex:100%}.sb-row-error{color:var(--status-danger);flex:100%;font-size:12.5px}.sb-row.wide .sb-row-control>*{flex:auto;min-width:0}.sb-row .ui-stepper-value{min-width:72px}.sb-row-control:disabled .ui-switch,.sb-row-control:disabled button{cursor:not-allowed}.rd .sb-input{border:1px solid var(--border);background:var(--surface);width:340px;min-width:200px;max-width:100%;height:38px;color:var(--ink);transition:border-color var(--t-fast), box-shadow var(--t-fast);border-radius:9px;flex:0 340px;padding:0 12px;font-size:13.5px}.rd .sb-textarea{resize:vertical;border:1px solid var(--border);background:var(--surface);width:100%;color:var(--ink);transition:border-color var(--t-fast), box-shadow var(--t-fast);border-radius:10px;flex:100%;padding:10px 12px;font-size:13.5px;line-height:1.55}.rd .sb-input:focus,.rd .sb-textarea:focus{border-color:var(--primary);box-shadow:var(--ring)}.rd .sb-input::placeholder,.rd .sb-textarea::placeholder{color:var(--ink-faint)}.sb-swatches{flex-wrap:wrap;gap:8px;display:flex}.rd .sb-swatch{background:var(--swatch);border-radius:50%;width:30px;height:30px}.rd .sb-swatch[aria-checked=true]{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--swatch)}.sb-value{white-space:nowrap;font-size:13.5px;font-weight:600}.sb-code{background:var(--surface-sunken);border-radius:10px;flex:100%;align-items:center;gap:8px;min-width:0;padding:8px 8px 8px 12px;display:flex}[dir=rtl] .sb-code{padding:8px 12px 8px 8px}.sb-code code{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--ink-muted);text-align:start;flex:1;font-size:12px;overflow:hidden}.rd .sb-code button{background:var(--surface);height:28px;color:var(--ink);border-radius:7px;padding:0 10px;font-size:12px;font-weight:600}.sb-list{border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow:hidden}.sb-item{border-bottom:1px solid var(--border);background:var(--surface);align-items:center;gap:12px;padding:11px 14px;display:flex}.sb-list>.sb-item:last-child{border-bottom:0}.sb-list>.sb-item:has(+.sb-list-empty:last-child){border-bottom:0}.sb-item.off{opacity:.6}.sb-item-ini{background:var(--surface-sunken);width:34px;height:34px;color:var(--ink-muted);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.sb-item-dot{border-radius:var(--radius-sm);flex:none;width:12px;height:12px}.sb-item-text{flex:1;min-width:0}.sb-item-title{flex-wrap:wrap;align-items:center;gap:8px;font-size:13.5px;font-weight:600;display:flex}.sb-item-sub{color:var(--ink-muted);text-wrap:pretty;font-size:12px}.sb-chip{border-radius:var(--radius-pill);white-space:nowrap;background:var(--surface-sunken);color:var(--ink-muted);padding:1px 8px;font-size:10.5px;font-weight:700}.ui-switch.sb-switch-sm{width:38px;height:22px}.sb-switch-sm .ui-switch-knob{width:18px;height:18px}.ui-switch.on.sb-switch-sm .ui-switch-knob{transform:translate(16px)}[dir=rtl] .ui-switch.on.sb-switch-sm .ui-switch-knob{transform:translate(-16px)}.rd .sb-remove{width:28px;height:28px;color:var(--ink-faint);transition:background-color var(--t-fast), color var(--t-fast);border-radius:7px;flex:none;justify-content:center;font-size:16px}.rd .sb-remove:hover{background:var(--status-danger-soft);color:var(--status-danger)}.rd .sb-item-action{height:28px;color:var(--ink-muted);transition:background-color var(--t-fast), color var(--t-fast);border-radius:7px;padding:0 10px;font-size:12px;font-weight:600}.rd .sb-item-action:hover:not(:disabled){background:var(--surface-hover);color:var(--ink)}.sb-item.open{border-bottom-color:#0000}.sb-item-panel{background:var(--surface);border-bottom:1px solid var(--border);padding:0 14px 10px}.sb-item-panel>.sb-rows{background:var(--canvas);border-radius:10px;padding:0 14px}.sb-confirm{background:var(--status-danger-soft);color:var(--status-danger);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;font-size:12.5px;display:flex}.sb-confirm>span{flex:1;min-width:180px}.rd .sb-confirm-yes{background:var(--status-danger);height:30px;color:var(--on-primary);border-radius:8px;padding:0 12px;font-size:12.5px;font-weight:600}.sb-list-empty{color:var(--ink-muted);background:var(--surface);border-bottom:1px solid var(--border);padding:14px;font-size:12.5px}.sb-add{background:var(--canvas);color:var(--ink-faint);align-items:center;gap:8px;padding:8px 8px 8px 14px;display:flex}[dir=rtl] .sb-add{padding:8px 14px 8px 8px}.rd .sb-add input{min-width:0;height:34px;color:var(--ink);background:0 0;flex:1;font-size:13px}.rd .sb-add input::placeholder{color:var(--ink-faint)}.rd .sb-add button{background:var(--surface-sunken);height:32px;color:var(--ink-muted);white-space:nowrap;transition:background-color var(--t-fast), color var(--t-fast);border-radius:8px;padding:0 12px;font-size:12.5px;font-weight:600}.rd .sb-add button:disabled{opacity:1}.rd .sb-add button.filled{background:var(--primary);color:var(--on-primary)}.rd .sb-add button.filled:hover{background:var(--primary-hover)}.sb-connect-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.sb-connect{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;gap:10px;padding:14px;display:flex}.sb-connect.connected{border-color:color-mix(in srgb, var(--primary) 40%, var(--border))}.sb-connect-head{align-items:center;gap:10px;display:flex}.sb-connect-mono{background:var(--surface-sunken);width:36px;height:36px;color:var(--ink-muted);font-family:var(--font-display);border-radius:10px;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.sb-connect.connected .sb-connect-mono{background:var(--primary-soft);color:var(--primary)}.sb-connect-name{flex:1;min-width:0;font-size:14px;font-weight:600}.sb-connect-status{color:var(--status-pending);align-items:center;gap:6px;font-size:11.5px;font-weight:600;display:flex}.sb-connect.connected .sb-connect-status{color:var(--primary)}.sb-connect.soon .sb-connect-status{color:var(--ink-faint)}.sb-connect-status .dot{background:currentColor;border-radius:50%;width:6px;height:6px}.sb-connect-desc{color:var(--ink-muted);overflow-wrap:anywhere;flex:1;min-width:0;font-size:12.5px;line-height:1.45}.rd .sb-connect-btn{border:1px solid var(--primary);background:var(--primary);height:34px;color:var(--on-primary);transition:background-color var(--t-fast), border-color var(--t-fast);border-radius:9px;justify-content:center;font-size:12.5px;font-weight:600}.rd .sb-connect-btn:hover:not(:disabled){background:var(--primary-hover)}.rd .sb-connect.connected .sb-connect-btn{border-color:var(--border);background:var(--surface);color:var(--status-danger)}.rd .sb-connect.connected .sb-connect-btn:hover:not(:disabled){background:var(--status-danger-soft)}.rd .sb-connect.soon .sb-connect-btn,.rd .sb-connect.soon .sb-connect-btn:disabled{border-color:var(--border);background:var(--surface);color:var(--ink-faint);opacity:1}.sb-link{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.sb-link-tile{border-radius:var(--radius-lg);background:var(--primary-soft);width:44px;height:44px;color:var(--primary);flex:none;justify-content:center;align-items:center;display:flex}.sb-link-text{flex:1;min-width:220px}.rd .sb-link-btn{background:var(--primary);height:38px;color:var(--on-primary);white-space:nowrap;transition:background-color var(--t-fast);border-radius:9px;padding:0 16px;font-size:13px;font-weight:600}.rd .sb-link-btn:hover:not(:disabled){background:var(--primary-hover)}.sb-cal-nav{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sb-cal-nav>.fill{flex:1}.rd .sb-cal-nav>button{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:32px;height:32px;color:var(--ink-muted);justify-content:center}.rd .sb-cal-nav>button:hover{border-color:var(--border-control);color:var(--ink)}[dir=rtl] .sb-cal-nav>button .icon{transform:scaleX(-1)}.sb-cal-month{text-align:center;min-width:130px;font-family:var(--font-display);font-size:15px;font-weight:600}.sb-cal-key{color:var(--ink-muted);align-items:center;gap:6px;font-size:12px;display:flex}.sb-cal-key>span{border-radius:var(--radius-sm);border:1px solid var(--border);width:10px;height:10px}.sb-cal-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.sb-cal-dow{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);padding:0 4px;font-size:10.5px;font-weight:700}.rd .sb-cal-day{border:1px solid var(--border);background:var(--surface);height:68px;color:var(--ink);text-align:start;min-width:0;transition:border-color var(--t-fast);border-radius:10px;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:7px 8px;display:flex}.rd .sb-cal-day:hover:not(:disabled){border-color:var(--border-control)}.rd .sb-cal-day:disabled{cursor:default}.sb-cal-day>span{font-size:13px;font-weight:600}.sb-cal-day.today>span{font-weight:700}.sb-cal-day.selected{box-shadow:var(--ring)}.sb-cal-day>small{color:var(--ink-faint);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10.5px;font-weight:700;overflow:hidden}.sb-cal-bar{border-radius:var(--radius-lg);background:var(--surface-sunken);flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;display:flex}.sb-cal-bar>b{min-width:110px;font-size:14px;font-weight:600}.ui-seg.sb-cal-seg{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2px}.ui-seg.sb-cal-seg button,.ui-seg.sb-cal-seg button:hover{border-radius:6px;padding:5px 10px;font-size:12px}.ui-seg.sb-cal-seg button[aria-pressed=true],.ui-seg.sb-cal-seg button[aria-pressed=true]:hover{background:var(--ink);color:var(--canvas);box-shadow:none}.rd .sb-cal-bar input{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-width:160px;height:34px;color:var(--ink);flex:1;padding:0 10px;font-size:13px}.rd .sb-cal-bar input:focus{border-color:var(--primary);box-shadow:var(--ring)}.rd .sb-cal-apply{border-radius:var(--radius);background:var(--primary);height:34px;color:var(--on-primary);padding:0 14px;font-size:12.5px;font-weight:600}.rd .sb-cal-apply:hover:not(:disabled){background:var(--primary-hover)}.rd .sb-cal-clear{border-radius:var(--radius);height:34px;color:var(--status-danger);padding:0 12px;font-size:12.5px;font-weight:600}.sb-copy .sb-row.wide .sb-input{flex:100%;width:100%}.sb-copy-foot{flex-wrap:wrap;align-items:center;gap:8px;padding:14px 0 16px;display:flex}.sb-copy-status{min-width:160px;color:var(--ink-muted);flex:1;font-size:12.5px}.rd .sb-copy-discard{height:34px;color:var(--ink-muted);border-radius:9px;padding:0 12px;font-size:12.5px;font-weight:600}.rd .sb-copy-discard:hover{background:var(--surface-hover);color:var(--ink)}.rd .sb-copy-save{background:var(--surface-sunken);height:34px;color:var(--ink-muted);border-radius:9px;padding:0 16px;font-size:12.5px;font-weight:600}.rd .sb-copy-save:disabled{opacity:1}.rd .sb-copy-save.filled{background:var(--primary);color:var(--on-primary)}.rd .sb-copy-save.filled:hover:not(:disabled){background:var(--primary-hover)}@media (width<=760px){.sb-card,.sb-card.sb-card-rows{padding-inline:16px}.sb-row-text{flex-basis:100%;min-width:0}.sb-row-control:has(.sb-input,.sb-textarea){flex:100%}.rd .sb-input{flex-basis:100%;width:100%;min-width:0}.rd .sb-cal-day{height:52px;padding:5px 6px}.sb-cal-day>small{display:none}}