:root{font-synthesis:none;letter-spacing:0;--ease-out:cubic-bezier(.23, 1, .32, 1);--bg:#eef0f2;--surface:#fff;--surface-raised:#fff;--surface-subtle:#f5f6f7;--surface-hover:#eceef0;--text-primary:#191b1f;--text-secondary:#5f646d;--text-faint:#90959d;--border:#d5d8dc;--border-subtle:#e8eaed;--accent:#118469;--accent-hover:#0c7059;--accent-soft:#ddf2ec;--danger:#c43e46;--danger-soft:#fbe8e9;--warning:#c57816;--selection:#b8e0d6;--editor-gutter:#f7f8f9;--editor-active-line:#f1f7f5;--syntax-key:#7751a8;--syntax-string:#2c7b4d;--syntax-number:#176db4;--syntax-boolean:#b14479;--syntax-null:#ad5a21;--syntax-punctuation:#68717d;--sidebar:#17191d;--sidebar-raised:#202328;--sidebar-hover:#262a30;--sidebar-border:#2b2f35;--sidebar-text:#f2f3f4;--sidebar-muted:#8f969f;--scrollbar-track:transparent;--scrollbar-thumb:#aab0b7;--scrollbar-thumb-hover:#858d96;--panel-shadow:0 1px 2px #12161b0d;--shadow-modal:0 18px 54px #1c232a2e;font-family:Inter,Segoe UI Variable,Segoe UI,system-ui,sans-serif}:root[data-theme=dark]{--bg:#161719;--surface:#202225;--surface-raised:#25272b;--surface-subtle:#25272a;--surface-hover:#2d3034;--text-primary:#edf0f2;--text-secondary:#aeb5bd;--text-faint:#7e8791;--border:#3a3d42;--border-subtle:#2e3135;--accent:#54b89f;--accent-hover:#70c9b3;--accent-soft:#1c4239;--danger:#f07878;--danger-soft:#4a2528;--warning:#e9a557;--selection:#285e52;--editor-gutter:#1b1d21;--editor-active-line:#242b2a;--syntax-key:#c79be4;--syntax-string:#9dcc86;--syntax-number:#78b7f0;--syntax-boolean:#ee91bd;--syntax-null:#efad69;--syntax-punctuation:#a5adb6;--sidebar:#111214;--sidebar-raised:#1c1e21;--sidebar-hover:#24272b;--sidebar-border:#282b2f;--scrollbar-thumb:#50565e;--scrollbar-thumb-hover:#6b737d;--panel-shadow:0 1px 2px #0003;--shadow-modal:0 18px 54px #0000006b}*{box-sizing:border-box;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-corner{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:6px;min-width:32px;min-height:32px}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{color:var(--text-primary);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:13px}button,input,textarea,select{font:inherit;letter-spacing:0}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.app-shell{background:var(--bg);grid-template-columns:228px minmax(0,1fr);width:100%;height:100%;display:grid;overflow:hidden}.app-shell.sidebar-collapsed{grid-template-columns:64px minmax(0,1fr)}.app-sidebar{--scrollbar-track:transparent;--scrollbar-thumb:#454b53;--scrollbar-thumb-hover:#626a74;min-width:0;color:var(--sidebar-text);background:var(--sidebar);border-right:1px solid var(--sidebar-border);z-index:4;flex-direction:column;display:flex;overflow:visible}.brand-row{border-bottom:1px solid var(--sidebar-border);align-items:center;gap:6px;min-height:66px;padding:12px 10px 11px 12px;display:flex}.brand-home{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:10px;padding:0;display:flex}.brand-mark{color:#b8f0df;background:#24282d;border:1px solid #3c4148;border-radius:7px;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;font:700 12px/1 Cascadia Code,monospace;display:flex;box-shadow:inset 0 1px #ffffff0d}.brand-mark i{color:#f3a64b;margin:0 1px;font-style:normal}.brand-copy{flex-direction:column;flex:1;min-width:0;display:flex}.brand-copy strong{color:var(--sidebar-text);font-size:13px;font-weight:650}.brand-copy small{color:var(--sidebar-muted);text-transform:uppercase;margin-top:3px;font:9px/1.2 Cascadia Code,monospace}.brand-row>.icon-button{color:var(--sidebar-muted)}.brand-row>.icon-button:hover:not(:disabled){color:var(--sidebar-text);background:var(--sidebar-hover);border-color:var(--sidebar-border)}.sidebar-collapsed .brand-row{flex-direction:column;padding-inline:8px}.sidebar-collapsed .brand-mark,.sidebar-collapsed .brand-home{display:none}.sidebar-home{color:#aeb4bc;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:10px;width:calc(100% - 16px);min-height:38px;margin:12px 8px 4px;padding:0 10px;display:flex}.sidebar-home.active{color:#15171a;background:#f2f3f4}.sidebar-home:not(.active):hover{color:var(--sidebar-text);background:var(--sidebar-hover)}.sidebar-collapsed .sidebar-home{justify-content:center;padding:0}.tool-search{border:1px solid var(--sidebar-border);background:var(--sidebar-raised);height:34px;color:var(--sidebar-muted);border-radius:6px;align-items:center;gap:7px;margin:10px 8px 8px;padding:0 8px;display:flex}.tool-search:focus-within{border-color:#4f8679;box-shadow:0 0 0 2px #4db39724}.tool-search input{width:100%;min-width:0;color:var(--sidebar-text);background:0 0;border:0;outline:0}.tool-search input::placeholder{color:var(--sidebar-muted)}kbd{color:var(--sidebar-muted);white-space:nowrap;background:#1a1c20;border:1px solid #3a3e44;border-bottom-width:2px;border-radius:4px;padding:2px 4px;font:9px/1.2 Cascadia Code,monospace}.tool-nav{scrollbar-gutter:stable;flex:1;min-width:0;padding:4px 8px;overflow:hidden auto}.nav-section-label{color:#777e87;text-transform:uppercase;justify-content:space-between;align-items:center;height:30px;padding:0 8px;font-size:9px;font-weight:700;display:flex}.nav-section-label small{color:#8d949d;text-align:center;background:#202328;border-radius:4px;min-width:20px;padding:2px 5px}.tool-nav-row{--tool-accent:#8f969f;color:#aeb4bc;border-radius:6px;align-items:center;min-height:46px;margin:2px 0;display:flex;position:relative}.tool-nav-row.active{color:#15171a;background:#f2f3f4}.tool-nav-row.active:before{background:var(--tool-accent);content:"";border-radius:0 3px 3px 0;width:3px;height:20px;position:absolute;left:0}.tool-nav-row:hover:not(.active){background:var(--sidebar-hover);color:var(--sidebar-text)}.tool-nav-main{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:10px;min-width:0;min-height:44px;padding:6px 8px;display:flex}.tool-nav-main>svg{color:var(--tool-accent);flex:none}.tool-nav-main>span{flex-direction:column;min-width:0;display:flex}.tool-nav-main strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.tool-nav-main small{color:#7f8690;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:10px;overflow:hidden}.tool-nav-row.active .tool-nav-main small{color:#717780}.tool-nav-row>.icon-button{color:#737a84}.tool-nav-row.active>.icon-button{color:#656b73}.sidebar-collapsed .tool-nav{padding-inline:8px}.sidebar-collapsed .tool-nav-main{justify-content:center;padding-inline:0}.sidebar-footer{border-top:1px solid var(--sidebar-border);align-items:center;gap:8px;min-height:56px;padding:8px 10px;display:flex}.sidebar-footer .icon-button{color:var(--sidebar-muted);border-color:var(--sidebar-border);background:var(--sidebar-raised)}.sidebar-footer .icon-button:hover:not(:disabled){color:var(--sidebar-text);background:var(--sidebar-hover)}.sidebar-footer .tooltip-anchor:after{transform-origin:0;top:50%;left:calc(100% + 7px);transform:translate(-2px,-50%)scale(.97)}.sidebar-footer .tooltip-anchor[data-tooltip]:focus-visible:after{transition:none;transform:translateY(-50%)scale(1)}.runtime-copy{color:#b3b8bf;flex-direction:column;min-width:0;font-size:10px;display:flex}.runtime-copy small{color:#747b84;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;overflow:hidden}.workspace{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.tab-strip{border-bottom:1px solid var(--border);background:var(--surface-subtle);scrollbar-width:thin;flex:0 0 48px;align-items:center;gap:4px;min-width:0;padding:7px 12px;display:flex;overflow-x:auto}.workspace-tab{min-width:118px;max-width:210px;height:34px;color:var(--text-secondary);cursor:default;user-select:none;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:0 4px 0 10px;display:flex;position:relative}.workspace-tab[data-tool=home]{min-width:92px;max-width:92px}.workspace-tab>span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.workspace-tab .icon-button{opacity:0}.workspace-tab:hover{background:var(--surface-hover);color:var(--text-primary)}.workspace-tab:hover .icon-button,.workspace-tab.active .icon-button{opacity:1}.workspace-tab.active{border-color:var(--border);color:var(--text-primary);background:var(--surface);box-shadow:var(--panel-shadow)}.workspace-tab.active:after{background:var(--tool-accent,var(--accent));content:"";border-radius:2px 2px 0 0;height:2px;position:absolute;inset:auto 9px -1px}.workspace-tab[data-tool=json]{--tool-accent:#16866e}.workspace-tab[data-tool=java]{--tool-accent:#d96643}.workspace-tab[data-tool=timestamp]{--tool-accent:#3e76da}.workspace-tab[data-tool=hosts]{--tool-accent:#1485a3}.workspace-tab[data-tool=md5]{--tool-accent:#c6831b}.workspace-tab[data-tool=home]{--tool-accent:#30343a}.app-shell.home-active,.home-active .workspace{background:#05070a}.home-active .tab-strip{color:#97a2ad;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0b0e12;border-color:#242a31}.home-active .workspace-tab{color:#88939e}.home-active .workspace-tab:hover{color:#edf2f6;background:#151a20}.home-active .workspace-tab.active{color:#f3f6f8;background:#171c22;border-color:#313943;box-shadow:inset 0 1px #ffffff0d}.home-active .workspace-tab[data-tool=home]{--tool-accent:#42d6b2}.home-active .tab-strip>.icon-button{color:#88939e}.home-active .tab-strip>.icon-button:hover:not(:disabled){color:#f3f6f8;background:#171c22;border-color:#313943}.home-active .sidebar-home.active{color:#f3f6f8;background:#24282d;border-color:#3b424b}.tool-json{--tool-accent:#20a17f}.tool-java{--tool-accent:#ee7956}.tool-timestamp{--tool-accent:#5c8fea}.tool-hosts{--tool-accent:#33a0b8}.tool-md5{--tool-accent:#dda13c}.home-page{--home-border:#ffffff24;--home-muted:#8c96a4;--scrollbar-track:#090c10;--scrollbar-thumb:#3f4852;--scrollbar-thumb-hover:#626e7a;isolation:isolate;color:#f4f6f8;background:#05070a;flex:1;min-width:0;min-height:0;position:relative;overflow:hidden}.particle-field{z-index:0;pointer-events:none;position:fixed;inset:48px 0 0 228px;overflow:hidden}.app-shell.sidebar-collapsed .particle-field{left:64px}.particle-canvas{width:100%;height:100%;display:block}.home-orbit{z-index:1;justify-content:center;align-items:flex-end;width:100%;height:100%;min-height:100%;padding:24px 28px 26px;display:flex;position:relative;overflow:hidden}.home-orbit-copy{text-align:center;flex-direction:column;align-items:center;width:min(440px,100%);display:flex}.home-orbit-copy h1{color:#f7f9fb;letter-spacing:0;text-shadow:0 4px 26px #000000b8;margin:0;font-size:30px;font-weight:710;line-height:1.1}.home-orbit-copy>p{color:#a4afbb;letter-spacing:0;margin:7px 0 13px;font-size:11px}.home-orbit-copy>small{color:#64707c;letter-spacing:0;margin-top:9px;font:8px/1.2 Cascadia Code,monospace}.home-compliance{justify-content:center;margin-top:16px;font-size:10px;display:flex}.home-compliance a{color:#727d89;text-decoration:none}.home-compliance a:hover{color:#aeb8c2;text-decoration:underline}.home-content{z-index:1;width:min(1180px,100%);min-height:100%;margin:0 auto;padding:28px 38px 36px;position:relative}.home-workbench{overscroll-behavior:contain;scrollbar-gutter:stable;height:100%;overflow:hidden auto}.home-workbench-header{border-bottom:1px solid var(--home-border);justify-content:space-between;align-items:flex-end;gap:28px;min-height:112px;padding:4px 0 24px;display:flex}.home-kicker{color:#42d6b2;text-transform:uppercase;align-items:center;gap:7px;margin-bottom:13px;font:700 9px/1.2 Cascadia Code,monospace;display:flex}.home-kicker>svg{animation:home-signal 2.4s var(--ease-in-out) infinite}.home-kicker span{color:var(--home-muted);text-transform:none;margin-left:8px;font-weight:500}.home-title-block h1{color:#f7f8fa;letter-spacing:0;margin:0;font-size:30px;font-weight:710;line-height:1}.home-title-block p{color:#8e99a5;letter-spacing:0;margin:9px 0 0;font-size:10px}.home-enter-action,.home-orbit-return{color:#ecf5fc;backdrop-filter:blur(10px);cursor:pointer;height:40px;transition:transform .14s var(--ease-out), border-color .16s ease, color .16s ease, background-color .16s ease;background:#192633bd;border:1px solid #d2e5f670;border-radius:6px;justify-content:center;align-items:center;gap:9px;display:inline-flex;box-shadow:inset 0 1px #ffffff1a,0 12px 30px #00000052}.home-enter-action{min-width:136px;padding:0 16px}.home-enter-action span{font-weight:650}.home-enter-action>svg,.home-orbit-return>svg{transition:transform .16s var(--ease-out)}.home-header-actions{flex-direction:column;align-items:flex-end;gap:13px;display:flex}.home-header-actions>span{color:#687581;font:8px/1 Cascadia Code,monospace}.home-orbit-return{color:#aeb7c0;background:#0e1217b8;border-color:#ffffff24;height:34px;padding:0 11px;font-size:10px}.home-enter-action:active,.home-orbit-return:active,.home-tab-list button:active,.sidebar-home:active,.brand-home:active{transform:scale(.97)}.home-tools{padding:23px 0 26px}.home-section-heading{justify-content:space-between;align-items:center;min-height:38px;margin-bottom:12px;display:flex}.home-section-heading>div{align-items:baseline;gap:9px;display:flex}.home-section-heading>div>span{color:#42d6b2;font:700 9px/1 Cascadia Code,monospace}.home-section-heading h2{color:#f2f4f6;margin:0;font-size:15px;font-weight:650}.home-section-heading>small{color:var(--home-muted);font-size:10px}.home-section-heading.compact{min-height:24px;margin-bottom:10px}.home-section-heading.compact>div{align-items:center}.home-section-heading.compact>div>svg{color:#77818d}.home-section-heading.compact h2{font-size:13px}.home-tool-orbit{perspective:950px;height:270px;transform-style:preserve-3d;contain:layout paint;position:relative;overflow:hidden}.home-tool-card{color:#f2f4f6;backdrop-filter:blur(14px);cursor:pointer;text-align:left;width:min(248px,42%);min-width:0;height:170px;transform-style:preserve-3d;transform-origin:50%;will-change:transform, opacity;background:#10151bd1;border:1px solid #ffffff29;border-radius:8px;flex-direction:column;padding:14px 15px 12px;transition:border-color .16s,background-color .16s,box-shadow .16s;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:inset 0 1px #ffffff12,0 18px 44px #00000057}.home-tool-card:before{z-index:2;background:var(--tool-accent);content:"";opacity:.72;transform-origin:50%;height:1px;transition:transform .18s var(--ease-out), opacity .16s ease;position:absolute;inset:0 0 auto;transform:scaleX(.36)}.home-tool-card:after{z-index:0;background:conic-gradient(from 140deg, transparent 0 12%, color-mix(in srgb, var(--tool-accent) 62%, #1e5bd1) 26%, transparent 43%, color-mix(in srgb, var(--tool-accent) 46%, #ee6e56) 66%, transparent 84%);filter:blur(16px);content:"";opacity:.13;animation:home-card-breathe 7.2s var(--ease-in-out) infinite alternate;animation-delay:calc(var(--home-item-index) * -900ms);pointer-events:none;position:absolute;inset:0;transform:translate(-4%,-2%)scale(.92)}.home-tool-card>*{z-index:1;position:relative}.home-tool-card[data-front]{border-color:color-mix(in srgb, var(--tool-accent) 58%, #8f9aa6);box-shadow:inset 0 1px #ffffff1f, 0 22px 54px #00000075, 0 0 24px color-mix(in srgb, var(--tool-accent) 13%, transparent);background:#161d24e6}.home-tool-card[data-front]:before{opacity:1;transform:scaleX(1)}.home-card-topline{color:#788592;justify-content:space-between;align-items:center;display:flex;transform:translateZ(18px)}.home-card-topline em{color:color-mix(in srgb, var(--tool-accent) 78%, #8b96a2);font:700 8px/1 Cascadia Code,monospace}.home-card-main{min-height:72px;transition:transform .14s var(--ease-out);grid-template-columns:52px minmax(0,1fr);align-items:center;gap:12px;margin-top:8px;display:grid;transform:translateZ(24px)}.home-tool-card:active .home-card-main{transform:translateZ(24px)scale(.98)}.home-tool-icon{border:1px solid color-mix(in srgb, var(--tool-accent) 52%, #394049);width:52px;height:52px;color:var(--tool-accent);box-shadow:inset 0 0 20px color-mix(in srgb, var(--tool-accent) 17%, transparent);background:#080c10bd;border-radius:7px;justify-content:center;align-items:center;display:inline-flex}.home-tool-copy{flex-direction:column;min-width:0;display:flex}.home-tool-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:670;overflow:hidden}.home-tool-copy small{color:#95a0aa;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:6px;font-size:10px;line-height:1.4;display:-webkit-box;overflow:hidden}.home-card-meter{border-bottom:1px solid #ffffff17;align-items:flex-end;gap:4px;height:30px;padding:3px 4px 0;display:flex;transform:translateZ(14px)}.home-card-meter i{background:color-mix(in srgb, var(--tool-accent) 72%, #91a2b2);opacity:.38;flex:1;height:35%}.home-card-meter i:nth-child(2){height:58%}.home-card-meter i:nth-child(3){height:42%}.home-card-meter i:nth-child(4){height:78%}.home-card-meter i:nth-child(5){height:52%}.home-card-meter i:nth-child(6){height:88%}.home-card-footer{color:#65717c;flex:1;justify-content:space-between;align-items:flex-end;padding-top:7px;display:flex;transform:translateZ(16px)}.home-card-footer small,.home-card-footer b{font:700 7px/1 Cascadia Code,monospace}.home-card-footer b{color:color-mix(in srgb, var(--tool-accent) 74%, #9aa5af)}.home-bottom-grid{border-top:1px solid var(--home-border);grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:34px;padding-top:24px;display:grid}.home-workspace,.home-system{min-width:0}.home-tab-list{border-top:1px solid var(--home-border)}.home-tab-list button{border:0;border-bottom:1px solid var(--home-border);color:#aab2bc;cursor:pointer;text-align:left;width:100%;min-height:38px;transition:transform .14s var(--ease-out), color .12s ease, background-color .12s ease;background:0 0;grid-template-columns:20px minmax(0,1fr) auto 16px;align-items:center;gap:8px;padding:0 4px;display:grid}.home-tab-list button:hover{color:#f4f6f8;background:#ffffff0a}.home-tab-list button>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.home-tab-list button>small{color:#747e89;font-size:9px}.home-empty-row{border-block:1px solid var(--home-border);color:#76808b;align-items:center;gap:8px;min-height:54px;font-size:11px;display:flex}.home-system-list{border-top:1px solid var(--home-border);margin:0}.home-system-list>div{border-bottom:1px solid var(--home-border);grid-template-columns:94px minmax(0,1fr);align-items:center;min-height:38px;display:grid}.home-system-list dt{color:#87919c;font-size:10px}.home-system-list dd{color:#d7dce2;text-align:right;text-overflow:ellipsis;white-space:nowrap;margin:0;font:10px/1.4 Cascadia Code,monospace;overflow:hidden}.home-motion-entry .particle-field{animation:home-fade .24s var(--ease-out) both}.home-motion-entry .home-orbit-copy{animation:home-reveal .24s 40ms var(--ease-out) both}.home-stage-enter-active,.home-stage-leave-active{transition:transform .24s var(--ease-out), opacity .24s var(--ease-out)}.home-stage-enter-from{opacity:0;transform:translateY(8px)scale(.99)}.home-stage-leave-to{opacity:0;transform:translateY(-4px)scale(.995)}@keyframes home-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes home-fade{0%{opacity:0}to{opacity:1}}@keyframes home-signal{0%,to{opacity:.42}50%{opacity:1}}@keyframes home-card-breathe{0%{opacity:.09;transform:translate(-4%,-2%)scale(.92)}to{opacity:.18;transform:translate(4%,2%)scale(.96)}}@media (hover:hover) and (pointer:fine){.home-enter-action:hover{color:#fff;background:#223241db;border-color:#d7eafab8}.home-enter-action:hover>svg{transform:translate(3px)}.home-orbit-return:hover{color:#eef3f7;background:#181d23db;border-color:#ffffff47}.home-orbit-return:hover>svg{transform:translate(-2px)}.home-tool-card:hover{border-color:color-mix(in srgb, var(--tool-accent) 62%, #58616c);background:#12171de0;box-shadow:inset 0 1px #ffffff0f,0 20px 42px #0000004d}.home-tool-card:hover:before{opacity:1;transform:scaleX(1)}}.tool-page{flex-direction:column;flex:1;min-width:0;min-height:0;padding:18px 20px 20px;display:flex;overflow:hidden}.tool-header{flex:0 0 50px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.tool-header>div:first-child{min-width:0}.tool-header h1{margin:0;font-size:19px;font-weight:680;line-height:1.2}.tool-header p{min-width:0;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;margin:4px 0 0;font-size:11px;display:flex;overflow:hidden}.tool-header p.error{color:var(--danger)}.toolbar{flex:none;align-items:center;gap:6px;display:flex}.icon-button{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:transform .14s var(--ease-out), color .12s ease, background-color .12s ease, border-color .12s ease;background:0 0;border:1px solid #0000;border-radius:5px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.icon-button.small{width:26px;height:26px}.icon-button:hover:not(:disabled){color:var(--text-primary);background:var(--surface-hover);border-color:var(--border-subtle)}.icon-button.active{color:var(--accent)}.icon-button.danger:hover:not(:disabled){color:var(--danger);background:var(--danger-soft)}.icon-button:active:not(:disabled),.command-button:active:not(:disabled){transform:scale(.97)}.icon-button:disabled,.command-button:disabled{opacity:.42;cursor:not-allowed}.tooltip-anchor:after{z-index:30;color:#fff;content:attr(data-tooltip);white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transform-origin:50% 0;transition:transform .125s var(--ease-out), opacity .125s var(--ease-out), visibility 0s linear .125s;background:#24272b;border-radius:4px;padding:5px 7px;font-size:10px;line-height:1;position:absolute;top:calc(100% + 7px);left:50%;transform:translate(-50%,-2px)scale(.97);box-shadow:0 5px 18px #0000002e}.tooltip-anchor[data-tooltip]:focus-visible:after{opacity:1;visibility:visible;transition:none;transform:translate(-50%)scale(1)}.qa-measure .tooltip-anchor:after{display:none!important}@media (hover:hover) and (pointer:fine){.tooltip-anchor[data-tooltip]:hover:after{opacity:1;visibility:visible;transition-delay:.42s;transform:translate(-50%)scale(1)}.sidebar-footer .tooltip-anchor[data-tooltip]:hover:after{transform:translateY(-50%)scale(1)}}.segmented-control{border:1px solid var(--border);background:var(--surface-subtle);border-radius:6px;align-items:center;height:32px;padding:3px;display:inline-flex}.segmented-control button{height:24px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:0 9px;font-size:11px}.segmented-control button.active{color:var(--text-primary);background:var(--surface-raised);box-shadow:0 1px 3px #12181f1a}.compact-select,.field-group input,.hosts-editor input{border:1px solid var(--border);height:32px;color:var(--text-primary);background:var(--surface);border-radius:5px}.compact-select{padding:0 26px 0 8px;font-size:11px}.toggle-label{height:32px;color:var(--text-secondary);white-space:nowrap;align-items:center;gap:6px;padding:0 8px;font-size:11px;display:inline-flex}.toggle-label input{accent-color:var(--accent)}.command-button{cursor:pointer;height:32px;transition:transform .14s var(--ease-out), background-color .12s ease, border-color .12s ease;border-radius:5px;justify-content:center;align-items:center;gap:6px;padding:0 11px;display:inline-flex}.command-button.secondary{border:1px solid var(--border);background:var(--surface)}.command-button.secondary:hover:not(:disabled){background:var(--surface-hover)}.command-button.primary{border:1px solid var(--accent);color:#fff;background:var(--accent)}.command-button.primary:hover:not(:disabled){background:var(--accent-hover)}.editor-split{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;min-height:0;display:grid}.editor-panel,.single-editor-panel{border:1px solid var(--border);background:var(--surface);min-width:0;min-height:0;box-shadow:var(--panel-shadow);border-radius:7px;flex-direction:column;display:flex;overflow:hidden}.editor-panel.invalid{border-color:color-mix(in srgb, var(--danger) 65%, var(--border))}.panel-label{border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);background:var(--surface-subtle);text-transform:uppercase;flex:0 0 36px;align-items:center;gap:5px;padding:0 11px;font-size:10px;font-weight:650;display:flex}.panel-label-tabs{padding:0 4px}.panel-label-tabs button{height:28px;color:var(--text-faint);text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:5px;padding:0 8px;font-size:10px;font-weight:600;display:flex}.panel-label-tabs button.active{color:var(--accent);background:var(--accent-soft)}.code-editor{flex:1;min-height:0}.json-tree{flex:1;min-height:0;padding:8px 0;font:12px/1.6 Cascadia Code,Consolas,monospace;overflow:auto}.tree-row{min-width:max-content;height:28px;padding:0 8px 0 calc(6px + var(--tree-depth) * 16px);align-items:center;display:flex}.tree-row:hover{background:var(--surface-hover)}.tree-toggle{width:22px;height:22px;color:var(--text-faint);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.tree-spacer{width:22px}.tree-key{color:var(--syntax-key)}.tree-separator{color:var(--syntax-punctuation);margin:0 7px 0 4px}.tree-summary{color:var(--text-faint)}.tree-value{text-overflow:ellipsis;white-space:nowrap;max-width:520px;overflow:hidden}.tree-value.type-string{color:var(--syntax-string)}.tree-value.type-number{color:var(--syntax-number)}.tree-value.type-boolean{color:var(--syntax-boolean)}.tree-value.type-null{color:var(--syntax-null)}.tree-row .icon-button{opacity:0;margin-left:auto}.tree-row:hover .icon-button{opacity:1}.narrow-tool{width:100%;max-width:1180px;margin:0 auto}.single-editor-panel{flex:1}.digest-output{border:1px solid var(--border);background:var(--surface);color:var(--accent);border-radius:6px;flex:0 0 54px;grid-template-columns:24px minmax(0,1fr) 32px;align-items:center;gap:8px;margin-top:10px;padding:0 10px;display:grid}.digest-output code{color:var(--text-primary);text-overflow:ellipsis;font:600 14px Cascadia Code,Consolas,monospace;overflow:hidden}.now-strip{border:1px solid var(--border);background:var(--surface);border-radius:6px;flex:0 0 42px;align-items:center;gap:10px;padding:0 10px;display:flex}.now-strip>span{color:var(--text-secondary)}.now-strip code{color:var(--accent);margin-left:auto;font:600 12px Cascadia Code,monospace}.timestamp-input-band{border-block:1px solid var(--border);background:var(--surface-subtle);align-items:end;gap:10px;margin:10px 0;padding:12px;display:flex}.field-group{flex-direction:column;gap:5px;min-width:140px;display:flex}.field-group.grow{flex:1}.field-group label{color:var(--text-secondary);text-transform:uppercase;font-size:10px;font-weight:600}.field-group input{width:100%;padding:0 9px}.input-with-action{border:1px solid var(--border);background:var(--surface);border-radius:5px;align-items:center;display:flex}.input-with-action input{background:0 0;border:0}.timezone-field{width:min(260px,26vw)}.result-table{border:1px solid var(--border);background:var(--surface);min-height:0;box-shadow:var(--panel-shadow);border-radius:7px;flex:1;overflow:auto}.result-row{border-bottom:1px solid var(--border-subtle);grid-template-columns:130px minmax(0,1fr) 32px;align-items:center;min-height:48px;padding:0 10px 0 14px;display:grid}.result-row:last-child{border-bottom:0}.result-row>span{color:var(--text-secondary);font-size:11px}.result-row code{text-overflow:ellipsis;white-space:nowrap;font:12px Cascadia Code,monospace;overflow:hidden}.hosts-tool{position:relative}.hosts-file-panel{flex:1;min-height:0}.hosts-file-label{justify-content:space-between}.hosts-file-label>span{align-items:center;gap:6px;display:inline-flex}.hosts-file-label small{color:var(--text-faint);font:10px Cascadia Code,monospace}.desktop-only-state{border:1px solid var(--border);min-height:0;color:var(--text-secondary);background:var(--surface);box-shadow:var(--panel-shadow);border-radius:7px;flex:1;justify-content:center;align-items:center;gap:14px;display:flex}.desktop-only-state>svg{color:var(--text-faint);flex:none}.desktop-only-state h2{color:var(--text-primary);margin:0;font-size:15px;font-weight:650}.desktop-only-state p{color:var(--text-secondary);margin:5px 0 0;font-size:11px}.modal-backdrop{z-index:20;background:#1114187a;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{border:1px solid var(--border);background:var(--surface-raised);width:min(920px,100vw - 48px);max-height:min(680px,100vh - 48px);box-shadow:var(--shadow-modal);transform-origin:50%;transition:transform .18s var(--ease-out), opacity .18s var(--ease-out);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.modal header{border-bottom:1px solid var(--border);flex:0 0 60px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px 10px 16px;display:flex}.modal h2{margin:0;font-size:15px}.modal header p{color:var(--text-secondary);margin:3px 0 0;font-size:11px}.preview-columns{grid-template-columns:1fr 1fr;min-height:0;display:grid}.preview-columns>div{flex-direction:column;min-width:0;min-height:0;display:flex}.preview-columns>div+div{border-left:1px solid var(--border)}.preview-columns span{border-bottom:1px solid var(--border-subtle);color:var(--text-faint);background:var(--surface-subtle);text-transform:uppercase;padding:8px 12px;font-size:10px}.preview-columns pre{min-height:300px;color:var(--text-primary);background:var(--surface);white-space:pre-wrap;flex:1;margin:0;padding:12px;font:11px/1.6 Cascadia Code,monospace;overflow:auto}.backup-list{min-height:180px;padding:6px;overflow:auto}.backup-row{border-bottom:1px solid var(--border-subtle);grid-template-columns:24px minmax(0,1fr) 34px;align-items:center;gap:8px;min-height:52px;padding:5px 8px;display:grid}.backup-row>div{flex-direction:column;min-width:0;display:flex}.backup-row strong{font-size:12px;font-weight:600}.backup-row small{color:var(--text-faint);font:10px Cascadia Code,monospace}.empty-state,.loading-state,.fatal-state{color:var(--text-faint);justify-content:center;align-items:center;gap:8px;display:flex}.empty-state{flex-direction:column;min-height:120px}.loading-state,.fatal-state{flex:1}.fatal-state{color:var(--danger);flex-direction:column}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast-viewport{z-index:40;pointer-events:none;flex-direction:column;gap:6px;width:min(360px,100vw - 28px);display:flex;position:fixed;top:52px;right:14px}.toast{border:1px solid var(--border);background:var(--surface-raised);pointer-events:auto;min-height:44px;transition:transform .18s var(--ease-out), opacity .18s var(--ease-out);border-radius:6px;grid-template-columns:22px minmax(0,1fr) 26px;align-items:center;gap:7px;padding:6px 7px 6px 11px;display:grid;box-shadow:0 8px 28px #191f2629}.toast.success>svg{color:var(--accent)}.toast.error>svg{color:var(--danger)}@starting-style{.toast,.modal{opacity:0;transform:scale(.97)translateY(-4px)}}@media (width<=1080px){.app-shell{grid-template-columns:206px minmax(0,1fr)}.particle-field{left:206px}.app-shell.sidebar-collapsed .particle-field{left:64px}.home-content{padding:22px 28px 28px}.home-workbench-header{min-height:100px;padding-bottom:20px}.home-title-block h1{font-size:28px}.home-tools{padding-block:18px 22px}.home-tool-orbit{height:250px}.home-bottom-grid{gap:24px}.tool-header{gap:8px}.toolbar{gap:3px}.timestamp-input-band{flex-wrap:wrap}.timezone-field{width:220px}}@media (width<=720px){.app-shell,.app-shell.sidebar-collapsed{padding-bottom:58px;display:block}.app-sidebar{z-index:30;border-top:1px solid var(--sidebar-border);border-right:0;flex-direction:row;height:58px;display:flex;position:fixed;inset:auto 0 0;overflow:hidden}.brand-row,.tool-search,.nav-section-label,.sidebar-footer{display:none}.sidebar-home{flex:0 0 52px;justify-content:center;width:52px;min-height:44px;margin:7px 2px 7px 6px;padding:0}.sidebar-home span{display:none}.tool-nav{flex:1;min-width:0;padding:5px 6px 5px 2px;display:flex;overflow:auto hidden}.tool-nav-row{flex:1 0 48px;justify-content:center;min-height:48px;margin:0 1px}.tool-nav-main{justify-content:center;min-height:46px;padding:0}.tool-nav-main>span,.tool-nav-row>.icon-button{display:none!important}.tool-nav-row.active:before{width:20px;height:3px;top:0;left:50%;transform:translate(-50%)}.workspace{width:100%;height:100%}.particle-field,.app-shell.sidebar-collapsed .particle-field{inset:48px 0 58px}.tab-strip{padding-inline:8px}.home-orbit{padding:18px 16px 20px}.home-orbit-copy h1{font-size:26px}.home-content{padding:18px 16px 24px}.home-workbench-header{gap:12px;min-height:94px;padding-bottom:16px}.home-title-block h1{font-size:24px}.home-header-actions>span{display:none}.home-tools{padding-block:15px 18px}.home-tool-orbit{height:230px}.home-tool-card{width:min(220px,72%);height:156px;padding:12px}.home-tool-icon{width:44px;height:44px}.home-bottom-grid{grid-template-columns:minmax(0,1fr);gap:22px;padding-top:18px}.tool-page{padding:14px 12px 16px;overflow-y:auto}.tool-header{flex-direction:column;flex:none;align-items:stretch;margin-bottom:12px}.tool-header .toolbar{width:100%;padding-bottom:2px;overflow-x:auto}.editor-split{flex:0 0 540px;grid-template-rows:repeat(2,minmax(260px,1fr));grid-template-columns:minmax(0,1fr)}.timestamp-input-band{flex-direction:column;align-items:stretch}.timezone-field{width:100%}.result-row{grid-template-columns:90px minmax(0,1fr) 32px}.desktop-only-state{flex:0 0 300px;min-height:300px;padding:18px}.preview-columns{grid-template-columns:minmax(0,1fr);overflow-y:auto}.preview-columns>div+div{border-top:1px solid var(--border);border-left:0}.modal-backdrop{padding:12px}.modal{width:calc(100vw - 24px);max-height:calc(100vh - 82px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}.toast,.modal,.icon-button,.command-button,.home-enter-action,.home-orbit-return,.home-tool-card,.home-tool-card:after,.home-tab-list button,.sidebar-home,.brand-home,.particle-field,.home-orbit-copy,.home-stage-enter-active,.home-stage-leave-active,.home-kicker>svg{transition-duration:0s!important;animation:none!important}}@media (hover:none){.workspace-tab .icon-button,.tree-row .icon-button{opacity:1}}