.ff-root{--background:#101419;--foreground:#f6f7f8;--card:#1c242c;--card-foreground:#ebedf0;--primary:#8394a5;--primary-foreground:#101419;--secondary:#2d3843;--secondary-foreground:#d6dbe0;--muted:#2d3843;--muted-foreground:#8394a5;--accent:#3d4d5c;--accent-foreground:#ebedf0;--border:#3d4d5c;--input:#2d3843;--ring:#8394a5;--destructive:#8a6660;--success:#638363;--warning:#938962;--info:#60758a;--north:#b85f51;--south:#5b82ae}*{box-sizing:border-box;margin:0;padding:0}.ff-root{width:100%;height:100dvh;font-family:var(--font-geist-sans), ui-sans-serif, system-ui, sans-serif;background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;grid-template:"head head head""lib view props"1fr"stat stat stat"/230px 1fr 268px;font-size:13px;display:grid;overflow:hidden}.mono{font-family:var(--font-geist-mono), ui-monospace, monospace}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:none}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--ring);outline-offset:1px}input,select{font:inherit;color:var(--foreground);background:var(--input);border:1px solid var(--border);border-radius:5px;padding:3px 6px}input[type=color]{width:44px;height:24px;padding:1px 2px}input[type=range]{accent-color:var(--primary);padding:0}header{background:var(--card);border-bottom:1px solid var(--border);flex-wrap:wrap;grid-area:head;align-items:center;gap:10px;padding:7px 12px;display:flex;position:relative}header:after{content:"";background:linear-gradient(to right, transparent, var(--primary), transparent);opacity:.55;pointer-events:none;height:1px;position:absolute;bottom:-1px;left:0;right:0}.brand{flex-direction:column;margin-right:6px;line-height:1.05;display:flex}.brand b{letter-spacing:.12em;font-size:13px;font-weight:600}.brand span{color:var(--muted-foreground);letter-spacing:.06em;font-size:9.5px}.seg{background:var(--secondary);border:1px solid var(--border);border-radius:7px;display:flex;overflow:hidden}.seg button{color:var(--muted-foreground);padding:5px 11px;font-size:12px}.seg button.on{background:var(--accent);color:var(--accent-foreground)}.hbtn{border:1px solid var(--border);background:var(--secondary);color:var(--secondary-foreground);border-radius:6px;padding:5px 10px;font-size:12px}.hbtn:hover{background:var(--accent)}.hbtn.danger:hover{background:var(--destructive);color:var(--foreground)}.hgroup{align-items:center;gap:5px;display:flex}.hsep{background:var(--border);width:1px;height:20px;margin:0 3px}.snapwrap{color:var(--muted-foreground);align-items:center;gap:5px;font-size:11px;display:flex}.spacer{flex:1}#library{background:var(--card);border-right:1px solid var(--border);grid-area:lib;padding:10px 10px 24px;overflow-y:auto}.cat{margin-bottom:14px}.cat h3{letter-spacing:.14em;text-transform:uppercase;color:var(--muted-foreground);align-items:center;gap:6px;margin-bottom:6px;font-size:9.5px;font-weight:600;display:flex}.cat h3:after{content:"";background:var(--border);flex:1;height:1px}.items{grid-template-columns:1fr 1fr;gap:5px;display:grid}.item{border:1px solid var(--border);background:var(--secondary);color:var(--secondary-foreground);border-radius:7px;flex-direction:column;align-items:center;gap:4px;min-height:44px;padding:8px 4px 6px;font-size:10.5px;display:flex}.item:hover{background:var(--accent)}.item.on{border-color:var(--primary);background:var(--accent);box-shadow:0 0 0 1px var(--primary)}.item svg{width:26px;height:26px}.legend{color:var(--muted-foreground);align-items:center;gap:10px;margin-top:6px;font-size:10px;display:flex}.dotN,.dotS{border-radius:50%;width:7px;height:7px;margin-right:4px;display:inline-block}.dotN{background:var(--north);box-shadow:0 0 4px var(--north)}.dotS{background:var(--south);box-shadow:0 0 4px var(--south)}#view{background:var(--background);grid-area:view;min-width:0;min-height:0;position:relative}#view canvas{touch-action:none;display:block}#hint{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#hint div{border:1px solid var(--border);color:var(--muted-foreground);text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#101419b8;border-radius:10px;padding:14px 20px;font-size:12.5px;line-height:1.55}#wirebar,#placebar,#fieldbar{background:var(--card);border:1px solid var(--border);color:var(--muted-foreground);z-index:12;border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;max-width:92%;padding:6px 8px;font-size:11.5px;display:none;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #080a0d80}#fieldbar{top:46px}#wirebar.show,#placebar.show,#fieldbar.show{display:flex}#wirebar button,#placebar button,#fieldbar button{border:1px solid var(--border);background:var(--secondary);white-space:nowrap;border-radius:5px;padding:3px 9px;font-size:11px}#paneltoggles{z-index:13;gap:6px;display:flex;position:absolute;top:10px;right:10px}#paneltoggles button{border:1px solid var(--border);background:var(--card);border-radius:6px;padding:5px 9px;font-size:11px}#paneltoggles button:hover{background:var(--muted)}@media (min-width:921px){.ff-root.noL{grid-template-columns:0 1fr 268px}.ff-root.noR{grid-template-columns:230px 1fr 0}.ff-root.noL.noR{grid-template-columns:0 1fr 0}.ff-root.noL #library,.ff-root.noR #right{display:none}}#seltools{z-index:12;background:var(--card);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;justify-content:center;gap:5px;max-width:94%;padding:5px 6px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 8px 26px #080a0d73}.selsep{background:var(--border);align-self:stretch;width:1px;margin:0 2px}#seltools[hidden]{display:none}#seltools button{border:1px solid var(--border);background:var(--secondary);white-space:nowrap;border-radius:6px;padding:4px 9px;font-size:11px}#seltools button:hover{background:var(--muted)}#seltools button.danger{background:var(--destructive);color:var(--destructive-foreground);border-color:#0000}#vbtns{z-index:11;gap:4px;display:flex;position:absolute;bottom:12px;right:10px}#vbtns button{border:1px solid var(--border);background:var(--card);border-radius:6px;padding:4px 7px;font-size:10.5px}#vbtns button:hover{background:var(--muted)}#right{background:var(--card);border-left:1px solid var(--border);flex-direction:column;grid-area:props;min-height:0;display:flex}.tabs{border-bottom:1px solid var(--border);display:flex}.tabs button{letter-spacing:.08em;text-transform:uppercase;color:var(--muted-foreground);border-bottom:2px solid #0000;flex:1;padding:8px 0;font-size:11px}.tabs button.on{color:var(--foreground);border-bottom-color:var(--primary)}.tabbody{flex:1;padding:12px;display:none;overflow-y:auto}.tabbody.on{display:block}.empty{color:var(--muted-foreground);padding:6px 2px;font-size:12px;line-height:1.6}.frow{justify-content:space-between;align-items:center;gap:8px;margin-bottom:7px;display:flex}.frow label{color:var(--muted-foreground);flex:1;font-size:11.5px}.frow input[type=number]{text-align:right;width:74px;font-family:var(--font-geist-mono), monospace;font-variant-numeric:tabular-nums;font-size:12px}.frow select{max-width:130px;font-size:12px}.frow input[type=text]{width:140px;font-size:12px}.psec{letter-spacing:.14em;text-transform:uppercase;color:var(--muted-foreground);align-items:center;gap:6px;margin:12px 0 6px;font-size:9.5px;font-weight:600;display:flex}.psec:after{content:"";background:var(--border);flex:1;height:1px}.pbtns{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.pbtns button{border:1px solid var(--border);background:var(--secondary);border-radius:6px;padding:5px 10px;font-size:11.5px}.pbtns button:hover{background:var(--accent)}.pbtns button.danger:hover{background:var(--destructive)}.kbadge{font-family:var(--font-geist-mono), monospace;color:var(--info);vertical-align:1px;background:#60758a26;border-radius:4px;margin-left:6px;padding:1px 6px;font-size:9px;display:inline-block}.objrow{border-radius:6px;align-items:center;gap:6px;padding:5px 6px;font-size:12px;display:flex}.objrow:hover{background:var(--secondary)}.objrow.sel{background:var(--accent)}.objrow .oname{text-overflow:ellipsis;white-space:nowrap;cursor:pointer;flex:1;overflow:hidden}.objrow button{color:var(--muted-foreground);border-radius:4px;padding:2px 5px;font-size:11px}.objrow button:hover{background:var(--muted);color:var(--foreground)}.okind{font-family:var(--font-geist-mono), monospace;color:var(--muted-foreground);background:var(--secondary);border-radius:4px;padding:1px 5px;font-size:9px}table.bom{border-collapse:collapse;width:100%;font-size:11.5px}table.bom th{text-align:left;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-foreground);border-bottom:1px solid var(--border);padding:4px;font-size:9.5px}table.bom td{vertical-align:top;border-bottom:1px solid #3d4d5c66;padding:4px}table.bom td.q{text-align:right;font-family:var(--font-geist-mono), monospace;font-variant-numeric:tabular-nums;white-space:nowrap}#status{background:var(--card);border-top:1px solid var(--border);color:var(--muted-foreground);font-size:11px;font-family:var(--font-geist-mono), monospace;font-variant-numeric:tabular-nums;grid-area:stat;align-items:center;gap:14px;padding:5px 12px;display:flex}#status .mode{color:var(--foreground)}#status .spacer{flex:1}@media (max-width:920px){.ff-root{grid-template-columns:1fr;grid-template-areas:"head""view""stat"}#vbtns{bottom:56px}#library,#right{z-index:40;width:min(300px,86vw);transition:transform .18s;position:fixed;top:0;bottom:0;transform:translate(-105%);box-shadow:0 0 40px #080a0d99}#library{padding-top:14px;left:0}#right{right:0;transform:translate(105%)}#library.open,#right.open{transform:translate(0)}#paneltoggles{display:flex}input,select{font-size:16px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}