.ssmf-control{display:inline-flex;flex-direction:column;position:relative;min-width:0;font-family:var(--ui)}
.ssmf-chipwrap{display:inline-flex;align-items:stretch;min-height:24px}
.ssmf-chip,.ssmf-disclose,.ssmf-builder button,.ssmf-builder summary{font:inherit;color:var(--fg-mute);background:var(--bg-sub,var(--bg-app));border:1px solid var(--line);cursor:pointer}
.ssmf-chip{display:inline-flex;align-items:center;gap:5px;padding:0 7px;border-radius:5px 0 0 5px;border-right:0;font:650 10.5px/1 var(--ui);color:var(--fg-mute);border-color:var(--line);background:var(--bg-sub,var(--bg-app))}
.ssmf-chip:hover{color:var(--fg-strong,var(--fg));background:rgba(255,255,255,.05)}
.ssmf-chip.on{color:var(--ss-brand,var(--ss-accent));border-color:rgba(var(--ss-brand-rgb,var(--ss-accent-rgb)),.58);background:rgba(var(--ss-brand-rgb,var(--ss-accent-rgb)),.13);box-shadow:inset 0 0 0 1px rgba(var(--ss-brand-rgb,var(--ss-accent-rgb)),.10)}
.ssmf-count{font:9.5px/1 var(--mono);color:inherit}
.ssmf-disclose{width:22px;padding:0;border-radius:0 5px 5px 0;font-size:10px;color:var(--fg-dim,var(--fg-mute))}
.ssmf-pending{width:5px;height:5px;border-radius:50%;background:var(--amber,#f5a623)}
.ssmf-builder{position:relative;z-index:18;width:min(690px,calc(100vw - 32px));margin-top:7px;padding:12px;background:var(--bg-panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 14px 34px rgba(0,0,0,.4);color:var(--fg)}
/* #6804 — the builder is a VIEWPORT LAYER. As an absolutely-positioned
   child it was clipped by whatever ancestor happened to hide overflow:
   .sv2-notes-host{overflow:hidden} on SV2 (122px tall at the founder's
   360x820 window, so only the builder's head survived and every option
   was cut off - the reported "empty box"), .ns-toolbar{overflow-x:auto}
   on SV1. position:fixed cannot be clipped by an ancestor's overflow.
   MineControl writes the real top/left/width/max-height, measured from
   the chip and clamped into the viewport; these are the pre-measurement
   defaults, off-screen so no unplaced frame is ever painted. */
.ssmf-control:not(.mini) .ssmf-builder{position:fixed;top:0;left:-9999px;margin-top:0;z-index:2147483000;overscroll-behavior:contain}
.ssmf-head,.ssmf-rowhead,.ssmf-foot{display:flex;align-items:center;gap:10px}
.ssmf-head{padding-bottom:10px;border-bottom:1px solid var(--line)}
.ssmf-head>div{display:flex;flex-direction:column;gap:3px}.ssmf-head strong{font-size:11px;letter-spacing:.08em}.ssmf-head span{font-size:11.5px;color:var(--fg-mute)}
.ssmf-sync{margin-left:auto!important;white-space:nowrap}.ssmf-sync.saving{color:var(--amber,#f5a623)}.ssmf-sync.synced{color:var(--green,#27c08a)}.ssmf-sync.blocked,.ssmf-error{color:var(--red,#e5484d)}
.ssmf-row{padding:10px 0}.ssmf-rowhead{margin-bottom:7px;color:var(--fg-mute);font-size:10px;letter-spacing:.07em}.ssmf-rowhead button{margin-left:auto;padding:3px 7px;border-radius:4px;font-size:10px}
.ssmf-conditions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.ssmf-cond{display:inline-flex;align-items:center;gap:7px;padding:5px 7px 5px 9px;border:1px solid var(--ss-accent-line);border-radius:6px;background:var(--ss-accent-bg);color:var(--fg-strong);font-size:12px}.ssmf-cond button{border:0;background:none;padding:0;color:var(--fg-mute);font-size:15px;line-height:1}
.ssmf-and,.ssmf-or,.ssmf-emptyrow{font-size:10.5px;color:var(--fg-mute)}.ssmf-or{display:flex;align-items:center;gap:8px}.ssmf-or:before,.ssmf-or:after{content:"";height:1px;background:var(--line);flex:1}
.ssmf-add{position:relative}.ssmf-add:not([open]) .ssmf-add-open{display:none}.ssmf-add[open] .ssmf-add-closed{display:none}.ssmf-add[open]>summary{color:var(--fg-strong,var(--fg));border-color:var(--line-strong,var(--line));background:var(--bg-app)}.ssmf-add summary{list-style:none;padding:5px 8px;border-radius:6px;font-size:11.5px}.ssmf-add summary::-webkit-details-marker{display:none}.ssmf-options{position:static;margin-top:6px;width:100%;max-height:230px;overflow:auto;display:flex;flex-wrap:wrap;gap:6px;padding:8px;background:var(--bg-app);border:1px solid var(--line);border-radius:7px;box-shadow:0 10px 24px rgba(0,0,0,.45)}.ssmf-options button{padding:6px 8px;border-radius:5px;font-size:11.5px;text-align:left}
.ssmf-foot{padding-top:10px;border-top:1px solid var(--line);flex-wrap:wrap}.ssmf-foot button{padding:6px 9px;border-radius:5px;font-size:11.5px}.ssmf-spacer{flex:1}.ssmf-current{font-size:11px;color:var(--fg-mute)}.ssmf-done{color:var(--ss-accent)!important;border-color:var(--ss-accent-line)!important}.ssmf-error{margin-top:8px;font-size:11.5px}
.ssmf-control.mini{display:flex;width:100%}.ssmf-control.mini .ssmf-builder{width:100%;box-shadow:none;border-left:0;border-right:0;border-radius:0}/* #6804 - compact used to pin right:0 to the chip; the viewport clamp in
   MineControl now decides the edge, and it can see the screen. */
/* #6804 - this block used to force position:relative!important on EVERY
   density under 620px, which is precisely the founder's SV2.app window
   (360x820). That put the builder in flow inside a 122px clipped host and
   is what made the dropdown open as an empty box. The !important also beat
   any inline fix, so it had to go rather than be layered over. Width and
   height at narrow sizes are now computed against the real viewport by
   MineControl, which is the thing this rule was trying to approximate. */
@media(max-width:620px){.ssmf-control:not(.mini){display:inline-flex;width:auto;flex:0 0 auto}.ssmf-control.mini{display:flex;width:100%}.ssmf-chipwrap{align-self:flex-start}.ssmf-head{align-items:flex-start}.ssmf-sync{white-space:normal}.ssmf-current{width:100%}.ssmf-spacer{display:none}}