:root{color:#17201d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#17201d;--muted:#65706c;--line:#d4dad5;--paper:#f6f8f4;--paper-deep:#edf1ec;--nav:#101615;--nav-soft:#18201e;--acid:#c8f135;--acid-deep:#a9cf20;--focus:#759a0040;--danger:#b42318;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--shadow:0 20px 60px #1b272217;background:#e8ece7;font-family:Inter,PingFang SC,Microsoft YaHei,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html{background:var(--nav)}body{background:var(--paper);min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{border:0}button:disabled{cursor:not-allowed;opacity:.45}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--acid-deep);outline-offset:2px}#app{min-height:100svh}.app-shell{background:var(--paper);grid-template-columns:342px minmax(0,1fr);min-height:100svh;display:grid}.sidebar{z-index:30;color:#edf2ed;background-color:var(--nav);background-image:linear-gradient(#c8f13509 1px,#0000 1px),linear-gradient(90deg,#c8f13509 1px,#0000 1px);background-size:28px 28px;flex-direction:column;height:100svh;padding:24px 18px 16px;display:flex;position:sticky;top:0;overflow:hidden}.sidebar:after{content:"";pointer-events:none;border:1px solid #c8f13524;border-radius:50%;width:300px;height:300px;position:absolute;top:-110px;right:-130px;box-shadow:0 0 0 42px #c8f13506,0 0 0 84px #c8f13505}.sidebar-head{justify-content:space-between;align-items:center;display:flex}.brand{z-index:1;color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex;position:relative}.brand-mark{border:1px solid var(--acid);width:42px;height:42px;color:var(--nav);background:var(--acid);border-radius:11px;place-items:center;display:grid;box-shadow:0 0 28px #c8f1352e}.brand strong,.brand span{display:block}.brand strong{letter-spacing:.08em;font-size:16px;line-height:1}.brand span{color:#7f8b87;letter-spacing:.15em;margin-top:7px;font:600 9px/1 ui-monospace,monospace}.nav-close,.mobile-menu{display:none}.nav-intro{border-top:1px solid #2a3330;grid-template-columns:1fr auto;align-items:end;margin:28px 0 16px;padding-top:16px;display:grid;position:relative}.nav-intro>span{color:#7f8b87;letter-spacing:.14em;font:600 10px/1 ui-monospace,monospace}.nav-intro>strong{color:var(--acid);font:400 30px/1 ui-monospace,monospace}.nav-intro p{color:#99a39f;grid-column:1/-1;margin:8px 0 0;font-size:12px;line-height:1.5}.search-box{color:#899590;background:#19211ff0;border:1px solid #35413d;border-radius:12px;flex:none;align-items:center;gap:10px;min-height:48px;padding:0 10px 0 14px;transition:border-color .18s,background-color .18s;display:flex;position:relative}.search-box:focus-within{background:#1b2421;border-color:#c8f135ad}.search-box input{color:#f2f5f1;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:13px}.search-box input::placeholder{color:#77827e}.search-box kbd,.command-button kbd{color:#8c9793;background:#111715;border:1px solid #3b4743;border-radius:5px;padding:3px 6px;font:600 10px/1 ui-monospace,monospace}.search-box button{color:#aab3af;cursor:pointer;background:#29332f;border-radius:7px;flex:0 0 30px;place-items:center;height:30px;display:grid}.category-label{color:#78837f;letter-spacing:.13em;text-transform:uppercase;justify-content:space-between;align-items:center;margin:18px 4px 9px;font:600 9px/1 ui-monospace,monospace;display:flex}.category-tabs{flex:none;grid-template-columns:1fr 1fr;gap:6px;display:grid}.category-tabs button{color:#aeb8b4;cursor:pointer;background:#1a2220bd;border:1px solid #0000;border-radius:9px;justify-content:space-between;align-items:center;min-height:38px;padding:0 10px;font-size:12px;transition:border-color .16s,color .16s,background .16s;display:flex}.category-tabs button small{color:#65716c;font:600 10px/1 ui-monospace,monospace}.category-tabs button:hover{color:#fff;border-color:#3b4743}.category-tabs button.active{color:var(--acid);background:#c8f13514;border-color:#c8f13559}.category-tabs button.active small{color:var(--acid)}.tool-list-label{margin-top:20px}.tool-list{scrollbar-color:#39433f transparent;scrollbar-width:thin;flex:auto;align-content:start;gap:5px;min-height:0;margin:0 -6px;padding:0 6px 16px;display:grid;overflow:hidden auto}.tool-item{color:#b7c0bd;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;grid-template-columns:34px minmax(0,1fr) 16px;align-items:center;gap:10px;height:52px;min-height:52px;max-height:52px;padding:6px 9px;text-decoration:none;transition:background .16s,border-color .16s,color .16s;display:grid}.tool-icon{color:#8f9a96;background:#1a211f;border:1px solid #303a37;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.tool-copy{min-width:0}.tool-copy strong,.tool-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.tool-copy strong{color:inherit;font-size:13px;font-weight:600}.tool-copy small{color:#65716c;margin-top:4px;font-size:10px}.tool-arrow{color:#4f5b56;opacity:0;font-size:13px;transition:opacity .16s,transform .16s;transform:translate(-4px,2px)}.tool-item:hover{color:#fff;background:#19211f;border-color:#303b37}.tool-item:hover .tool-arrow{opacity:1;transform:translate(0)}.tool-item.active{color:#f7fbf5;background:linear-gradient(90deg,#c8f13521,#c8f13509);border-color:#c8f13552}.tool-item.active .tool-icon{border-color:var(--acid);color:var(--nav);background:var(--acid)}.tool-item.active .tool-copy small,.tool-item.active .tool-arrow{color:var(--acid)}.empty-tools{color:#68736f;text-align:center;place-items:center;gap:8px;padding:32px 16px;display:grid}.empty-tools strong{color:#b6bfbc;font-size:13px}.empty-tools span{font-size:11px}.sidebar-foot{color:#66726d;letter-spacing:.13em;border-top:1px solid #29322f;flex:none;align-items:center;gap:10px;padding:14px 4px 0;font:600 9px/1 ui-monospace,monospace;display:flex}.sidebar-foot i,.privacy-pill i{background:var(--acid);border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #c8f13599}.workspace{background-color:var(--paper);background-image:radial-gradient(#c7cec8 .65px,#0000 .65px);background-size:18px 18px;height:100svh;padding:34px 42px 56px;position:relative;overflow:auto}.workspace:before{background:var(--acid);content:"";width:min(34vw,520px);height:5px;position:fixed;top:0;right:0}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:28px;max-width:1240px;margin:0 auto 24px;padding:8px 0 24px;display:flex}.breadcrumb{color:#77817d;letter-spacing:.13em;align-items:center;gap:9px;margin-bottom:18px;font:700 10px/1 ui-monospace,monospace;display:flex}.breadcrumb i{color:var(--acid-deep);font-style:normal}h1{color:var(--ink);letter-spacing:-.04em;margin:0;font-size:clamp(30px,3vw,46px);font-weight:650;line-height:1.05}.page-heading>p{color:var(--muted);margin:12px 0 0;font-size:14px}.topbar-actions{align-items:center;gap:10px;padding-top:26px;display:flex}.command-button,.privacy-pill{border:1px solid var(--line);color:#58635f;white-space:nowrap;background:#ffffffb8;border-radius:10px;align-items:center;gap:9px;min-height:40px;padding:0 11px;font-size:12px;display:inline-flex}.command-button{cursor:pointer}.command-button:hover{background:#fff;border-color:#aeb8b1}.privacy-pill i{box-shadow:none;background:#77a108;flex:none}.tool-panel{border-radius:var(--radius-lg);max-width:1240px;min-height:540px;box-shadow:var(--shadow);background:#fcfdfaf0;border:1px solid #d5dbd6;margin:0 auto;padding:22px}.two-column{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}.json-input-field{grid-template-rows:28px minmax(0,1fr);align-content:stretch}.json-input-field>span{align-items:center;display:flex}.json-input-field textarea{height:100%}.json-output-field{color:#b9c3be;letter-spacing:.02em;grid-template-rows:auto minmax(0,1fr);min-width:0;font-size:12px;font-weight:700;display:grid}.json-output-head{align-items:center;min-height:28px;margin-bottom:8px;display:flex}.json-viewer-wrap{min-width:0;min-height:0;position:relative}.json-viewer-toolbar{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f1513f0;border:1px solid #424f49eb;border-radius:9px;align-items:center;gap:4px;max-width:calc(100% - 18px);padding:4px;display:flex;position:absolute;top:9px;right:9px;box-shadow:0 8px 24px #0000003d}.json-viewer-toolbar button{color:#9da9a3;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex:0 0 30px;place-items:center;width:30px;min-height:30px;padding:0;display:inline-grid}.json-viewer-toolbar button:hover:not(:disabled){color:var(--acid);background:#1d2723;border-color:#52605a}.json-viewer-toolbar button:disabled{cursor:not-allowed;opacity:.42}.json-viewer-toolbar button[aria-pressed=true]{color:var(--acid);background:#c8f1351a;border-color:#c8f13557}.json-search-control{color:#7f8c86;background:#0c1210;border:1px solid #34413b;border-radius:6px;align-items:center;min-width:0;height:30px;padding-left:7px;display:flex}.json-search-control:focus-within{border-color:#839e25;box-shadow:0 0 0 2px #c7ef381a}.json-search-control input{color:#d6ded9;background:0 0;border:0;outline:0;width:124px;min-width:50px;height:28px;padding:0 6px;font:11px/1.2 Inter,PingFang SC,sans-serif}.json-search-control input::-webkit-search-cancel-button{opacity:.55;filter:invert()}.json-search-count{color:#849089;text-align:center;flex:none;min-width:34px;font:10px/1 SFMono-Regular,Consolas,monospace}.json-search-control button{flex-basis:26px;width:26px;min-height:26px}.json-viewer{border-radius:var(--radius-sm);color:#d8e0dc;letter-spacing:0;scrollbar-color:#46534d transparent;background:#0d1311;border:1px solid #37423e;min-height:350px;max-height:62svh;padding:54px 10px 11px;font:400 13px/1.65 SFMono-Regular,Consolas,Liberation Mono,monospace;overflow:auto}.json-viewer.wrap-lines .json-tree-node{width:100%;min-width:0}.json-viewer.wrap-lines .json-tree-row,.json-viewer.wrap-lines .json-key,.json-viewer.wrap-lines .json-string{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}.json-viewer:focus-visible{box-shadow:0 0 0 3px var(--focus);border-color:#9aba25;outline:0}.json-viewer-empty{color:#69756f;text-align:center;place-items:center;min-height:320px;font-family:Inter,PingFang SC,sans-serif;display:grid}.json-output-field.maximized{z-index:1000;background:#151d1a;border:1px solid #46534d;border-radius:16px;grid-template-rows:auto minmax(0,1fr);padding:16px;position:fixed;inset:14px;box-shadow:0 0 0 100vmax #050907c7,0 28px 80px #00000085}.json-output-field.maximized .json-output-head{margin-bottom:8px;font-size:13px}.json-output-field.maximized .json-viewer-wrap{display:grid}.json-output-field.maximized .json-viewer{height:100%;min-height:0;max-height:none}.field{color:#47534e;letter-spacing:.02em;gap:8px;font-size:12px;font-weight:700;display:grid}.field textarea,.field input,.field select{border-radius:var(--radius-sm);color:#15201c;background:#f5f7f3;border:1px solid #cdd5cf;outline:0;width:100%;transition:border-color .16s,box-shadow .16s,background .16s}.field textarea{resize:vertical;min-height:350px;padding:15px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.65}.field input,.field select{height:44px;padding:0 12px}.field input[type=range]{accent-color:#789d13;padding:0}.field input[type=color]{padding:4px}.small-field{max-width:240px}.actions{border-top:1px solid #e0e5e1;flex-wrap:wrap;gap:9px;margin-top:18px;padding-top:16px;display:flex}.option-row,.form-grid{flex-wrap:wrap;align-items:end;gap:14px;margin:0 0 16px;display:flex}.option-row{margin:16px 0 0}.option-row label,.check-field{color:#47534e;align-items:center;gap:8px;min-height:40px;font-size:13px;font-weight:650;display:inline-flex}.option-row input,.check-field input{accent-color:#789d13}.form-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.actions button{color:#303c37;cursor:pointer;background:#f8faf7;border:1px solid #cbd3cd;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 15px;font-size:13px;font-weight:650;transition:transform .12s,border-color .16s,background .16s;display:inline-flex}.actions button:hover:not(:disabled){background:#fff;border-color:#929e96}.actions button:active:not(:disabled){transform:scale(.97)}.error-text{color:var(--danger);margin:12px 0 0;font-size:13px}.format-hint{color:var(--muted);margin:-4px 0 0;font-size:13px;line-height:1.6}.compact-panel{align-content:start;gap:16px;display:grid}.result-line{color:#26322d;background:var(--paper-deep);overflow-wrap:anywhere;white-space:pre-wrap;border:1px solid #d4dbd5;border-radius:10px;padding:15px;font-family:SFMono-Regular,Consolas,monospace;display:block}.pdf-compress-tool{align-content:start;gap:16px;max-width:760px;display:grid}.pdf-compress-tool .upload-area small{color:var(--muted);margin-top:6px;font:12px/1.4 SFMono-Regular,Consolas,monospace}.pdf-compress-options{margin-bottom:0}.pdf-progress{color:#68746e;gap:9px;margin:0;font-size:12px;display:grid}.pdf-progress>span{background:#dce2dd;border-radius:999px;height:7px;display:block;overflow:hidden}.pdf-progress i{border-radius:inherit;background:#789d13;height:100%;transition:width .18s;display:block}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.stat-grid output{color:#6b7671;background:#f2f5f1;border:1px solid #d9dfda;border-radius:12px;gap:10px;padding:17px;font-size:12px;display:grid}.stat-grid strong{color:var(--ink);letter-spacing:-.04em;font:600 30px/1 ui-monospace,monospace}.diff-view{background:#f4f6f3;border:1px solid #d8dfd9;border-radius:12px;gap:4px;margin-top:16px;padding:10px;display:grid}.diff-row{color:#34413b;border-radius:6px;grid-template-columns:26px minmax(0,1fr);align-items:center;min-height:30px;padding:0 8px;display:grid}.diff-row span{font-family:ui-monospace,monospace;font-weight:700}.diff-row code{overflow-wrap:anywhere;white-space:pre-wrap;font-family:ui-monospace,monospace;font-size:13px}.diff-row.add{color:#05603a;background:#e9f7ed}.diff-row.remove{color:#a52219;background:#faece9}.color-swatch,.gradient-preview{border:1px solid #d8dfd9;border-radius:12px;min-height:160px}.color-swatch{max-width:340px}.media-tool{grid-template-columns:minmax(280px,420px) minmax(0,1fr);gap:18px;display:grid}.media-form{align-content:start;gap:16px;display:grid}.barcode-tool{gap:20px;display:grid}.barcode-options{grid-template-columns:1.2fr 1fr 1fr;gap:12px;display:grid}.barcode-preview-shell{background:#0d1311;border:1px solid #35403c;border-radius:14px;min-width:0;overflow:hidden}.barcode-preview-shell>header{color:#87938d;border-bottom:1px solid #35403c;justify-content:space-between;align-items:center;gap:16px;min-height:48px;padding:0 16px;font-size:12px;display:flex}.barcode-preview-shell>header strong{color:var(--acid);font:600 11px/1 ui-monospace,monospace}.barcode-batch-preview{grid-template-columns:repeat(var(--barcode-columns), minmax(180px, 1fr));gap:10px;padding:14px;display:grid;overflow-x:auto}.barcode-card{background:#f7f9f6;border:1px solid #d8ddd9;border-radius:10px;place-items:center;min-width:0;min-height:150px;margin:0;padding:14px;display:grid;position:relative}.barcode-card>span{color:#8b948f;font:600 9px/1 ui-monospace,monospace;position:absolute;top:7px;left:9px}.barcode-card>div{width:100%}.barcode-card svg{width:100%;height:auto;max-height:128px;display:block}.upload-area{color:#3e4a45;cursor:pointer;background:#f1f4f0;border:1px dashed #9daaa1;border-radius:12px;place-items:center;min-height:150px;padding:18px;transition:border-color .16s,background .16s;display:grid}.upload-area span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:8px;overflow:hidden}.upload-area input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.preview-box{background-color:#eef1ed;background-image:linear-gradient(45deg,#dfe5df 25%,#0000 25%),linear-gradient(-45deg,#dfe5df 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#dfe5df 75%),linear-gradient(-45deg,#0000 75%,#dfe5df 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border:1px solid #d7ded8;border-radius:14px;place-items:center;min-height:430px;padding:16px;display:grid}.preview-box img{border-radius:8px;max-width:100%;max-height:72svh;box-shadow:0 18px 38px #15201c33}.svg-preview{background:#fff;border-radius:10px;width:100%;max-width:520px;padding:18px}.svg-preview svg{width:100%;height:auto;display:block}.icon-preview{image-rendering:auto;width:180px;height:180px}.grid-preview{background:#f1f4f0;border:1px solid #d7ded8;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:8px;padding:12px;display:grid}.grid-preview img{aspect-ratio:1;object-fit:cover;border:1px solid #d7ded8;border-radius:7px;width:100%}.icon-grid{background:#f1f4f0;border:1px solid #d7ded8;border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));align-content:start;gap:12px;padding:14px;display:grid}.icon-tile{color:#55615b;background:#fff;border:1px solid #d7ded8;border-radius:10px;place-items:center;gap:8px;padding:12px;font-size:12px;display:grid}.icon-tile img{object-fit:cover;border-radius:8px;width:64px;height:64px}.big-clock{color:var(--ink);letter-spacing:-.06em;text-align:center;background:#eff3ed;border:1px solid #d4dbd5;border-radius:14px;padding:30px;font:500 clamp(38px,6vw,64px)/1 ui-monospace,monospace;display:block}.toast{z-index:100;color:var(--acid);background:var(--nav);border:1px solid #36413d;border-radius:10px;padding:12px 15px;font-size:13px;position:fixed;bottom:24px;right:24px;box-shadow:0 16px 34px #0c121038}.nav-scrim{display:none}:root{color:#edf3ef;--ink:#f2f6f3;--muted:#9aa6a0;--line:#303a36;--paper:#131a18;--paper-deep:#0e1412;--focus:#c8f1352e;--shadow:0 24px 70px #00000047;background:#101615}body{background:var(--paper)}.workspace{background-color:var(--paper);background-image:linear-gradient(#c8f13506 1px,#0000 1px),linear-gradient(90deg,#c8f13506 1px,#0000 1px),radial-gradient(circle at 86% 0,#c8f13513,#0000 30%);background-size:28px 28px,28px 28px,auto}.topbar{border-color:#303a36}.breadcrumb{color:#78847f}h1{color:#f4f7f4}.page-heading>p{color:#98a49e}.command-button,.privacy-pill{color:#aeb8b3;background:#18201ee0;border-color:#36413d}.command-button:hover{color:#f3f7f4;background:#202a27;border-color:#52605a}.command-button kbd{color:#9ba6a1;background:#101614;border-color:#424d49}.privacy-pill i{background:var(--acid);box-shadow:0 0 12px #c8f1356b}.tool-panel{box-shadow:var(--shadow), inset 0 1px #ffffff06;background:#19211ff5;border-color:#35403c}.field{color:#b9c3be}.field textarea,.field input,.field select{color:#eaf0ec;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#101614;border-color:#37423e}.field textarea::placeholder,.field input::placeholder{color:#68746f}.field textarea[readonly],.field input[readonly]{background:#0d1311}.field textarea:focus,.field input:focus,.field select:focus{box-shadow:0 0 0 3px var(--focus);background:#121916;border-color:#9aba25}.actions{border-color:#303a36}.option-row label,.check-field{color:#b5c0ba}.actions button{color:#cbd3cf;background:#202925;border-color:#3a4641}.actions button:hover:not(:disabled){color:#fff;background:#28332f;border-color:#63706a}.actions .primary{border-color:var(--acid);color:#101614;background:var(--acid)}.actions .primary:hover:not(:disabled){color:#0c110f;background:#d9ff55;border-color:#d9ff55}.result-line,.stat-grid output,.diff-view,.upload-area,.grid-preview,.icon-grid{color:#c7d0cc;background:#101614;border-color:#35403c}.result-line{color:#dce4e0}.stat-grid output{color:#87938d}.stat-grid strong{color:var(--acid)}.upload-area{color:#b9c3be}.upload-area:hover{background:#151d19;border-color:#9aba25}.color-swatch,.gradient-preview{border-color:#3a4641}.preview-box{background-color:#0d1311;background-image:linear-gradient(45deg,#161e1b 25%,#0000 25%),linear-gradient(-45deg,#161e1b 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#161e1b 75%),linear-gradient(-45deg,#0000 75%,#161e1b 75%);border-color:#35403c}.svg-preview{background:#f6f8f5}.grid-preview img,.icon-tile{border-color:#394540}.icon-tile{color:#a4afa9;background:#19211f}.big-clock{color:var(--acid);text-shadow:0 0 28px #c8f13524;background:#101614;border-color:#394540}.qr-preview{background:#101614}.error-text{color:#ff8c82}.pdf-progress{color:#a4afa9}.pdf-progress>span{background:#2b3631}.pdf-progress i{background:var(--acid)}.websocket-tool{gap:16px;display:grid}.websocket-connection-card,.websocket-compose-panel,.websocket-log-panel{background:#111715;border:1px solid #35403c;border-radius:14px;min-width:0}.websocket-connection-card{padding:16px}.websocket-connection-head{border-bottom:1px solid #303a36;justify-content:space-between;align-items:center;gap:22px;margin-bottom:16px;padding-bottom:16px;display:flex}.websocket-status{align-items:center;gap:11px;min-width:0;display:flex}.websocket-status-icon{color:#7f8b85;background:#1a221f;border:1px solid #3a4541;border-radius:10px;flex:0 0 42px;place-items:center;width:42px;height:42px;transition:border-color .18s,color .18s,background .18s;display:grid}.websocket-status.connected .websocket-status-icon{color:var(--acid);background:#c8f13514;border-color:#c8f13580;box-shadow:0 0 22px #c8f13514}.websocket-status.connecting .websocket-status-icon,.websocket-status.closing .websocket-status-icon{color:#e3d877;background:#e3d87712;border-color:#827c4e}.websocket-status.error .websocket-status-icon{color:#ff8c82;background:#ff8c8212;border-color:#ff8c827a}.websocket-status>span:last-child{min-width:0}.websocket-status small,.websocket-panel-head>div>span{color:#77847e;letter-spacing:.14em;margin-bottom:5px;font:700 9px/1 ui-monospace,monospace;display:block}.websocket-status strong{color:#eef3ef;font-size:14px;display:inline}.websocket-status em{color:#7f8b85;margin-left:8px;font-size:11px;font-style:normal;font-weight:500}.websocket-metrics{grid-template-columns:repeat(3,minmax(78px,auto));gap:7px;margin:0;display:grid}.websocket-metrics div{border-left:1px solid #303a36;min-width:0;padding:2px 12px}.websocket-metrics dt{color:#75817b;margin-bottom:6px;font-size:10px}.websocket-metrics dd{color:#d4dcd8;text-overflow:ellipsis;white-space:nowrap;margin:0;font:600 12px/1.2 ui-monospace,monospace;overflow:hidden}.websocket-connect-grid{grid-template-columns:minmax(280px,1.7fr) minmax(210px,.8fr) auto;gap:12px;display:grid}.websocket-connect-grid .field small{color:#74817a;font-size:10px;font-weight:500;line-height:1.35}.websocket-connect-actions{border:0;flex-wrap:nowrap;align-self:start;margin:27px 0 0;padding:0}.websocket-connect-actions button,.websocket-send-actions button{touch-action:manipulation;min-height:44px}.websocket-connect-actions button{white-space:nowrap}.websocket-network-note{color:#8e9a94;background:#c8f13509;border:1px solid #c8f13524;border-radius:9px;align-items:flex-start;gap:9px;margin:14px 0 0;padding:10px 12px;font-size:11px;line-height:1.55;display:flex}.websocket-network-note svg{color:var(--acid);flex:none;margin-top:1px}.websocket-error{margin-bottom:0}.websocket-console-grid{grid-template-columns:minmax(300px,.82fr) minmax(420px,1.18fr);gap:16px;min-height:420px;display:grid}.websocket-compose-panel,.websocket-log-panel{grid-template-rows:auto minmax(0,1fr) auto;padding:15px;display:grid}.websocket-log-panel{grid-template-rows:auto minmax(0,1fr)}.websocket-panel-head{border-bottom:1px solid #303a36;justify-content:space-between;align-items:center;gap:14px;min-height:42px;margin-bottom:11px;padding:0 1px 11px;display:flex}.websocket-panel-head strong{color:#e9efeb;font-size:14px}.websocket-panel-head>small{color:#87938d;font:600 10px/1 ui-monospace,monospace}.websocket-message-field{grid-template-rows:auto minmax(0,1fr)}.websocket-message-field textarea{height:100%;min-height:300px}.websocket-send-actions{justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px}.websocket-send-actions>span{color:#6f7c75;font:600 9px/1 ui-monospace,monospace}.websocket-log-actions{align-items:center;gap:7px;display:flex}.websocket-log-actions label{color:#8e9a94;white-space:nowrap;align-items:center;gap:6px;min-height:44px;font-size:10px;display:inline-flex}.websocket-log-actions input{accent-color:#a9cf20}.websocket-log-actions button{color:#9da8a3;cursor:pointer;touch-action:manipulation;background:#1c2421;border:1px solid #38443f;border-radius:7px;justify-content:center;align-items:center;gap:5px;min-height:44px;padding:0 9px;font-size:10px;display:inline-flex}.websocket-log-actions button:hover:not(:disabled){color:#f1f5f2;background:#25302c;border-color:#59665f}.websocket-log{scrollbar-color:#3e4a44 transparent;background:#0b100f;border:1px solid #2f3a35;border-radius:9px;min-height:0;max-height:440px;padding:7px;overflow:auto}.websocket-log-empty{color:#59655f;text-align:center;align-content:center;place-items:center;gap:8px;min-height:330px;padding:24px;display:grid}.websocket-log-empty strong{color:#86928c;font-size:12px}.websocket-log-empty span{max-width:300px;font-size:10px;line-height:1.5}.websocket-log-entry{background:#111715;border:1px solid #2d3833;border-left:3px solid #68746e;border-radius:8px;margin-bottom:6px;overflow:hidden}.websocket-log-entry:last-child{margin-bottom:0}.websocket-log-entry.sent{border-left-color:#7ea5e8}.websocket-log-entry.received{border-left-color:var(--acid)}.websocket-log-entry.error{background:#ff8c8209;border-left-color:#ff8c82}.websocket-log-entry>header{color:#8b9791;border-bottom:1px solid #29332f;justify-content:space-between;align-items:center;gap:10px;min-height:30px;padding:0 9px;font:600 9px/1 ui-monospace,monospace;display:flex}.websocket-log-entry>header>span{align-items:center;gap:7px;min-width:0;display:inline-flex}.websocket-log-entry>header small{color:#637069;font:inherit}.websocket-log-entry.received>header>span:first-child{color:var(--acid)}.websocket-log-entry.sent>header>span:first-child{color:#94b9f4}.websocket-log-entry.error>header>span:first-child{color:#ff8c82}.websocket-log-entry pre{color:#cbd4cf;overflow-wrap:anywhere;white-space:pre-wrap;max-height:240px;margin:0;padding:10px;font:11px/1.55 SFMono-Regular,Consolas,monospace;overflow:auto}.home-topbar{background:radial-gradient(circle at 78% 30%,#c8f1351f,#0000 26%),linear-gradient(135deg,#1f2a26fa,#121917fa);border:1px solid #35413c;border-radius:20px;align-items:flex-end;min-height:230px;padding:34px;position:relative;overflow:hidden;box-shadow:0 24px 70px #00000038}.home-topbar:after{content:"";pointer-events:none;border:1px solid #c8f13529;border-radius:50%;width:320px;height:320px;position:absolute;top:-115px;right:7%;box-shadow:0 0 0 48px #c8f13506,0 0 0 96px #c8f13504}.home-heading{z-index:1;position:relative}.home-heading h1{max-width:760px;font-size:clamp(38px,5vw,66px)}.home-heading>p{color:#b4beb9;max-width:620px;font-size:15px}.directory-count{z-index:1;flex:none;justify-items:end;gap:7px;display:grid;position:relative}.directory-count strong{color:var(--acid);letter-spacing:-.08em;font:400 64px/.85 ui-monospace,monospace}.directory-count small{color:#7f8b85;letter-spacing:.16em;font:700 9px/1 ui-monospace,monospace}.home-directory{max-width:1240px;margin:0 auto}.home-search-wrap{z-index:10;color:#8c9892;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#111715eb;border:1px solid #3c4843;border-radius:15px;align-items:center;gap:13px;min-height:60px;margin:0 0 28px;padding:0 15px 0 19px;display:flex;position:sticky;top:18px;box-shadow:0 14px 36px #00000038}.home-search-wrap:focus-within{border-color:#c8f135ad;box-shadow:0 0 0 3px #c8f13514,0 14px 36px #00000038}.home-search-wrap input{color:#f0f4f1;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:15px}.home-search-wrap input::placeholder{color:#74807a}.home-search-wrap kbd{color:#89958f;white-space:nowrap;background:#0c1210;border:1px solid #3e4a45;border-radius:6px;padding:5px 8px;font:600 10px/1 ui-monospace,monospace}.directory-section{background:#171f1ce0;border:1px solid #323d39;border-radius:18px;margin-bottom:22px;padding:22px}.featured-section{background:linear-gradient(135deg,#c8f1350f,#18201df2 36%);border-color:#c8f1353d}.directory-section-head{justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;display:flex}.directory-section-head span{color:#7b8781;letter-spacing:.14em;margin-bottom:7px;font:700 9px/1 ui-monospace,monospace;display:block}.directory-section-head h2{color:#f0f4f1;letter-spacing:-.025em;margin:0;font-size:22px;line-height:1.1}.directory-section-head>strong{color:#62706a;font:400 28px/1 ui-monospace,monospace}.featured-section .directory-section-head>strong{color:var(--acid)}.directory-grid{grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:9px;display:grid}.directory-card{color:#c2cbc7;background:#121916;border:1px solid #35403c;border-radius:12px;grid-template-columns:40px minmax(0,1fr) 18px;align-items:center;gap:11px;min-height:68px;padding:10px 12px;text-decoration:none;transition:border-color .16s,background .16s,transform .16s;display:grid}.directory-card:hover{color:#fff;background:#1d2723;border-color:#65736c;transform:translateY(-2px)}.directory-card>svg{color:#53615b;transition:color .16s,transform .16s}.directory-card:hover>svg{color:var(--acid);transform:translate(2px,-2px)}.directory-icon{color:#9aa69f;background:#1d2623;border:1px solid #3a4641;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.featured-section .directory-icon{color:var(--acid);background:#c8f13514;border-color:#c8f13561}.directory-card strong,.directory-card small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.directory-card strong{font-size:13px;font-weight:650}.directory-card small{color:#6f7c76;margin-top:5px;font-size:10px}.all-tools-divider{color:#7e8b84;letter-spacing:.14em;align-items:center;gap:10px;margin:34px 2px 18px;font:700 10px/1 ui-monospace,monospace;display:flex}.all-tools-divider i{background:#303b36;flex:1;height:1px}.home-empty{color:#7f8b85;text-align:center;border:1px dashed #3c4843;border-radius:12px;padding:40px 20px}.search-results-section{min-height:220px}@media (width<=820px){.mobile-menu{color:#e9eeeb;background:#1a221f;border-color:#3a4541}}@media (width<=1080px){.app-shell{grid-template-columns:310px minmax(0,1fr)}.workspace{padding-inline:28px}.topbar-actions{flex-direction:column;align-items:flex-end}.websocket-console-grid{grid-template-columns:1fr}.websocket-log{min-height:360px}}@media (width<=820px){.app-shell{display:block}.sidebar{visibility:hidden;width:min(342px,100vw - 36px);transition:transform .24s cubic-bezier(.16,1,.3,1),visibility 0s linear .24s;position:fixed;left:0;transform:translate(-102%)}.sidebar.open{visibility:visible;transition-delay:0s;transform:translate(0);box-shadow:24px 0 70px #0000004d}.nav-scrim{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#070c0a94;display:block;position:fixed;inset:0}.nav-close{color:#c3ccc8;cursor:pointer;background:#222b28;border-radius:10px;place-items:center;width:42px;height:42px;display:grid}.workspace{height:auto;min-height:100svh;padding:20px 18px 42px}.workspace:before{width:100%}.topbar{grid-template-columns:42px minmax(0,1fr);gap:12px;padding-top:6px;display:grid}.home-topbar{min-height:230px;padding:24px 20px}.home-topbar .mobile-menu{z-index:2;position:relative}.home-topbar .home-heading{grid-column:1/-1}.home-heading h1{font-size:40px}.directory-count{display:none}.home-search-wrap{margin-bottom:18px;top:10px}.directory-section{padding:15px}.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-menu{color:#e9eeeb;cursor:pointer;background:#1a221f;border:1px solid #3a4541;border-radius:10px;place-items:center;width:42px;height:42px;display:grid}.breadcrumb{margin:5px 0 14px}.topbar-actions{display:none}.tool-panel{min-height:auto;padding:15px}.two-column,.media-tool{grid-template-columns:1fr}.barcode-options{grid-template-columns:1fr 1fr}.barcode-options .field:first-child{grid-column:1/-1}.field textarea{min-height:230px}.json-viewer{min-height:300px;max-height:56svh}.json-output-field.maximized{border-radius:12px;padding:10px;inset:8px}.json-viewer-toolbar{overflow-x:auto}.json-search-control input{width:96px}.json-output-field.maximized .json-viewer{max-height:none}.preview-box{min-height:280px}.big-clock{padding:24px 10px}.websocket-connection-head{flex-direction:column;align-items:stretch}.websocket-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.websocket-metrics div:first-child{border-left:0;padding-left:0}.websocket-connect-grid{grid-template-columns:1fr}.websocket-connect-actions{margin-top:0}.websocket-message-field textarea{min-height:230px}}@media (width<=480px){.workspace{padding-inline:12px}.topbar{margin-bottom:16px;padding-inline:4px}h1{font-size:31px}.page-heading>p{font-size:13px}.tool-panel{border-radius:15px;padding:12px}.home-topbar{border-radius:15px;margin-bottom:14px}.home-heading h1{font-size:36px}.home-directory{padding:0}.home-search-wrap{border-radius:12px;min-height:54px}.home-search-wrap kbd{display:none}.directory-grid{grid-template-columns:1fr}.directory-section{border-radius:14px;margin-bottom:14px;padding:13px}.actions button{flex:auto}.form-grid,.barcode-options{grid-template-columns:1fr}.barcode-options .field:first-child{grid-column:auto}.small-field{max-width:none}.toast{text-align:center;bottom:12px;left:12px;right:12px}.websocket-connection-card,.websocket-compose-panel,.websocket-log-panel{border-radius:11px;padding:11px}.websocket-status em{margin:4px 0 0;display:block}.websocket-metrics div{padding-inline:8px}.websocket-metrics dd{font-size:11px}.websocket-log-head{flex-direction:column;align-items:flex-start}.websocket-log-actions{justify-content:space-between;width:100%}.websocket-log-actions button{min-height:44px}.websocket-send-actions>span{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.json-tree-node[data-v-b4a34632]{min-width:max-content}.json-tree-row[data-v-b4a34632]{white-space:pre;align-items:center;min-height:28px;display:flex}.json-tree-children[data-v-b4a34632]{border-left:1px solid #8899912e;margin-left:20px;padding-left:3px}.json-toggle[data-v-b4a34632],.json-toggle-spacer[data-v-b4a34632]{flex:0 0 28px;width:28px;height:28px}.json-toggle[data-v-b4a34632]{color:#86938d;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.json-toggle[data-v-b4a34632]:hover{color:#d6f85b;background:#c8f13517}.json-toggle[data-v-b4a34632]:focus-visible,.json-summary[data-v-b4a34632]:focus-visible{outline-offset:-2px;outline:2px solid #9fbd31}.json-key[data-v-b4a34632]{color:#7dd3fc}.json-string[data-v-b4a34632]{color:#a7e08c}.json-number[data-v-b4a34632]{color:#f6bd60}.json-boolean[data-v-b4a34632]{color:#c4a7ff}.json-null[data-v-b4a34632]{color:#ff8f87;font-style:italic}.json-bracket[data-v-b4a34632]{color:#d8e0dc;font-weight:700}.json-punctuation[data-v-b4a34632]{color:#78847e}.json-summary[data-v-b4a34632]{color:#95a19b;font:inherit;cursor:pointer;background:#8090881a;border:0;border-radius:5px;margin:0 5px;padding:2px 6px}.json-summary[data-v-b4a34632]:hover{color:#d6f85b;background:#c8f13517}.json-search-match[data-v-b4a34632]{background:#f6bd603b;border-radius:3px;box-shadow:inset 0 0 0 1px #f6bd603d}.json-search-match.json-search-current[data-v-b4a34632]{color:#0d1311;background:#d6f85b;box-shadow:0 0 0 2px #d6f85b38}