.gf{gap:8px;max-width:520px;margin:12px 0 4px;display:grid}.gf-window{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm);color:var(--text);border-radius:12px;font-size:12px;line-height:1.35;overflow:hidden}.gf-bar{border-bottom:1px solid var(--line-soft);background:var(--surface-muted);align-items:center;gap:5px;padding:7px 10px;display:flex}.gf-bar>i{background:var(--line);border-radius:50%;width:8px;height:8px}.gf-url{background:var(--surface);min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;flex:1;margin-left:6px;padding:2px 9px;font-size:11px;overflow:hidden}.gf-screen{padding:12px}.gf-page{gap:12px;display:flex}.gf-side{border-right:1px solid var(--line-soft);flex:0 0 104px;align-content:start;gap:2px;padding-right:10px;display:grid}.gf-side>span{color:var(--muted);border-radius:6px;padding:4px 7px;font-size:11px}.gf-side>span.on{background:var(--accent-soft);color:var(--accent);font-weight:600}.gf-main{flex:1;align-content:start;gap:8px;min-width:0;display:grid}.gf-title{color:var(--ink);font-size:13px}.gf-muted{color:var(--muted)}.gf-row{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.gf-row>.gf-field{flex:1}.gf-top{justify-content:space-between;align-items:center}.gf-field{gap:3px;min-width:0;display:grid}.gf-field>small{color:var(--muted);font-size:10.5px;font-weight:600}.gf-input{border:1px solid var(--border-control);background:var(--surface);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;border-radius:7px;padding:5px 8px;overflow:hidden}.gf-input.masked{color:var(--subtle);letter-spacing:.04em}.gf-btn{border:1px solid var(--border-control);background:var(--surface);color:var(--ink);white-space:nowrap;border-radius:7px;align-items:center;padding:4px 10px;font-weight:600;display:inline-flex}.gf-btn.primary{border-color:var(--accent);background:var(--accent);color:#fff}.gf-actions{flex-wrap:wrap;gap:8px;display:flex}.gf-panel,.gf-table{border:1px solid var(--line-soft);background:var(--surface-muted);border-radius:9px;gap:8px;padding:9px;display:grid}.gf-table>span:first-child{color:var(--muted);font-size:10.5px;font-weight:600}.gf-list,.gf-chips{flex-wrap:wrap;gap:4px 10px;display:flex}.gf-chips>code,.gf-row code,.gf-hot>code{background:var(--surface-muted);overflow-wrap:anywhere;border-radius:5px;padding:1px 6px;font-size:11px}.gf-tick{align-items:center;gap:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px;display:inline-flex}.gf-tick>i{background:var(--accent);color:#fff;border-radius:3px;place-items:center;width:12px;height:12px;font-size:9px;font-style:normal;display:grid}.gf-option,.gf-card{border:1px solid var(--line);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:6px 9px;display:flex}.gf-option.on,.gf-card.on{border-color:var(--accent);background:var(--accent-soft);color:var(--ink);font-weight:600}.gf-cards{flex-wrap:wrap;gap:8px;display:flex}.gf-cards>.gf-card{flex:120px}.gf-switch{align-items:center;gap:6px;display:inline-flex}.gf-toggle{background:var(--line);border-radius:999px;width:30px;height:17px;padding:2px;display:inline-flex}.gf-toggle>i{width:13px;height:13px;box-shadow:var(--shadow-xs);background:#fff;border-radius:50%}.gf-toggle.on{background:var(--accent);justify-content:flex-end}.gf-code{background:var(--surface-muted);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:8px;margin:0;padding:9px;font-size:11px}.gf-chat{gap:6px;display:grid}.gf-msg{background:var(--surface-muted);border-radius:10px 10px 10px 3px;justify-self:start;gap:4px;max-width:85%;padding:6px 9px;display:grid}.gf-msg.me{background:var(--sky-50);border-radius:10px 10px 3px;justify-self:end}.gf-hot{outline:2px solid var(--violet-500);outline-offset:2px;border-radius:9px;display:inline-flex;position:relative}.gf-hot.block{gap:6px;display:grid}.gf-mark{background:var(--violet-500);width:18px;height:18px;box-shadow:0 0 0 2px var(--surface);color:#fff;border-radius:50%;place-items:center;font-size:10.5px;font-weight:700;display:grid;position:absolute;top:-9px;right:-9px}.gf figcaption{gap:4px;font-size:12.5px;display:grid}.gf-note{color:var(--muted);font-size:11.5px}.gf figcaption ol{gap:3px;margin:0;padding:0;list-style:none;display:grid}.gf figcaption li{color:var(--text);gap:7px;display:flex}.gf figcaption li>b{background:var(--violet-500);color:#fff;border-radius:50%;flex:0 0 18px;place-items:center;height:18px;font-size:10.5px;display:grid}@media (width<=560px){.gf-page{flex-direction:column}.gf-side{border-right:0;border-bottom:1px solid var(--line-soft);flex-wrap:wrap;flex:none;padding:0 0 8px;display:flex}}
