:root{--bg: #070b16;--ink: #e6f1ff;--mut: #8aa0bf;--cyan: #22d3ee;--cyan2: #67e8f9;--mag: #f0abfc;--line: rgba(34, 211, 238, .16);--line2: rgba(34, 211, 238, .38)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Jost,Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.5;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}input{font:inherit}.studio-page{height:100%;padding:12px}.studio-page .wifi-studio{height:calc(100vh - 24px);min-height:560px}.loading{height:100%;display:grid;place-items:center;color:var(--cyan2);font-family:JetBrains Mono,Consolas,monospace;letter-spacing:3px}.home{min-height:100%;position:relative;display:flex;flex-direction:column;overflow:hidden}.home-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(900px 500px at 15% -10%,rgba(34,211,238,.16),transparent 60%),radial-gradient(800px 500px at 100% 100%,rgba(240,171,252,.12),transparent 60%),linear-gradient(rgba(34,211,238,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.05) 1px,transparent 1px);background-size:auto,auto,48px 48px,48px 48px}.home-head{position:relative;display:flex;justify-content:space-between;align-items:center;padding:18px 28px;border-bottom:1px solid var(--line)}.home-brand{display:flex;align-items:center;gap:12px}.home-brand .logo{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:20px;background:linear-gradient(135deg,#22d3ee59,#f0abfc40);border:1px solid var(--line2);box-shadow:0 0 22px #22d3ee4d}.home-brand b{display:block;font-size:17px;letter-spacing:.6px}.home-brand small{display:block;font-size:10.5px;letter-spacing:2.2px;text-transform:uppercase;color:var(--cyan)}.home-link{color:var(--mut);text-decoration:none;font-size:12.5px}.home-link:hover{color:var(--cyan2)}.home-main{position:relative;flex:1;width:min(1080px,100%);margin:0 auto;padding:48px 24px 40px}.hero h1{font-size:clamp(30px,4.6vw,52px);line-height:1.05;margin:0 0 18px;font-weight:700;letter-spacing:-.5px;background:linear-gradient(90deg,#fff,#a5f3fc 60%,#f0abfc);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{color:var(--mut);max-width:720px;font-size:15px;margin:0 0 24px}.new-plan{display:flex;gap:10px;max-width:640px}.new-plan input{flex:1;min-width:0;padding:12px 14px;border-radius:12px;background:#ffffff0d;border:1px solid var(--line2);color:var(--ink)}.new-plan input:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px #22d3ee2e}.home button.primary{padding:12px 20px;border-radius:12px;border:0;font-weight:700;color:#04101f;background:linear-gradient(135deg,#22d3ee,#60a5fa);box-shadow:0 0 26px #22d3ee59;white-space:nowrap}.home button.primary:hover{filter:brightness(1.1)}.home button.primary:disabled{opacity:.5}.home button.mini{background:transparent;border:1px solid var(--line2);color:var(--mut);border-radius:7px;padding:3px 8px;font-size:11px}.home button.mini:hover{color:#fecaca;border-color:#f87171}.err{color:#fecaca;margin-top:10px}.brands{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.brand-chip{padding:5px 11px;border-radius:999px;border:1px solid var(--line);background:#ffffff08;font-size:12px;color:var(--mut)}.feats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:44px}.feat{padding:14px;border-radius:14px;border:1px solid var(--line);background:#0d152899;font-size:12.5px;line-height:1.45;color:var(--mut);backdrop-filter:blur(8px)}.feat b{display:block;color:var(--cyan2);font-size:13.5px;margin-bottom:4px}.recent{margin-top:44px}.recent h2{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--cyan);margin:0 0 10px}.recent-list{display:flex;flex-direction:column;gap:6px}.recent-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:11px;border:1px solid var(--line);background:#0d152899;cursor:pointer}.recent-item:hover{border-color:var(--cyan);background:#22d3ee12}.recent-item .t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-item .d{color:var(--mut);font-size:12px;font-family:JetBrains Mono,Consolas,monospace}.recent-item .role{font-size:10px;letter-spacing:1px;text-transform:uppercase;padding:2px 8px;border-radius:999px;border:1px solid var(--line2);color:var(--cyan2)}.recent-item .role.view{color:var(--mag);border-color:#f0abfc80}.note{color:var(--mut);font-size:11.5px;margin-top:8px}.home-foot{position:relative;padding:14px 28px;border-top:1px solid var(--line);color:var(--mut);font-size:11.5px;text-align:center}@media(max-width:900px){.feats{grid-template-columns:1fr 1fr}.new-plan{flex-direction:column}}.wifi-studio{--wf-bg: #070b16;--wf-bg2: #0b1224;--wf-panel: rgba(13, 21, 40, .72);--wf-line: rgba(34, 211, 238, .16);--wf-line2: rgba(34, 211, 238, .38);--wf-cyan: #22d3ee;--wf-cyan2: #67e8f9;--wf-mag: #f0abfc;--wf-ink: #e6f1ff;--wf-mut: #8aa0bf;--wf-ok: #34d399;--wf-warn: #facc15;--wf-bad: #f87171;--wf-mono: "JetBrains Mono", "Cascadia Code", Consolas, "SFMono-Regular", monospace;color:var(--wf-ink);background:radial-gradient(1200px 600px at 20% -10%,rgba(34,211,238,.1),transparent 60%),radial-gradient(900px 500px at 110% 110%,rgba(240,171,252,.08),transparent 60%),var(--wf-bg);border-radius:16px;border:1px solid var(--wf-line);box-shadow:0 30px 80px #00000059,inset 0 0 0 1px #ffffff05;display:grid;grid-template-rows:auto 1fr;height:calc(100vh - 210px);min-height:660px;overflow:hidden;font-size:13px;position:relative}.wifi-studio *,.wifi-studio *:before,.wifi-studio *:after{box-sizing:border-box}.wifi-studio h2,.wifi-studio h3{font-family:Jost,Segoe UI,system-ui,sans-serif;font-weight:600;letter-spacing:.4px;color:var(--wf-ink)}.wifi-studio label{color:var(--wf-mut);font-size:10.5px;letter-spacing:1.2px;margin-bottom:4px}.wifi-studio button{background:#ffffff0a;border:1px solid var(--wf-line2);color:var(--wf-ink);border-radius:9px;padding:7px 12px;font-size:12.5px;transition:background .15s,border-color .15s,box-shadow .15s,transform .12s}.wifi-studio button:hover{background:#22d3ee1f;border-color:var(--wf-cyan);box-shadow:0 0 18px #22d3ee40}.wifi-studio button.primary{background:linear-gradient(135deg,#22d3eee6,#60a5fae6);color:#04101f;border-color:transparent;font-weight:700}.wifi-studio button.primary:hover{background:linear-gradient(135deg,#67e8f9,#93c5fd);box-shadow:0 0 26px #22d3ee73}.wifi-studio button.danger{border-color:#f8717173;color:#fecaca}.wifi-studio button.danger:hover{background:#f8717124;border-color:var(--wf-bad);box-shadow:0 0 18px #f8717140}.wifi-studio button.on{background:#22d3ee2e;border-color:var(--wf-cyan);color:var(--wf-cyan2)}.wifi-studio button.mini{padding:4px 8px;font-size:11px;border-radius:7px}.wifi-studio input,.wifi-studio select{background:#ffffff0d;border:1px solid var(--wf-line2);color:var(--wf-ink);border-radius:8px;padding:6px 9px;font-size:12.5px}.wifi-studio input:focus,.wifi-studio select:focus{border-color:var(--wf-cyan);box-shadow:0 0 0 3px #22d3ee2e}.wifi-studio select option{background:#0b1224;color:var(--wf-ink)}.wifi-studio input[type=range]{padding:0;height:22px;accent-color:var(--wf-cyan);background:transparent;border:0}.wifi-studio .mono{font-family:var(--wf-mono);font-variant-numeric:tabular-nums}.wifi-studio .mut{color:var(--wf-mut)}.wifi-studio .row{display:flex;gap:8px;align-items:center}.wifi-studio .grow{flex:1;min-width:0}.wf-hud{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid var(--wf-line);background:linear-gradient(180deg,rgba(34,211,238,.06),transparent)}.wf-brand{display:flex;align-items:center;gap:10px}.wf-brand .logo{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#22d3ee59,#f0abfc40);border:1px solid var(--wf-line2);box-shadow:0 0 18px #22d3ee40;font-size:18px}.wf-brand .t{font-size:15px;font-weight:700;letter-spacing:.6px}.wf-brand .s{font-size:10.5px;letter-spacing:2.2px;color:var(--wf-cyan);text-transform:uppercase}.wf-floors{display:flex;gap:6px;flex-wrap:wrap}.wf-chip{padding:6px 11px;border-radius:999px;border:1px solid var(--wf-line2);background:#ffffff08;cursor:pointer;font-size:12px;display:inline-flex;gap:6px;align-items:center}.wf-chip:hover{border-color:var(--wf-cyan)}.wf-chip.on{background:#22d3ee29;border-color:var(--wf-cyan);color:var(--wf-cyan2)}.wf-chip .x{opacity:.55;font-size:11px}.wf-chip .x:hover{opacity:1;color:var(--wf-bad)}.wf-seg{display:inline-flex;border:1px solid var(--wf-line2);border-radius:10px;overflow:hidden}.wf-seg button{border:0;border-radius:0;padding:6px 12px;background:transparent}.wf-seg button+button{border-left:1px solid var(--wf-line)}.wf-seg button.on{background:#22d3ee33;color:var(--wf-cyan2);box-shadow:none}.wf-hud .ctl{display:flex;flex-direction:column;gap:2px}.wf-hud .ctl label{margin:0}.wf-readout{font-family:var(--wf-mono);font-size:12px;padding:6px 10px;border-radius:8px;border:1px solid var(--wf-line);background:#00000040;min-width:210px;white-space:nowrap}.wf-readout b{color:var(--wf-cyan2)}.wf-spacer{flex:1}.wf-body{display:grid;grid-template-columns:1fr 350px;min-height:0}.wf-stage{position:relative;overflow:hidden;min-height:0;background:radial-gradient(circle at 50% 50%,#0d1730 0%,var(--wf-bg) 70%);cursor:grab;touch-action:none;user-select:none}.wf-stage.tool-ap,.wf-stage.tool-calibrate{cursor:crosshair}.wf-stage.tool-zone,.wf-stage.tool-region{cursor:cell}.wf-stage.panning{cursor:grabbing}.wf-grid{position:absolute;inset:0;pointer-events:none;opacity:.35;background-image:linear-gradient(rgba(34,211,238,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.08) 1px,transparent 1px);background-size:48px 48px}.wf-world{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}.wf-world canvas{position:absolute;left:0;top:0;display:block}.wf-world canvas.base{filter:invert(.93) hue-rotate(180deg) saturate(.4) contrast(1.05) brightness(1.1);mix-blend-mode:screen;opacity:.85}.wf-world canvas.base.paper{filter:none;mix-blend-mode:normal;opacity:1}.wf-world canvas.heat{opacity:.78;image-rendering:auto;pointer-events:none}.wf-world canvas.walls{opacity:.85;pointer-events:none}.wf-region{position:absolute;border:1px dashed rgba(34,211,238,.45);pointer-events:none}.wf-region:before,.wf-region:after{content:"";position:absolute;width:14px;height:14px;border:2px solid var(--wf-cyan)}.wf-region:before{left:-2px;top:-2px;border-right:0;border-bottom:0}.wf-region:after{right:-2px;bottom:-2px;border-left:0;border-top:0}.wf-zone{position:absolute;border:1.5px solid;border-radius:3px;pointer-events:none}.wf-zone span{position:absolute;left:0;top:0;transform:translateY(-100%);font-size:10px;padding:1px 5px;border-radius:4px 4px 0 0;color:#04101f;font-weight:700;white-space:nowrap}.wf-drag{position:absolute;border:1.5px dashed var(--wf-mag);background:#f0abfc1a;pointer-events:none}.wf-room{position:absolute;transform:translate(-50%,-50%);pointer-events:none;display:flex;align-items:center;gap:5px;padding:2px 7px;border-radius:999px;background:#050a16b3;border:1px solid rgba(255,255,255,.08);font-size:10.5px;white-space:nowrap;color:#d7e6ff}.wf-room i{width:7px;height:7px;border-radius:50%;display:inline-block;box-shadow:0 0 8px currentColor}.wf-room.far{font-size:9px;padding:1px 5px;gap:4px;opacity:.85}.wf-dead{position:absolute;border:1.5px dashed rgba(248,113,113,.85);border-radius:6px;box-shadow:0 0 22px #f8717140,inset 0 0 22px #f871711f;pointer-events:none}.wf-dead span{position:absolute;left:50%;top:-1px;transform:translate(-50%,-100%);font-size:10px;padding:1px 6px;border-radius:5px;background:#7f1d1de6;border:1px solid rgba(248,113,113,.6);color:#fee2e2;white-space:nowrap;font-family:var(--wf-mono)}.wf-ap{position:absolute;width:0;height:0;cursor:grab}.wf-ap .core{position:absolute;left:0;top:0;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#a5f3fc,#06b6d4 60%,#0e7490);border:2px solid #ecfeff;box-shadow:0 0 0 3px #22d3ee40,0 0 22px #22d3eeb3;color:#04101f;font-size:13px;font-weight:800}.wf-ap.off .core{background:#334155;border-color:#64748b;box-shadow:none;color:#cbd5e1}.wf-ap.sel .core{border-color:var(--wf-mag);box-shadow:0 0 0 3px #f0abfc59,0 0 26px #f0abfccc}.wf-ap .ring{position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;border:1.5px solid rgba(34,211,238,.8);transform:translate(-50%,-50%);animation:wf-pulse 2.6s ease-out infinite;pointer-events:none}.wf-ap .ring.r2{animation-delay:1.3s}.wf-ap.off .ring{display:none}.wf-ap .tag{position:absolute;left:0;top:20px;transform:translate(-50%);white-space:nowrap;font-size:10.5px;font-family:var(--wf-mono);padding:1px 6px;border-radius:5px;background:#050a16cc;border:1px solid var(--wf-line2);color:var(--wf-cyan2)}.wf-ap.auto .tag{border-color:#f0abfc99;color:var(--wf-mag)}@keyframes wf-pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.9}to{transform:translate(-50%,-50%) scale(3.2);opacity:0}}.wf-cal{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--wf-mag);transform:translate(-50%,-50%);box-shadow:0 0 12px var(--wf-mag)}.wf-cal-line{position:absolute;height:0;border-top:1.5px dashed var(--wf-mag);transform-origin:0 0;pointer-events:none}.wf-tools{position:absolute;left:12px;top:12px;display:flex;flex-direction:column;gap:6px;z-index:3}.wf-tools button{width:40px;height:40px;padding:0;display:grid;place-items:center;font-size:16px;backdrop-filter:blur(8px);background:#0d1528cc}.wf-tools .sep{height:6px}.wf-views{position:absolute;right:12px;top:12px;display:flex;gap:6px;z-index:3}.wf-views button{backdrop-filter:blur(8px);background:#0d1528cc;font-size:11.5px;padding:6px 10px}.wf-legend{position:absolute;left:12px;bottom:12px;z-index:3;display:flex;gap:8px;align-items:center;padding:6px 10px;border-radius:9px;background:#0d1528cc;border:1px solid var(--wf-line);font-size:10.5px;backdrop-filter:blur(8px)}.wf-legend .bar{width:130px;height:8px;border-radius:4px;background:linear-gradient(90deg,#ef4444,#fb923c,#facc15,#a3e635,#34d399,#22d3ee)}.wf-scale{position:absolute;right:12px;bottom:12px;z-index:3;font-family:var(--wf-mono);font-size:10.5px;color:var(--wf-mut);padding:4px 8px;border-radius:7px;background:#0d1528cc;border:1px solid var(--wf-line)}.wf-scan{position:absolute;inset:0;pointer-events:none;z-index:4;overflow:hidden}.wf-scan:before{content:"";position:absolute;left:-10%;right:-10%;height:90px;top:-90px;background:linear-gradient(180deg,transparent,rgba(34,211,238,.28),rgba(34,211,238,.85) 60%,transparent);box-shadow:0 0 40px #22d3ee80;animation:wf-scan 1.1s linear infinite}.wf-scan span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:var(--wf-mono);letter-spacing:3px;font-size:12px;color:var(--wf-cyan2);text-shadow:0 0 12px var(--wf-cyan)}@keyframes wf-scan{to{top:110%}}.wf-hint{position:absolute;left:50%;top:14px;transform:translate(-50%);z-index:3;padding:7px 14px;border-radius:999px;background:#f0abfc24;border:1px solid rgba(240,171,252,.5);color:#fae8ff;font-size:12px;backdrop-filter:blur(8px);white-space:nowrap}.wf-calbox{position:absolute;left:50%;top:60px;transform:translate(-50%);z-index:5;padding:12px 14px;border-radius:12px;background:#0d1528f2;border:1px solid var(--wf-mag);box-shadow:0 10px 40px #00000080;display:flex;gap:8px;align-items:center}.wf-side{border-left:1px solid var(--wf-line);overflow:auto;padding:12px;display:flex;flex-direction:column;gap:12px;background:#0000002e;min-height:0}.wf-card{position:relative;padding:12px 13px;border-radius:12px;border:1px solid var(--wf-line);background:var(--wf-panel);backdrop-filter:blur(10px)}.wf-card:before{content:"";position:absolute;left:10px;right:10px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(34,211,238,.6),transparent)}.wf-card h3{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--wf-cyan);margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:8px}.wf-card h3 .n{font-family:var(--wf-mono);color:var(--wf-mut);letter-spacing:0;font-weight:400;text-transform:none}.wf-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.wf-stat{text-align:center}.wf-ring{position:relative;width:74px;height:74px;margin:0 auto 4px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--c) calc(var(--p) * 1%),rgba(255,255,255,.06) 0);box-shadow:0 0 22px color-mix(in srgb,var(--c) 35%,transparent)}.wf-ring:before{content:"";position:absolute;inset:7px;border-radius:50%;background:#0b1224}.wf-ring b{position:relative;font-family:var(--wf-mono);font-size:15px;color:var(--c)}.wf-stat .l{font-size:10.5px;letter-spacing:1px;color:var(--wf-mut);text-transform:uppercase}.wf-kv{display:flex;justify-content:space-between;gap:8px;padding:5px 0;border-top:1px solid rgba(255,255,255,.05);font-size:12px}.wf-kv b{font-family:var(--wf-mono);font-weight:500;color:var(--wf-ink)}.wf-list{display:flex;flex-direction:column;gap:5px}.wf-item{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:9px;border:1px solid rgba(255,255,255,.06);background:#ffffff06;cursor:pointer;font-size:12px}.wf-item:hover{border-color:var(--wf-line2);background:#22d3ee0f}.wf-item.sel{border-color:var(--wf-cyan);background:#22d3ee1a}.wf-item .t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wf-item .v{font-family:var(--wf-mono);font-size:11.5px;color:var(--wf-mut);white-space:nowrap}.wf-pill{display:inline-block;padding:1px 7px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.4px;color:#04101f}.wf-table{width:100%;border-collapse:collapse;font-size:11.5px}.wf-table th{text-align:left;font-weight:500;color:var(--wf-mut);font-size:10px;letter-spacing:1px;text-transform:uppercase;padding:3px 4px;border-bottom:1px solid var(--wf-line)}.wf-table td{padding:4px;border-bottom:1px solid rgba(255,255,255,.04);white-space:nowrap}.wf-table td.num{font-family:var(--wf-mono);text-align:right}.wf-table tr{cursor:pointer}.wf-table tr:hover td{background:#22d3ee0f}.wf-dev{display:grid;grid-template-columns:26px 1fr auto;gap:6px;align-items:center;padding:6px 8px;border-radius:9px;border:1px solid rgba(255,255,255,.06);background:#ffffff06}.wf-dev.sel{border-color:var(--wf-cyan);background:#22d3ee14}.wf-dev .ico{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800;background:#22d3ee33;color:var(--wf-cyan2);border:1px solid var(--wf-line2)}.wf-dev.off .ico{background:#ffffff0f;color:var(--wf-mut)}.wf-dev input,.wf-dev select{padding:4px 6px;font-size:11.5px}.wf-dev .acts{display:flex;gap:4px}.wf-sw{width:34px;height:18px;border-radius:999px;background:#ffffff1f;position:relative;cursor:pointer;border:1px solid rgba(255,255,255,.1)}.wf-sw:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#cbd5e1;transition:left .15s,background .15s}.wf-sw.on{background:#22d3ee59;border-color:var(--wf-cyan)}.wf-sw.on:after{left:18px;background:var(--wf-cyan2);box-shadow:0 0 8px var(--wf-cyan)}.wf-slider{display:grid;grid-template-columns:1fr 52px;gap:8px;align-items:center}.wf-slider b{font-family:var(--wf-mono);font-weight:500;text-align:right;font-size:12px}.wf-note{font-size:11px;color:var(--wf-mut);line-height:1.45}.wf-empty{display:grid;place-items:center;padding:30px}.wf-drop{width:min(720px,100%);padding:38px 34px;border-radius:20px;text-align:center;border:1px dashed var(--wf-line2);background:linear-gradient(180deg,#22d3ee0f,#f0abfc0a);box-shadow:inset 0 0 60px #22d3ee0d;transition:border-color .15s,box-shadow .15s}.wf-drop.over{border-color:var(--wf-cyan);box-shadow:0 0 40px #22d3ee40,inset 0 0 60px #22d3ee1a}.wf-drop .big{font-size:46px;filter:drop-shadow(0 0 18px rgba(34,211,238,.6))}.wf-drop h2{font-size:22px;margin:8px 0 6px}.wf-drop p{color:var(--wf-mut);margin:0 0 18px;line-height:1.5}.wf-feats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:22px;text-align:left}.wf-feat{padding:10px;border-radius:10px;border:1px solid var(--wf-line);background:#0003;font-size:11.5px;line-height:1.4}.wf-feat b{display:block;color:var(--wf-cyan2);font-size:12px;margin-bottom:2px}.wf-modal-bg{position:absolute;inset:0;z-index:20;background:#03060ec7;backdrop-filter:blur(6px);display:grid;place-items:center;padding:20px}.wf-modal{width:min(880px,100%);max-height:100%;overflow:auto;padding:18px;border-radius:16px;border:1px solid var(--wf-line2);background:#0b1224;box-shadow:0 30px 90px #0009}.wf-sheets{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin:12px 0}.wf-sheet{border:1px solid var(--wf-line);border-radius:12px;overflow:hidden;background:#ffffff08;cursor:pointer}.wf-sheet.on{border-color:var(--wf-cyan);box-shadow:0 0 20px #22d3ee33}.wf-sheet img{width:100%;display:block;aspect-ratio:4 / 3;object-fit:cover;filter:invert(.93) hue-rotate(180deg) saturate(.4);opacity:.9}.wf-sheet .b{padding:8px 10px;font-size:11.5px}.wf-sheet .b input{width:100%;margin-bottom:4px}.wf-sheet .m{color:var(--wf-mut);font-family:var(--wf-mono);font-size:10.5px}.wf-progress{height:3px;background:#ffffff14;border-radius:2px;overflow:hidden;margin-top:12px}.wf-progress i{display:block;height:100%;width:40%;background:linear-gradient(90deg,transparent,var(--wf-cyan),transparent);animation:wf-prog 1.2s linear infinite}@keyframes wf-prog{0%{transform:translate(-100%)}to{transform:translate(350%)}}@media(max-width:1100px){.wf-body{grid-template-columns:1fr;grid-template-rows:1fr auto}.wf-side{border-left:0;border-top:1px solid var(--wf-line);max-height:40%}.wf-feats{grid-template-columns:1fr 1fr}}.wf-save{font-size:10px;letter-spacing:.5px;text-transform:none;color:var(--wf-mut)}.wf-save.saving{color:var(--wf-warn)}.wf-save.saved{color:var(--wf-ok)}.wf-save.error{color:var(--wf-bad)}.wf-ap.ro{cursor:default}.wf-toast{position:absolute;left:50%;bottom:18px;transform:translate(-50%);z-index:30;padding:9px 16px;border-radius:999px;background:#0d1528f2;border:1px solid var(--wf-cyan);color:var(--wf-cyan2);font-size:12.5px;box-shadow:0 0 24px #22d3ee4d;white-space:nowrap;animation:wf-toast .2s ease-out}@keyframes wf-toast{0%{opacity:0;transform:translate(-50%,8px)}}.wf-ap.router .core{background:radial-gradient(circle at 35% 30%,#fbcfe8,#d946ef 60%,#86198f);border-color:#fdf4ff;box-shadow:0 0 0 3px #f0abfc47,0 0 22px #f0abfcbf}.wf-ap.router .ring{border-color:#f0abfccc}.wf-ap.router .tag{border-color:#f0abfc99;color:var(--wf-mag)}.wf-dev.router .ico{background:#f0abfc33;color:var(--wf-mag);border-color:#f0abfc80}.wf-role{font-size:9.5px;letter-spacing:.8px;text-transform:uppercase;color:var(--wf-mut)}