.sf-main{align-items:start}.sf-name{overflow-wrap:anywhere;min-width:0}.sf-stage{flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex}.sf-view{border:2px solid var(--ink);border-radius:var(--radius);background:var(--board);width:auto;max-width:100%;height:auto;max-height:70vh;display:block}.sf-view.clear{background-color:var(--surface);background-image:conic-gradient(var(--sunk)25%,transparent 0 50%,var(--sunk)0 75%,transparent 0);background-size:16px 16px}.sf-size{font-family:var(--f-mono);margin:0;font-size:12px}.sf-panel{flex-direction:column;gap:12px;min-width:0;display:flex}.sf-hint{margin:-6px 0 0;font-size:13px}.sf-range{width:100%;accent-color:var(--accent);min-height:24px}.sf-colors{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sf-sw{border:2px solid var(--line);cursor:pointer;border-radius:50%;width:32px;height:32px;padding:0}.sf-sw[aria-pressed=true]{border-color:var(--ink);outline:2px solid var(--accent);outline-offset:2px}.sf-sw:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.sf-pick{color:var(--muted);align-items:center;gap:6px;font-size:14px;display:inline-flex}.sf-pick input{border:2px solid var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer;width:40px;height:32px;padding:0}