:root,[data-theme=black],[data-theme=charcoal],[data-theme=night],[data-theme=army],[data-theme=signal]{--bg:#0d0e0f;--panel:#101214;--panel-2:#17191d;--chrome:#0d0e0f;--inset:#0b0c0d;--icon-bg:#1c1f24;--line:#ffffff0f;--line-strong:#ffb91f29;--text:#fff;--muted:#9aa0a6;--dim:#6b7076;--accent:#ffb91f;--accent-dim:#ffb91f24;--accent-glow:#ffb91f38;--on-accent:#0d0e0f;--ok:#ffb91f;--radar:#6ea8ff;--shadow:0 24px 80px #000000b8, 0 0 0 1px #ffffff0a;--stage:radial-gradient(900px 500px at 50% -10%, #17191d 0%, #070809 55%);--r:16px}.wz-page{isolation:isolate;background:var(--stage);min-height:100dvh;color:var(--text);box-sizing:border-box;place-items:center;padding:48px 16px;font-family:Inter,system-ui,sans-serif;display:grid;position:relative;overflow:hidden}.wz-page *,.wz-page :before,.wz-page :after{box-sizing:border-box}.stage{z-index:1;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:36px;display:flex;position:relative}.app{background:linear-gradient(180deg, var(--panel-2) 0%, var(--bg) 100%);border-radius:var(--r);width:348px;box-shadow:var(--shadow);border:1px solid var(--line-strong);position:relative;overflow:hidden}.app:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-glow), transparent);pointer-events:none;height:1px;position:absolute;inset:0 0 auto}.chrome{background:var(--chrome);border-bottom:1px solid var(--line)}.titlebar{align-items:center;gap:10px;padding:8px 12px 6px;display:flex}.win-title{text-align:center;color:#9aa0ab;flex:1;margin-right:39px;font-size:12px;font-weight:500}.omnibox{background:var(--inset);border:1px solid var(--line);color:var(--dim);border-radius:8px;align-items:center;gap:8px;margin:0 10px 8px;padding:6px 10px;display:flex}.omnibox span{color:#6b707a;flex:1;font-size:11.5px}.omnibox svg{flex-shrink:0;width:13px;height:13px}.dots{gap:6px;display:flex}.dots i{border-radius:50%;width:11px;height:11px;display:block}.dots .r{background:#ff5f57}.dots .y{background:#febc2e}.dots .g{background:#28c840}.brand{grid-template-columns:28px 1fr 28px;align-items:center;padding:12px 10px 6px;display:grid}.brand-core{grid-column:2;justify-content:center;align-items:center;gap:8px;display:flex}.wipe{width:26px;height:26px;color:var(--dim);cursor:pointer;background:0 0;border:0;border-radius:6px;grid-column:3;justify-self:end;place-items:center;display:grid}.wipe:hover{color:var(--accent);background:var(--accent-dim)}.wipe svg{width:14px;height:14px}.mark{background:var(--accent);width:22px;height:22px;box-shadow:0 0 14px var(--accent-glow);border-radius:6px;place-items:center;display:grid}.mark svg{width:20px;height:20px;overflow:hidden}.mark .radar-level{fill:none;stroke:#111;stroke-width:.65px;opacity:0}.mark .radar-sweep{transform-box:view-box;transform-origin:8px 8.83333px}.radar-active .radar-level{animation:30s linear radar-levels}.radar-active .radar-sweep{animation:3s linear 10 radar-sweep}@keyframes radar-levels{0%,to{opacity:0}1%,99%{opacity:.35}}@keyframes radar-sweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.radar-active .radar-sweep{animation:none}}.brand span{letter-spacing:.2em;text-transform:uppercase;color:#e8eaee;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:13px;font-weight:600}.hdr{gap:6px;padding:6px 10px 8px;display:grid}.status-row{background:#141618;border:1px solid #ffffff0a;border-radius:8px;justify-content:space-between;align-items:center;min-height:24px;padding:2px 2px 2px 10px;display:flex}.live{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);align-items:center;gap:7px;font-family:IBM Plex Mono,monospace;font-size:10px;display:flex}.live .pip{background:var(--ok);border-radius:50%;width:6px;height:6px;animation:1.8s ease-in-out infinite pulse;box-shadow:0 0 8px #8eb4ffbf}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.75)}}.chip{color:var(--on-accent);background:var(--accent);letter-spacing:.04em;border-radius:6px;padding:3px 7px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:600}.search{background:var(--inset);border:1px solid var(--line);border-radius:10px;align-items:center;gap:8px;padding:6px 9px;display:flex}.search svg{width:13px;height:13px;color:var(--dim);flex-shrink:0}.search input{color:var(--text);background:0 0;border:0;outline:0;width:100%;font:500 11.5px/1 Inter,sans-serif}.search input::placeholder{color:var(--dim)}.search kbd{color:var(--dim);border:1px solid var(--line-strong);border-radius:4px;padding:1px 5px;font-family:IBM Plex Mono,monospace;font-size:10px}.list{height:430px;padding:0 8px 8px;overflow:auto}.list::-webkit-scrollbar{width:8px}.list::-webkit-scrollbar-thumb{background:#2a2d34 padding-box padding-box;border:2px solid #0000;border-radius:8px}.sec{margin-bottom:5px}.sec-h{-webkit-user-select:none;user-select:none;cursor:pointer;justify-content:space-between;align-items:center;padding:5px 8px 3px;display:flex}.sec-h .lab{letter-spacing:.16em;text-transform:uppercase;color:var(--dim);font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:500}.sec-h .n{color:#3f434c;font-family:IBM Plex Mono,monospace;font-size:10px}.rows{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;overflow:hidden}.row{border-top:1px solid var(--line);cursor:pointer;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:30px;padding:6px 8px;display:grid;position:relative}.app.editing .row{cursor:grab;grid-template-columns:14px 28px minmax(0,1fr) auto;padding-left:8px}.app.editing .row:active{cursor:grabbing}.row.dragging{opacity:.35}.row.drop-before{box-shadow:inset 0 2px 0 var(--accent)}.row.hidden-row{opacity:.45}.row:first-child{border-top:0}.row:hover{background:#ffffff06}.row.active{background:linear-gradient(90deg, var(--accent-dim), transparent 72%)}.row.active:before{content:"";background:var(--accent);width:2px;box-shadow:0 0 8px var(--accent-glow);border-radius:2px;position:absolute;top:6px;bottom:6px;left:0}.ico{background:var(--icon-bg);color:#aeb2bb;border-radius:6px;place-items:center;width:22px;height:22px;display:grid}.row.active .ico{background:var(--accent);color:#111;box-shadow:0 0 10px var(--accent-glow)}.ico svg{width:13px;height:13px}.name{letter-spacing:-.01em;color:#e6e7ea;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:11.5px;font-weight:500;overflow:hidden}.label{min-width:0}.sub{color:var(--dim);margin-top:1px;font-size:10.5px}.trail{align-items:center;gap:8px;display:flex}.badge{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--accent-dim);border-radius:999px;padding:2px 6px;font-family:IBM Plex Mono,monospace;font-size:9px}.chev{width:18px;height:18px;color:var(--dim);border-radius:5px;place-items:center;display:grid}.row.open .chev{color:var(--accent);transform:rotate(45deg)}.chev svg{width:12px;height:12px}.toggle{background:#2a2d34;border:1px solid #3a3e46;border-radius:99px;width:30px;height:18px;position:relative}.toggle.on{background:var(--accent);border-color:#b7ccff}.toggle i{background:#ecece8;border-radius:50%;width:14px;height:14px;transition:transform .18s;position:absolute;top:1px;left:1px}.toggle.on i{background:#111;transform:translate(12px)}.drawer{background:var(--panel);border-top:1px dashed var(--line);padding:0 10px 10px 40px;display:none}.row.open+.drawer{display:block}.field{gap:4px;padding-top:8px;display:grid}.field label{letter-spacing:.12em;text-transform:uppercase;color:var(--dim);font-family:IBM Plex Mono,monospace;font-size:9.5px}.field input,.field select{border:1px solid var(--line-strong);color:var(--text);background:#0d0e12;border-radius:7px;outline:none;padding:6px 8px;font:500 12px Inter,sans-serif}.mini-row{gap:8px;display:flex}.mini-row>*{flex:1}.go{background:var(--accent);color:#111;cursor:pointer;border:0;border-radius:8px;width:100%;margin-top:8px;padding:7px 0;font:600 12px Inter,sans-serif}.foot{border-top:1px solid var(--line);background:#0e1014;justify-content:space-between;align-items:center;padding:7px 12px 8px;display:flex}.foot span,.foot button{color:var(--dim);letter-spacing:.06em;font-family:IBM Plex Mono,monospace;font-size:10px}.foot button{cursor:pointer;color:#8b8e97;background:0 0;border:0}.foot button:hover,.foot .edit-btn.on{color:var(--accent)}.grip{color:#4a4e57;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:18px;display:none}.app.editing .grip{display:flex}.grip svg{width:10px;height:14px}.eye{color:#9aa0ab;cursor:pointer;background:#22252c;border:0;border-radius:6px;place-items:center;width:22px;height:22px;display:none}.app.editing .eye{display:grid}.eye:hover{color:var(--accent)}.eye svg{width:13px;height:13px}.hidden-sec .rows{border-style:dashed}.notes{color:#c7c9cf;width:min(480px,92vw)}.notes-title{letter-spacing:.12em;text-transform:uppercase;color:#e8eaee;text-wrap:balance;margin:36px 0 16px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:36px;font-weight:600;line-height:1.15}.notes-title span{color:var(--accent)}.notes p{color:#9aa0ab;margin-bottom:18px;font-size:14px;line-height:1.55}.notes h2{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:18px 0 8px;font-family:IBM Plex Mono,monospace;font-size:12px}.notes ul{padding-left:18px}.notes li{color:#b4b8c0;margin:6px 0;font-size:13.5px;line-height:1.45}.swatches{gap:8px;margin-top:8px;display:flex}.sw{border:1px solid #ffffff14;border-radius:8px;width:28px;height:28px}.palettes{gap:10px;margin-top:8px;display:grid}.pal{text-align:left;cursor:pointer;color:inherit;background:#14151a;border:1px solid #ffffff14;border-radius:12px;width:100%;padding:12px}.pal.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-dim)}.pal b{margin-bottom:4px;font-size:14px;display:block}.pal p{color:#9aa0ab;margin:0 0 8px;font-size:12.5px}.pal .swatches{margin:0}@media (width<=820px){.notes{order:-1}}.wz-page .brand:hover .radar-level,.wz-page .notes-lockup:hover .radar-level{animation:30s linear radar-levels}.wz-page .brand:hover .radar-sweep,.wz-page .notes-lockup:hover .radar-sweep{animation:3s linear 10 radar-sweep}.bg-radar{z-index:0;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.scanner-case{--radius:min(140vmin, 1600px);height:var(--radius);width:var(--radius);border:1px solid color-mix(in srgb, var(--radar) 22%, transparent);opacity:.55;border-radius:50%;position:relative;overflow:hidden}.scanner{border-radius:inherit;height:inherit;width:inherit;overflow:inherit;animation:14s linear infinite radar-spin;position:relative}.scanner-ray{height:inherit;width:inherit;background:linear-gradient(45deg, color-mix(in srgb, var(--radar) 38%, transparent) 0%, transparent 52%);position:absolute;top:50%;left:50%}.scanner-case>.line{width:0;height:inherit;border-left:1px solid color-mix(in srgb, var(--radar) 18%, transparent);position:absolute;top:0;left:50%}.scanner-case>.line.rot-45{transform:rotate(45deg)}.scanner-case>.line.rot-90{transform:rotate(90deg)}.scanner-case>.line.rot-135{transform:rotate(135deg)}.scanner-case>.circle{border-radius:inherit;border:1px solid color-mix(in srgb, var(--radar) 18%, transparent);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scanner-case>.circle.r75{width:calc(var(--radius) * .75);height:calc(var(--radius) * .75)}.scanner-case>.circle.r50{width:calc(var(--radius) * .5);height:calc(var(--radius) * .5)}.scanner-case>.circle.r25{width:calc(var(--radius) * .25);height:calc(var(--radius) * .25)}.scanner-case>.dot{background:var(--accent);opacity:0;width:8px;height:8px;box-shadow:0 0 10px var(--accent-glow), 0 0 22px color-mix(in srgb, var(--accent) 45%, transparent);border-radius:50%;animation:14s linear infinite radar-blip;position:absolute;transform:translate(-50%,-50%)}@keyframes radar-spin{to{transform:rotate(360deg)}}@keyframes radar-blip{0%{opacity:0}2%{opacity:.9}75%{opacity:0}}@media (prefers-reduced-motion:reduce){.scanner{animation:none}.scanner-case>.dot{opacity:.2;animation:none}}.notes-dl{margin-top:22px}.notes-dl a,.notes-dl button{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);cursor:pointer;background:0 0;border-radius:8px;padding:8px 12px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px;text-decoration:none;display:inline-block}.notes-dl a:hover,.notes-dl button:hover{background:var(--accent-dim)}
