*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.isolate{isolation:isolate}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.border{border-width:1px}.uppercase{text-transform:uppercase}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;color:#122033;background:#edf3fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--canvas: #edf3fb;--surface: rgb(255 255 255 / 86%);--surface-soft: #f5f8fc;--surface-strong: #e9f0f8;--border: rgb(28 64 104 / 12%);--border-strong: rgb(20 102 146 / 24%);--text: #122033;--text-soft: #53647a;--text-faint: #8998aa;--brand: #087ea4;--brand-strong: #055d86;--brand-soft: #dff7fb;--cyan: #0891b2;--violet: #7158e8;--success: #008a67;--warning: #bf7208;--danger: #d43c56;--json-key: #5b4bcc;--json-string: #087f5b;--json-number: #c05a16;--json-literal: #b72b73;--shadow-sm: 0 1px 2px rgb(16 42 67 / 5%), 0 8px 24px rgb(33 80 116 / 5%);--shadow-md: 0 24px 64px rgb(27 65 94 / 14%);--panel-glow: inset 0 1px 0 rgb(255 255 255 / 82%)}:root.dark{color:#edf6ff;background:#050914;--canvas: #050914;--surface: rgb(11 19 36 / 88%);--surface-soft: #0b1528;--surface-strong: #111e35;--border: rgb(135 190 255 / 12%);--border-strong: rgb(89 224 255 / 28%);--text: #edf6ff;--text-soft: #98abc2;--text-faint: #61758e;--brand: #55dcff;--brand-strong: #8be9ff;--brand-soft: rgb(48 202 240 / 12%);--cyan: #55dcff;--violet: #9a86ff;--success: #42e8ad;--warning: #ffd166;--danger: #ff718a;--json-key: #a897ff;--json-string: #68e6b2;--json-number: #ffbf75;--json-literal: #ff91cf;--shadow-sm: 0 1px 0 rgb(255 255 255 / 3%), 0 12px 32px rgb(0 5 18 / 20%);--shadow-md: 0 28px 80px rgb(0 4 15 / 42%);--panel-glow: inset 0 1px 0 rgb(255 255 255 / 4%)}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--canvas)}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(circle at 78% -8%,color-mix(in srgb,var(--brand) 12%,transparent),transparent 34%),radial-gradient(circle at 16% 24%,color-mix(in srgb,var(--violet) 8%,transparent),transparent 30%),var(--canvas)}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 24%,transparent);outline-offset:2px}::-moz-selection{color:#fff;background:var(--brand)}::selection{color:#fff;background:var(--brand)}#app{min-height:100vh}:root{--scrollbar-thumb: #aeb8c8;--scrollbar-thumb-hover: #8793a7}:root.dark{--scrollbar-thumb: #46536b;--scrollbar-thumb-hover: #64728d}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{min-width:38px;min-height:38px;background:var(--scrollbar-thumb);background-clip:padding-box;border:2px solid transparent;border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box}*::-webkit-scrollbar-corner{background:transparent}.app-shell{min-height:100vh}.tool-sidebar{position:fixed;inset:0 auto 0 0;z-index:30;display:flex;width:272px;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#4a5874 transparent;scrollbar-gutter:stable;color:#dbe4f3;background:radial-gradient(circle at 12% 8%,rgb(79 70 229 / 28%),transparent 28%),#0c1323;border-right:1px solid rgb(255 255 255 / 7%)}.tool-sidebar::-webkit-scrollbar{width:9px}.tool-sidebar::-webkit-scrollbar-thumb{background:#3e4b67;background-clip:padding-box;border:2px solid transparent}.tool-sidebar::-webkit-scrollbar-thumb:hover{background:#596987;background-clip:padding-box}.brand-block{display:flex;align-items:center;gap:12px;padding:28px 24px 24px}.brand-mark{display:grid;width:42px;height:42px;place-items:center;color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;font-weight:800;letter-spacing:-1px;background:#5b5cf0;border:1px solid rgb(255 255 255 / 18%);border-radius:13px;box-shadow:0 12px 26px #3637be59}.brand-name{margin:0;color:#fff;font-size:18px;font-weight:750;letter-spacing:-.02em}.brand-note{margin:2px 0 0;color:#7f8ba3;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.sidebar-content{flex:1;padding:6px 16px 24px}.nav-group+.nav-group{margin-top:24px}.nav-label{margin:0 10px 8px;color:#68758d;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.nav-item{display:flex;align-items:center;gap:12px;min-height:48px;padding:8px 11px;color:#9eabc0;text-decoration:none;border:1px solid transparent;border-radius:12px;transition:.16s ease}.nav-item:hover{color:#f4f7fb;background:rgb(255 255 255 / 5%)}.nav-item.router-link-exact-active{color:#fff;background:rgb(99 102 241 / 16%);border-color:#818cf833}.nav-icon{display:grid;width:31px;height:31px;flex:0 0 31px;place-items:center;color:#98a6be;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:800;background:rgb(255 255 255 / 6%);border:1px solid rgb(255 255 255 / 7%);border-radius:9px}.router-link-exact-active .nav-icon{color:#fff;background:#5b5cf0;border-color:#7677ff}.nav-copy{min-width:0;flex:1}.nav-title{display:block;font-size:13px;font-weight:650}.nav-description{display:block;overflow:hidden;margin-top:1px;color:#66738a;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.app-main{min-height:100vh;margin-left:272px}.topbar{position:sticky;top:0;z-index:20;display:flex;height:64px;align-items:center;justify-content:space-between;padding:0 32px;background:color-mix(in srgb,var(--canvas) 86%,transparent);border-bottom:1px solid color-mix(in srgb,var(--border) 76%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar-product{display:flex;align-items:center;gap:10px;color:var(--text-soft);font-size:12px}.topbar-title{color:var(--text);font-weight:700}.topbar-divider{color:var(--border-strong)}.topbar-actions{display:flex;align-items:center;gap:10px}.status-chip{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:0 11px;color:var(--text-soft);font-size:11px;font-weight:650;background:var(--surface);border:1px solid var(--border);border-radius:999px;box-shadow:var(--shadow-sm)}.theme-button{display:grid;width:36px;height:36px;place-items:center;color:var(--text-soft);cursor:pointer;background:var(--surface);border:1px solid var(--border);border-radius:11px;box-shadow:var(--shadow-sm)}.mobile-brand,.mobile-nav{display:none}.page-enter-active,.page-leave-active{transition:.16s ease}.page-enter-from,.page-leave-to{opacity:0;transform:translateY(4px)}.tool-page{width:100%;min-height:calc(100vh - 64px);margin:0;padding:32px}.tool-header{display:flex;align-items:flex-end;justify-content:flex-end;gap:24px;margin-bottom:16px}.tool-header>div:first-child:not(.tool-actions){display:none}.tool-eyebrow{margin:0 0 8px;color:var(--brand);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.tool-title{margin:0;color:var(--text);font-size:clamp(26px,3vw,38px);font-weight:760;letter-spacing:-.04em;line-height:1.12}.tool-description{max-width:700px;margin:9px 0 0;color:var(--text-soft);font-size:13px;line-height:1.7}.tool-actions,.panel-actions,.action-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.button{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:7px;padding:0 14px;color:var(--text);font-size:12px;font-weight:700;cursor:pointer;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-sm);transition:.15s ease}.button:hover:not(:disabled){border-color:var(--border-strong);transform:translateY(-1px);box-shadow:0 7px 16px #0f172a12}.button:disabled{opacity:.55;cursor:not-allowed}.button-primary{color:#fff;background:var(--brand);border-color:var(--brand)}.button-primary:hover:not(:disabled){background:var(--brand-strong);border-color:var(--brand-strong)}.button-danger{color:var(--danger);background:color-mix(in srgb,var(--danger) 7%,var(--surface));border-color:color-mix(in srgb,var(--danger) 18%,var(--border))}.button-ghost{box-shadow:none}.select-control{min-height:38px;padding:0 32px 0 11px;color:var(--text);font-size:12px;font-weight:650;cursor:pointer;background:var(--surface);border:1px solid var(--border);border-radius:10px}.select-control:disabled{opacity:.55;cursor:not-allowed}.workspace-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.panel{overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-sm)}.panel-header{display:flex;min-height:54px;align-items:center;justify-content:space-between;gap:16px;padding:0 16px;background:var(--surface-soft);border-bottom:1px solid var(--border)}.panel-title{display:flex;align-items:center;gap:9px;margin:0;color:var(--text);font-size:12px;font-weight:750}.panel-index{display:grid;width:23px;height:23px;place-items:center;color:var(--brand);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;background:var(--brand-soft);border-radius:7px}.panel-meta{color:var(--text-faint);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.editor{display:block;width:100%;min-height:510px;padding:20px;resize:vertical;color:var(--text);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13px;line-height:1.75;background:var(--surface);border:0;outline:none;-moz-tab-size:2;-o-tab-size:2;tab-size:2}.editor::-moz-placeholder,.form-control::-moz-placeholder{color:var(--text-faint)}.editor::placeholder,.form-control::placeholder{color:var(--text-faint)}.editor-readonly{background:color-mix(in srgb,var(--surface-soft) 45%,var(--surface))}.notice{display:flex;align-items:flex-start;gap:10px;margin-bottom:16px;padding:12px 14px;color:var(--text-soft);font-size:12px;line-height:1.6;background:var(--surface);border:1px solid var(--border);border-radius:12px}.notice-error{color:var(--danger);background:color-mix(in srgb,var(--danger) 6%,var(--surface));border-color:color-mix(in srgb,var(--danger) 20%,var(--border))}.notice-success{color:var(--success);background:color-mix(in srgb,var(--success) 6%,var(--surface));border-color:color-mix(in srgb,var(--success) 18%,var(--border))}.form-card{padding:22px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-sm)}.form-card+.form-card{margin-top:16px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.section-title{margin:0;color:var(--text);font-size:14px;font-weight:750}.section-note{margin:4px 0 0;color:var(--text-soft);font-size:11px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.field-full{grid-column:1 / -1}.field-label{display:block;margin:0 0 7px;color:var(--text-soft);font-size:11px;font-weight:700}.field-hint{margin:6px 0 0;color:var(--text-faint);font-size:10px;line-height:1.5}.form-control{display:block;width:100%;min-height:43px;padding:9px 12px;color:var(--text);font-size:12px;line-height:1.5;background:var(--surface-soft);border:1px solid var(--border);border-radius:10px;outline:none;transition:.15s ease}.form-control:focus{background:var(--surface);border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 12%,transparent)}textarea.form-control{min-height:170px;resize:vertical;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;line-height:1.7}.result-area{min-height:210px!important}.mono{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.stats-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.stat{padding:6px 9px;color:var(--text-soft);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;background:var(--surface-soft);border:1px solid var(--border);border-radius:8px}.segmented{display:inline-flex;gap:3px;padding:3px;background:var(--surface-strong);border-radius:10px}.segmented>button{min-height:32px;padding:0 12px;color:var(--text-soft);font-size:11px;font-weight:700;cursor:pointer;background:transparent;border:0;border-radius:8px}.segmented>button.active{color:var(--text);background:var(--surface);box-shadow:var(--shadow-sm)}.segment{min-height:32px;padding:0 12px;color:var(--text-soft);font-size:11px;font-weight:700;cursor:pointer;background:transparent;border:0;border-radius:8px}.segment.active{color:var(--text);background:var(--surface);box-shadow:var(--shadow-sm)}.data-table{overflow:hidden;border:1px solid var(--border);border-radius:12px}.data-row{display:grid;grid-template-columns:40px minmax(0,1fr) minmax(0,1.4fr) 112px 42px;gap:8px;align-items:center;padding:10px;border-bottom:1px solid var(--border)}.data-row:last-child{border-bottom:0}.row-number{color:var(--text-faint);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;text-align:center}.icon-button{display:grid;width:34px;height:34px;place-items:center;color:var(--text-soft);cursor:pointer;background:transparent;border:1px solid transparent;border-radius:9px}.icon-button:hover{color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,transparent);border-color:color-mix(in srgb,var(--danger) 16%,transparent)}.two-column-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:16px;align-items:start}.two-column-layout>.form-card+.form-card{margin-top:0}.sticky-result{position:sticky;top:80px}@media (min-width: 1101px){.tool-page-viewport{display:flex;height:calc(100vh - 64px);height:calc(100dvh - 64px);flex-direction:column}.tool-page-viewport>.workspace-grid,.tool-page-viewport>.two-column-layout{min-height:460px;flex:1}.tool-page-viewport>.workspace-grid>.panel,.tool-page-viewport>.two-column-layout>.panel{display:flex;height:100%;min-height:0;flex-direction:column}.tool-page-viewport>.workspace-grid>.panel>.editor,.tool-page-viewport>.workspace-grid>.panel>.code-editor,.tool-page-viewport>.two-column-layout>.panel>.editor,.tool-page-viewport>.two-column-layout>.panel>.code-editor{height:auto;min-height:0;flex:1}.tool-page-viewport>.diff-input-grid>.panel>.diff-input-editor{display:flex;min-height:0;flex:1}.tool-page-viewport>.diff-input-grid>.panel>.diff-input-editor>.code-editor{height:auto;min-height:0;flex:1;resize:none}.tool-page-viewport .socket-console{min-height:0;max-height:none;flex:1}}.advanced-toggle{color:var(--brand);font-size:11px;font-weight:700;cursor:pointer;background:transparent;border:0}.jwt-token-editor{min-height:180px}.jwt-json-editor{min-height:330px}.jwt-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px}.jwt-panel-stack{display:grid;align-self:start;gap:16px}.jwt-panel-stack>.panel{display:flex;min-height:0;flex-direction:column}.jwt-header-panel{height:224px}.jwt-panel-stack .jwt-json-editor{height:auto;min-height:0;resize:none}.jwt-header-panel .jwt-json-editor{flex:1}.jwt-meta-grid{display:grid;grid-template-columns:1fr;gap:10px}.jwt-meta-card{padding:14px;background:var(--surface-soft);border:1px solid var(--border);border-radius:11px}.jwt-meta-label{display:block;color:var(--text-faint);font-size:10px;font-weight:700;letter-spacing:.04em}.jwt-meta-value{display:block;margin-top:7px;overflow-wrap:anywhere;color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.jwt-claims{display:grid;grid-template-columns:1fr;gap:10px;margin-top:10px}.jwt-claim{display:flex;min-width:0;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px;background:color-mix(in srgb,var(--brand) 4%,var(--surface));border:1px solid var(--border);border-radius:11px}.jwt-claim-time,.jwt-claim-raw{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.jwt-claim-time{margin-top:7px;color:var(--text);font-size:11px;line-height:1.55}.jwt-claim-raw{margin-top:3px;color:var(--text-faint);font-size:9px}.jwt-claim-status{flex:0 0 auto;padding:4px 7px;color:var(--text-soft);font-size:9px;font-weight:800;background:var(--surface-strong);border-radius:999px}.jwt-claim-status.success{color:var(--success);background:color-mix(in srgb,var(--success) 9%,var(--surface))}.jwt-claim-status.warning{color:var(--warning);background:color-mix(in srgb,var(--warning) 9%,var(--surface))}.jwt-claim-status.danger{color:var(--danger);background:color-mix(in srgb,var(--danger) 9%,var(--surface))}.attendance-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.attendance-action{display:flex;min-height:92px;align-items:flex-start;justify-content:space-between;gap:14px;padding:16px;color:var(--text);text-align:left;cursor:pointer;background:var(--surface-soft);border:1px solid var(--border);border-radius:12px;transition:.15s ease}.attendance-action:hover:not(:disabled){background:var(--surface);border-color:color-mix(in srgb,var(--brand) 45%,var(--border));transform:translateY(-1px);box-shadow:var(--shadow-sm)}.attendance-action:disabled{opacity:.55;cursor:not-allowed}.attendance-action-title{display:block;font-size:13px;font-weight:750}.attendance-action-note{display:block;margin-top:5px;color:var(--text-soft);font-size:10px;line-height:1.5}.attendance-action-code{display:grid;width:31px;height:31px;flex:0 0 31px;place-items:center;color:var(--brand);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:800;background:var(--brand-soft);border-radius:9px}.socket-status{display:inline-flex;min-height:32px;align-items:center;gap:8px;padding:0 11px;color:var(--text-soft);font-size:11px;font-weight:700;background:var(--surface);border:1px solid var(--border);border-radius:999px}.socket-status:before{width:7px;height:7px;content:"";background:var(--text-faint);border-radius:50%}.socket-status.connecting:before{background:var(--warning);box-shadow:0 0 0 4px color-mix(in srgb,var(--warning) 12%,transparent)}.socket-status.open:before{background:var(--success);box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 12%,transparent)}.socket-status.error:before{background:var(--danger);box-shadow:0 0 0 4px color-mix(in srgb,var(--danger) 12%,transparent)}.socket-console{min-height:520px;max-height:65vh;overflow-y:auto;padding:14px;background:color-mix(in srgb,var(--surface-soft) 48%,var(--surface))}.socket-empty{display:grid;min-height:420px;place-items:center;color:var(--text-faint);font-size:12px;text-align:center}.socket-log{display:grid;grid-template-columns:72px 76px minmax(0,1fr);gap:10px;align-items:start;padding:11px 10px;border-bottom:1px solid var(--border)}.socket-log:last-child{border-bottom:0}.socket-log-time{color:var(--text-faint);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.socket-log-type{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.socket-log.received .socket-log-type{color:var(--cyan)}.socket-log.sent .socket-log-type{color:var(--brand)}.socket-log.system .socket-log-type{color:var(--success)}.socket-log.error .socket-log-type{color:var(--danger)}.socket-log-message{min-width:0;margin:0;overflow-wrap:anywhere;color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.65;white-space:pre-wrap}.tool-empty-state{display:grid;min-height:210px;place-items:center;color:var(--text-faint);font-size:11px;text-align:center;background:color-mix(in srgb,var(--surface-soft) 45%,var(--surface));border:1px dashed var(--border-strong);border-radius:12px}.tool-empty-code{display:grid;width:52px;height:52px;place-items:center;color:var(--brand);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:800;background:var(--brand-soft);border-radius:16px}.converter-format-select{min-width:112px;color:var(--brand);font-weight:800}.converter-panel-header{min-height:62px}.notice code{padding:2px 5px;color:var(--brand);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;background:var(--brand-soft);border-radius:5px}.diff-settings{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:14px}.diff-options{display:flex;flex-wrap:wrap;align-items:center;gap:18px}.diff-options label{display:inline-flex;align-items:center;gap:7px;color:var(--text-soft);font-size:11px;font-weight:700;cursor:pointer}.diff-options input{width:15px;height:15px;accent-color:var(--brand)}.diff-notice,.diff-input-grid{margin-top:16px}.diff-input-editor .code-editor{height:min(64vh,620px);min-height:420px}.diff-summary{display:flex;flex-wrap:wrap;gap:8px}.diff-summary span{padding:5px 8px;color:var(--text-soft);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;background:var(--surface-soft);border-radius:7px}.diff-summary .changed{color:var(--warning);background:color-mix(in srgb,var(--warning) 9%,var(--surface))}.diff-summary .added{color:var(--success);background:color-mix(in srgb,var(--success) 9%,var(--surface))}.diff-summary .removed{color:var(--danger);background:color-mix(in srgb,var(--danger) 9%,var(--surface))}.diff-summary .identical{color:var(--success);background:color-mix(in srgb,var(--success) 9%,var(--surface))}.regex-config-card{padding-block:18px}.regex-expression-row{display:grid;grid-template-columns:22px minmax(240px,1fr) 22px auto;align-items:center;gap:4px}.regex-delimiter{color:var(--brand);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:22px;font-weight:500;text-align:center}.regex-pattern-input{min-height:47px;font-size:13px;background:var(--surface)}.regex-flags-code{min-width:48px;padding:8px;color:var(--brand);font-size:12px;font-weight:800;text-align:center;background:var(--brand-soft);border-radius:9px}.regex-flags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:13px;padding-left:26px}.regex-flags label{display:inline-flex;min-height:32px;align-items:center;gap:6px;padding:0 9px;color:var(--text-soft);font-size:10px;font-weight:700;cursor:pointer;background:var(--surface-soft);border:1px solid var(--border);border-radius:8px}.regex-flags label:has(input:checked){color:var(--brand);background:var(--brand-soft);border-color:color-mix(in srgb,var(--brand) 22%,var(--border))}.regex-flags input{width:13px;height:13px;accent-color:var(--brand)}.regex-flags code{font-size:11px;font-weight:900}.regex-replace-toggle{margin-left:auto}.regex-replacement-field{display:block;margin:16px 26px 0;padding-top:15px;border-top:1px solid var(--border)}.regex-notice,.regex-workspace,.regex-match-panel{margin-top:16px}.regex-result-panel{min-width:0}.regex-match-count{padding:5px 8px;color:var(--success);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;font-weight:800;background:color-mix(in srgb,var(--success) 9%,var(--surface));border-radius:999px}.regex-match-count.empty{color:var(--text-faint);background:var(--surface-strong)}.regex-result-tabs{padding:9px 14px;background:var(--surface);border-bottom:1px solid var(--border)}.regex-highlight-view{height:510px;overflow:auto;padding-block:16px;background:color-mix(in srgb,var(--surface-soft) 38%,var(--surface))}.regex-highlight-line{display:grid;grid-template-columns:48px minmax(max-content,1fr);min-height:23px}.regex-line-number{padding:1px 9px 1px 4px;color:var(--text-faint);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;line-height:1.9;text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:color-mix(in srgb,var(--surface-strong) 75%,var(--surface));border-right:1px solid var(--border)}.regex-highlight-line>code{min-width:0;padding:1px 12px;color:var(--text);font-size:11px;line-height:1.9;white-space:pre}.regex-match-mark{padding:2px 1px;color:inherit;background:color-mix(in srgb,var(--brand) 24%,transparent);border-bottom:2px solid var(--brand);border-radius:3px}.regex-match-mark.zero-width{display:inline-block;width:2px;height:16px;padding:0;vertical-align:-3px;background:var(--warning);border:0}.regex-match-header{min-height:62px}.regex-match-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:620px;overflow:auto;padding:14px;background:color-mix(in srgb,var(--surface-soft) 38%,var(--surface))}.regex-match-card{min-width:0;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:11px}.regex-match-card>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;color:var(--brand);font-size:10px;font-weight:800;background:var(--surface-soft);border-bottom:1px solid var(--border)}.regex-match-card>header code{color:var(--text-faint);font-size:9px;font-weight:500}.regex-match-card>pre{min-height:42px;margin:0;overflow:auto;padding:10px 11px;color:var(--text);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:10px;line-height:1.7;white-space:pre-wrap}.regex-groups{padding:0 11px 10px}.regex-groups>div{display:grid;grid-template-columns:minmax(50px,auto) minmax(0,1fr);gap:9px;padding:7px 0;color:var(--text-soft);font-size:9px;border-top:1px solid var(--border)}.regex-groups code{overflow-wrap:anywhere;color:var(--text);text-align:right}.regex-list-limit{grid-column:1 / -1;margin:4px 0;color:var(--text-faint);font-size:10px;text-align:center}.regex-empty-matches{min-height:260px;background:color-mix(in srgb,var(--surface-soft) 38%,var(--surface));border:0;border-radius:0}.command-button kbd,.command-search-row kbd{padding:3px 5px;color:#7f8ba3;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;background:rgb(255 255 255 / 6%);border:1px solid rgb(255 255 255 / 8%);border-radius:5px}.command-button{display:inline-flex;min-height:36px;align-items:center;gap:18px;padding:0 9px 0 12px;color:var(--text-soft);font-size:10px;cursor:pointer;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-sm)}.command-button kbd,.command-search-row kbd{color:var(--text-faint);background:var(--surface-strong);border-color:var(--border)}.command-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;align-items:start;justify-items:center;padding:min(15vh,140px) 20px 30px;background:rgb(5 9 18 / 58%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.command-palette{width:min(650px,100%);overflow:hidden;background:var(--surface);border:1px solid var(--border-strong);border-radius:17px;box-shadow:0 28px 80px #03081452}.command-search-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:62px;padding:0 18px;color:var(--brand);border-bottom:1px solid var(--border)}.command-search-row input{width:100%;min-height:60px;color:var(--text);font-size:14px;background:transparent;border:0;outline:0}.command-search-row input::-moz-placeholder{color:var(--text-faint)}.command-search-row input::placeholder{color:var(--text-faint)}.command-results{max-height:min(55vh,520px);overflow-y:auto;padding:9px}.command-result{display:grid;width:100%;grid-template-columns:34px minmax(0,1fr) 26px;align-items:center;gap:12px;padding:9px 10px;color:var(--text);text-align:left;cursor:pointer;background:transparent;border:0;border-radius:11px}.command-result:hover,.command-result:focus-visible{background:var(--brand-soft);outline:0}.command-result strong,.command-result small{display:block}.command-result strong{font-size:12px}.command-result small{margin-top:3px;color:var(--text-faint);font-size:9px}.command-arrow{color:var(--text-faint);text-align:center}.command-empty{padding:50px 20px;color:var(--text-faint);font-size:11px;text-align:center}.command-footer{display:flex;gap:18px;padding:9px 18px;color:var(--text-faint);font-size:9px;background:var(--surface-soft);border-top:1px solid var(--border)}.command-fade-enter-active,.command-fade-leave-active{transition:.14s ease}.command-fade-enter-from,.command-fade-leave-to{opacity:0}.command-fade-enter-from .command-palette,.command-fade-leave-to .command-palette{transform:translateY(-8px) scale(.985)}.tool-result-block{margin-top:16px}.utility-options{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;padding:11px 14px;color:var(--text-faint);font-size:10px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.utility-options code{color:var(--brand)}.check-control,.compact-field{display:inline-flex;align-items:center;gap:8px;color:var(--text-soft);font-size:11px;font-weight:700}.check-control input{width:15px;height:15px;accent-color:var(--brand)}.compact-number{width:76px;min-height:38px}.seed-input{width:130px;min-height:38px}.socket-composer{padding:16px;border-top:1px solid var(--border)}.socket-composer textarea.form-control{min-height:112px}.mobile-tool-code{display:none}@media (max-width: 1100px){.tool-page{padding:26px 24px}.workspace-grid,.two-column-layout{grid-template-columns:1fr}.sticky-result{position:static}}@media (max-width: 840px){.tool-sidebar{display:none}.app-main{margin-left:0}.topbar{height:58px;padding:0 16px}.mobile-brand{display:flex;align-items:center;gap:9px;color:var(--text);font-size:13px;font-weight:800}.mobile-brand .brand-mark{width:31px;height:31px;font-size:10px;border-radius:9px}.topbar-product,.command-button span{display:none}.command-button{min-width:36px;justify-content:center;padding:0 8px}.mobile-nav{position:sticky;top:58px;z-index:19;display:flex;gap:7px;overflow-x:auto;padding:9px 14px;background:color-mix(in srgb,var(--canvas) 92%,transparent);border-bottom:1px solid var(--border);scrollbar-width:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-nav::-webkit-scrollbar{display:none}.mobile-nav-link{display:inline-flex;min-height:34px;flex:0 0 auto;align-items:center;padding:0 11px;color:var(--text-soft);font-size:11px;font-weight:700;text-decoration:none;background:var(--surface);border:1px solid var(--border);border-radius:9px}.mobile-nav-link.router-link-exact-active{color:#fff;background:var(--brand);border-color:var(--brand)}.tool-page{min-height:calc(100vh - 103px);padding:22px 16px 32px}.tool-header{align-items:flex-start;flex-direction:column;gap:16px}.form-grid,.form-grid-3,.attendance-actions,.jwt-meta-grid,.jwt-claims,.jwt-result-grid{grid-template-columns:1fr}.jwt-panel-stack{align-self:stretch}.socket-log{grid-template-columns:60px minmax(0,1fr)}.socket-log-message{grid-column:1 / -1}.data-row{grid-template-columns:32px minmax(0,1fr) 88px 36px}.data-row .row-value{grid-column:2 / -1;grid-row:2}.regex-match-list{grid-template-columns:1fr}.editor{min-height:360px}.jwt-token-editor{min-height:180px}}@media (max-width: 520px){.tool-actions{width:100%}.tool-actions .button-primary{flex:1}.json-tool-actions .segmented,.json-tool-actions .select-control{width:100%}.json-tool-actions .segmented>button{flex:1}.utility-options,.section-heading{align-items:stretch;flex-direction:column}.command-backdrop{padding:70px 10px 10px}.command-footer{justify-content:space-between;gap:6px}.command-footer span:last-child{display:none}.form-card{padding:16px}.panel-header{padding:0 12px}.panel-meta{display:none}.converter-panel-header{min-height:auto;align-items:flex-start;flex-direction:column;padding-block:12px}.converter-panel-header .panel-actions{width:100%}.diff-settings{align-items:stretch;flex-direction:column}.diff-settings .action-row{width:100%;flex-wrap:wrap}.regex-expression-row{grid-template-columns:18px minmax(0,1fr) 18px auto}.regex-flags{padding-left:0}.regex-replace-toggle{width:100%;margin-left:0;text-align:left}.regex-replacement-field{margin-inline:0}.regex-match-header{min-height:auto;align-items:flex-start;flex-direction:column;padding-block:12px}}#app{isolation:isolate}.app-shell{position:relative;color:var(--text);background:linear-gradient(90deg,color-mix(in srgb,var(--border) 20%,transparent) 1px,transparent 1px),linear-gradient(color-mix(in srgb,var(--border) 20%,transparent) 1px,transparent 1px);background-size:44px 44px}.app-shell:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;content:"";background:radial-gradient(circle at 78% 8%,color-mix(in srgb,var(--brand) 14%,transparent),transparent 28%),radial-gradient(circle at 44% 100%,color-mix(in srgb,var(--violet) 9%,transparent),transparent 34%);-webkit-mask-image:linear-gradient(to bottom,#000,transparent 86%);mask-image:linear-gradient(to bottom,#000,transparent 86%)}.tool-sidebar{width:288px;color:#dceaff;background:radial-gradient(circle at 18% -4%,rgb(64 214 255 / 17%),transparent 24%),radial-gradient(circle at 110% 38%,rgb(117 91 255 / 14%),transparent 30%),linear-gradient(180deg,#080d1b 0%,#070b16 50%,#050914 100%);border-right:1px solid rgb(116 194 255 / 12%);box-shadow:24px 0 70px #00051138}.tool-sidebar:before{position:fixed;top:0;bottom:0;left:287px;width:1px;pointer-events:none;content:"";background:linear-gradient(transparent 2%,rgb(79 222 255 / 42%) 22%,rgb(125 101 255 / 30%) 68%,transparent 96%)}.brand-block{gap:13px;padding:25px 22px 20px}.brand-mark{position:relative;width:44px;height:44px;overflow:hidden;color:#ecfbff;font-size:14px;letter-spacing:-.08em;background:linear-gradient(145deg,rgb(76 225 255 / 30%),rgb(108 82 255 / 28%)),#10182c;border:1px solid rgb(122 231 255 / 36%);border-radius:12px;box-shadow:inset 0 1px #ffffff29,0 10px 28px #1fb6e52e}.brand-mark:before,.brand-mark:after{position:absolute;content:""}.brand-mark:before{top:6px;right:6px;bottom:6px;left:6px;border:1px solid rgb(167 239 255 / 16%);border-radius:8px}.brand-mark:after{top:-20%;left:-70%;width:42%;height:140%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / 38%),transparent);transform:rotate(18deg);animation:brand-scan 6s ease-in-out infinite}.brand-copy{min-width:0}.brand-title-row{display:flex;align-items:center;gap:8px}.brand-name{font-size:19px;font-weight:760;letter-spacing:-.035em}.brand-edition{padding:2px 5px;color:#6be4ff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:7px;font-weight:800;letter-spacing:.14em;background:rgb(67 208 244 / 9%);border:1px solid rgb(86 221 255 / 23%);border-radius:4px}.brand-note{margin-top:3px;color:#687d99;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;letter-spacing:.16em}.sidebar-system{display:grid;min-height:60px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;margin:0 15px 19px;padding:10px 11px;background:linear-gradient(120deg,rgb(73 210 255 / 7%),rgb(112 89 255 / 5%));border:1px solid rgb(127 200 255 / 11%);border-radius:11px;box-shadow:inset 0 1px #ffffff08}.sidebar-system strong,.sidebar-system small{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.sidebar-system strong{color:#b8cbe2;font-size:9px;letter-spacing:.13em}.sidebar-system small{margin-top:3px;color:#52657f;font-size:7px;letter-spacing:.1em}.system-orbit{position:relative;display:grid;width:27px;height:27px;place-items:center;border:1px solid rgb(85 220 255 / 20%);border-radius:50%}.system-orbit:before{position:absolute;top:4px;right:4px;bottom:4px;left:4px;content:"";border:1px dashed rgb(148 130 255 / 35%);border-radius:50%}.system-orbit i,.status-chip i{display:block;width:6px;height:6px;background:#43e5ac;border-radius:50%;box-shadow:0 0 0 4px #43e5ac17,0 0 12px #43e5ac94;animation:core-pulse 2.6s ease-in-out infinite}.system-state{color:#43e5ac;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:7px;font-weight:800;letter-spacing:.12em}.sidebar-content{padding:3px 14px 24px}.nav-group+.nav-group{margin-top:22px}.nav-label{display:flex;align-items:center;gap:8px;margin:0 9px 8px;color:#52657e;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;letter-spacing:.17em}.nav-label:after{height:1px;flex:1;content:"";background:linear-gradient(90deg,rgb(125 171 221 / 16%),transparent)}.nav-item{position:relative;min-height:47px;gap:11px;padding:7px 10px;color:#8da0b8;border-radius:10px}.nav-item:before{position:absolute;top:11px;bottom:11px;left:-14px;width:2px;content:"";background:transparent;border-radius:0 2px 2px 0}.nav-item:hover{color:#eef8ff;background:linear-gradient(90deg,rgb(76 209 246 / 7%),rgb(120 93 255 / 4%))}.nav-item.router-link-exact-active{color:#f5fbff;background:linear-gradient(100deg,rgb(63 202 242 / 13%),rgb(115 91 244 / 10%));border-color:#67d7ff29;box-shadow:inset 0 1px #ffffff08,0 8px 24px #00040f29}.nav-item.router-link-exact-active:before{background:#5fe1ff;box-shadow:0 0 14px #43cbea}.nav-icon{width:31px;height:31px;flex-basis:31px;color:#7489a4;font-size:9px;background:rgb(139 183 237 / 5%);border-color:#8bbffa14;border-radius:8px}.router-link-exact-active .nav-icon,.command-result:hover .nav-icon,.command-result:focus-visible .nav-icon{color:#eefdff;background:linear-gradient(145deg,#168db3,#6956d9);border-color:#7ce2ff5e;box-shadow:0 6px 18px #28b1db33}.nav-title{font-size:12px;font-weight:680;letter-spacing:.01em}.nav-description{margin-top:2px;color:#52647d;font-size:9px}.app-main{position:relative;margin-left:288px}.topbar{height:72px;padding:0 clamp(20px,2.6vw,38px);background:color-mix(in srgb,var(--canvas) 76%,transparent);border-bottom:1px solid var(--border);box-shadow:0 8px 30px #0007140d;-webkit-backdrop-filter:blur(24px) saturate(135%);backdrop-filter:blur(24px) saturate(135%)}.topbar:after{position:absolute;right:0;bottom:-1px;left:0;height:1px;pointer-events:none;content:"";background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--brand) 38%,transparent),transparent 82%)}.topbar-product{gap:11px;font-size:10px}.topbar-kicker{color:var(--text-faint);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;font-weight:700;letter-spacing:.16em}.topbar-title{color:var(--text);font-size:12px;font-weight:720;letter-spacing:.02em}.topbar-divider{color:color-mix(in srgb,var(--brand) 58%,var(--text-faint));font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.topbar-actions{gap:9px}.status-chip{min-height:34px;padding:0 12px;color:var(--text-soft);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;letter-spacing:.09em;background:color-mix(in srgb,var(--surface) 76%,transparent);border-color:var(--border);border-radius:9px;box-shadow:var(--panel-glow)}.status-chip i{width:5px;height:5px}.command-button,.theme-button{color:var(--text-soft);background:color-mix(in srgb,var(--surface) 78%,transparent);border-color:var(--border);box-shadow:var(--panel-glow),var(--shadow-sm);transition:border-color .16s ease,color .16s ease,background .16s ease,transform .16s ease}.command-button{min-height:36px;gap:8px;padding:0 8px 0 11px;font-size:10px;border-radius:9px}.command-symbol{color:var(--brand);font-size:15px;line-height:1}.command-button kbd,.command-search-row kbd{color:var(--text-faint);background:color-mix(in srgb,var(--surface-strong) 72%,transparent);border-color:var(--border)}.theme-button{width:36px;height:36px;color:var(--brand);font-size:15px;border-radius:9px}.command-button:hover,.theme-button:hover{color:var(--text);background:color-mix(in srgb,var(--brand-soft) 54%,var(--surface));border-color:var(--border-strong);transform:translateY(-1px)}.tool-page{min-height:calc(100vh - 72px);padding:27px clamp(20px,2.6vw,38px) 34px}.tool-header{min-height:64px;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:20px}.tool-header>div:first-child:not(.tool-actions){display:block}.tool-eyebrow{margin-bottom:7px;color:var(--brand);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;letter-spacing:.18em}.tool-title{font-size:clamp(24px,2.4vw,32px);font-weight:730;letter-spacing:-.035em;text-shadow:0 0 28px color-mix(in srgb,var(--brand) 10%,transparent)}.tool-description{max-width:650px;margin-top:7px;color:var(--text-soft);font-size:11px;line-height:1.65}.panel,.form-card{position:relative;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 96%,var(--brand-soft)),var(--surface));border-color:var(--border);box-shadow:var(--panel-glow),var(--shadow-sm);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.panel{border-radius:14px}.panel:before,.form-card:before{position:absolute;top:-1px;right:24px;left:24px;z-index:2;height:1px;pointer-events:none;content:"";background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--brand) 42%,transparent),transparent)}.panel-header{min-height:56px;padding:0 17px;background:linear-gradient(90deg,color-mix(in srgb,var(--brand-soft) 38%,var(--surface-soft)),var(--surface-soft));border-bottom-color:var(--border)}.panel-title{font-size:11px;font-weight:720;letter-spacing:.025em}.panel-index{width:24px;height:24px;color:var(--brand);background:color-mix(in srgb,var(--brand-soft) 74%,transparent);border:1px solid color-mix(in srgb,var(--brand) 16%,transparent);border-radius:7px}.panel-meta{letter-spacing:.04em}.form-card{border-radius:14px}.section-title{font-size:13px;letter-spacing:.01em}.section-note,.field-hint{color:var(--text-faint)}.field-label{color:var(--text-soft);font-size:10px;letter-spacing:.025em}.button,.select-control{min-height:39px;border-radius:9px}.button{padding-inline:15px;color:var(--text);font-size:10px;letter-spacing:.02em;background:color-mix(in srgb,var(--surface) 84%,transparent);border-color:var(--border);box-shadow:var(--panel-glow),var(--shadow-sm)}.button:hover:not(:disabled){border-color:var(--border-strong);box-shadow:var(--panel-glow),0 10px 28px color-mix(in srgb,var(--brand) 9%,transparent);transform:translateY(-1px)}.button-primary{color:#f4fdff;background:linear-gradient(115deg,#087fa5,#286fb7 52%,#6957d8);border-color:#60d5ff61;box-shadow:inset 0 1px #ffffff38,0 9px 24px #1684b838}.button-primary:hover:not(:disabled){background:linear-gradient(115deg,#0b93bc,#347fca 52%,#7764e8);border-color:#85e5ff8c;box-shadow:inset 0 1px #ffffff40,0 11px 30px #1ba8db47}.button-danger{color:var(--danger);background:color-mix(in srgb,var(--danger) 7%,var(--surface))}.select-control,.form-control{color:var(--text);background:color-mix(in srgb,var(--surface-soft) 84%,transparent);border-color:var(--border);box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 4%,transparent)}.select-control:hover,.form-control:hover{border-color:color-mix(in srgb,var(--brand) 23%,var(--border))}.form-control:focus{background:color-mix(in srgb,var(--surface) 94%,var(--brand-soft));border-color:color-mix(in srgb,var(--brand) 68%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 10%,transparent),0 0 22px color-mix(in srgb,var(--brand) 6%,transparent)}.editor,.code-editor,.code-editor .cm-editor{background:color-mix(in srgb,var(--surface) 92%,transparent)}.code-editor .cm-gutters{background:color-mix(in srgb,var(--surface-soft) 86%,transparent)}.segmented{padding:3px;background:color-mix(in srgb,var(--surface-strong) 78%,transparent);border:1px solid var(--border);border-radius:9px}.segmented>button,.segment{font-size:10px;border-radius:7px}.segmented>button.active,.segment.active{color:var(--text);background:color-mix(in srgb,var(--surface) 91%,var(--brand-soft));box-shadow:var(--panel-glow),0 4px 14px #0008181a}.notice,.utility-options,.stat,.data-table{background:color-mix(in srgb,var(--surface) 72%,transparent);border-color:var(--border);box-shadow:var(--panel-glow)}.notice{border-radius:10px}.stat{border-radius:7px}.data-row{border-bottom-color:var(--border)}.icon-button{border-radius:8px}.icon-button:hover{transform:translateY(-1px)}.command-backdrop{background:radial-gradient(circle at 50% 15%,rgb(62 210 255 / 9%),transparent 30%),rgb(2 6 15 / 72%);-webkit-backdrop-filter:blur(12px) saturate(120%);backdrop-filter:blur(12px) saturate(120%)}.command-palette{overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 96%,var(--brand-soft)),var(--surface));border-color:color-mix(in srgb,var(--brand) 32%,var(--border));border-radius:15px;box-shadow:inset 0 1px #ffffff12,0 36px 110px #00040f8c,0 0 60px color-mix(in srgb,var(--brand) 8%,transparent)}.command-search-row{min-height:66px;color:var(--brand);background:color-mix(in srgb,var(--surface-soft) 62%,transparent)}.command-search-row input{min-height:64px}.command-result{border:1px solid transparent;border-radius:9px}.command-result:hover,.command-result:focus-visible{background:linear-gradient(90deg,color-mix(in srgb,var(--brand-soft) 72%,transparent),color-mix(in srgb,var(--surface) 78%,transparent));border-color:color-mix(in srgb,var(--brand) 14%,transparent)}.command-footer{background:color-mix(in srgb,var(--surface-soft) 78%,transparent)}@keyframes brand-scan{0%,58%{left:-70%}76%,to{left:135%}}@keyframes core-pulse{0%,to{opacity:.72;transform:scale(.86)}50%{opacity:1;transform:scale(1)}}@media (min-width: 1101px){.tool-page-viewport{height:calc(100vh - 72px);height:calc(100dvh - 72px)}}@media (max-width: 1100px){.tool-page{padding:24px 22px 30px}}@media (max-width: 840px){.app-main{margin-left:0}.topbar{height:62px;padding-inline:14px}.mobile-brand{letter-spacing:-.02em}.mobile-brand .brand-mark{width:32px;height:32px}.status-chip{display:none}.mobile-nav{top:62px;gap:7px;padding:9px 13px;background:color-mix(in srgb,var(--canvas) 82%,transparent);-webkit-backdrop-filter:blur(20px) saturate(130%);backdrop-filter:blur(20px) saturate(130%)}.mobile-nav-link{min-height:35px;font-size:10px;background:color-mix(in srgb,var(--surface) 75%,transparent);border-color:var(--border);border-radius:8px}.mobile-nav-link.router-link-exact-active{color:#effcff;background:linear-gradient(115deg,#087fa5,#6957d8);border-color:#66daff61}.tool-page{min-height:calc(100vh - 106px);padding:22px 15px 30px}.tool-header{min-height:0;gap:15px;margin-bottom:18px}.tool-title{font-size:24px}.tool-description{font-size:10px}}@media (max-width: 520px){.command-button{width:36px;padding:0}.command-button .command-symbol{display:block}.command-button kbd{display:none}.tool-page{padding-inline:12px}.tool-header{align-items:stretch}.form-card{padding:16px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.md-workspace{min-height:480px}.md-source-panel,.md-preview-panel{min-width:0}.md-source-panel .md-source-editor{height:100%;min-height:430px;flex:1;resize:none}.md-source-panel .code-editor-slot-empty{place-items:start stretch;padding:18px 16px 18px 71px}.md-source-placeholder{color:var(--text-faint);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13px;line-height:24px}.md-preview-panel{display:flex;flex-direction:column}.md-preview-scroll{min-height:430px;flex:1;overflow:auto;background:linear-gradient(90deg,color-mix(in srgb,var(--border) 17%,transparent) 1px,transparent 1px),color-mix(in srgb,var(--surface) 94%,transparent);background-size:32px 32px}.md-rendered{width:min(760px,100%);margin:0 auto;padding:clamp(26px,4vw,48px);color:var(--text);font-size:13px;line-height:1.82;overflow-wrap:anywhere}.md-rendered>:first-child{margin-top:0}.md-rendered>:last-child{margin-bottom:0}.md-rendered h1,.md-rendered h2,.md-rendered h3,.md-rendered h4,.md-rendered h5,.md-rendered h6{color:var(--text);font-weight:740;line-height:1.35;letter-spacing:-.025em}.md-rendered h1{margin:0 0 26px;padding-bottom:17px;font-size:30px;border-bottom:1px solid var(--border)}.md-rendered h2{margin:34px 0 15px;font-size:21px}.md-rendered h2:before{display:inline-block;width:3px;height:17px;margin-right:9px;vertical-align:-2px;content:"";background:linear-gradient(var(--brand),var(--violet));border-radius:2px;box-shadow:0 0 12px color-mix(in srgb,var(--brand) 35%,transparent)}.md-rendered h3{margin:26px 0 12px;font-size:17px}.md-rendered p,.md-rendered ul,.md-rendered ol,.md-rendered blockquote,.md-rendered pre,.md-rendered table{margin:0 0 17px}.md-rendered ul,.md-rendered ol{padding-left:24px}.md-rendered li+li{margin-top:5px}.md-rendered li::marker{color:var(--brand)}.md-rendered input[type=checkbox]{margin:0 7px 0 -19px;accent-color:var(--brand)}.md-rendered a{color:var(--brand);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--brand) 35%,transparent)}.md-rendered a:hover{color:var(--brand-strong);border-bottom-color:var(--brand-strong)}.md-rendered strong{color:var(--text);font-weight:760}.md-rendered code{padding:2px 6px;color:var(--brand-strong);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.88em;background:color-mix(in srgb,var(--brand-soft) 72%,transparent);border:1px solid color-mix(in srgb,var(--brand) 13%,var(--border));border-radius:5px}.md-rendered pre{overflow-x:auto;padding:18px;color:#d9e8f7;background:#08101f;border:1px solid rgb(114 187 255 / 15%);border-radius:10px;box-shadow:inset 0 1px #ffffff0a}.md-rendered pre code{padding:0;color:inherit;font-size:11px;line-height:1.75;background:transparent;border:0}.md-rendered blockquote{padding:13px 17px;color:var(--text-soft);background:color-mix(in srgb,var(--brand-soft) 48%,transparent);border-left:3px solid var(--brand);border-radius:0 9px 9px 0}.md-rendered blockquote>:last-child{margin-bottom:0}.md-rendered table{display:table;width:100%;overflow:hidden;border-collapse:separate;border-spacing:0;border:1px solid var(--border);border-radius:9px}.md-rendered th,.md-rendered td{padding:9px 11px;text-align:left;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.md-rendered th{color:var(--text);font-size:10px;background:color-mix(in srgb,var(--surface-strong) 74%,transparent)}.md-rendered td{color:var(--text-soft);font-size:10px}.md-rendered tr:last-child td{border-bottom:0}.md-rendered th:last-child,.md-rendered td:last-child{border-right:0}.md-rendered hr{height:1px;margin:28px 0;background:linear-gradient(90deg,transparent,var(--border-strong),transparent);border:0}.md-rendered img{display:block;max-width:100%;height:auto;margin:20px auto;border-radius:10px}.md-safe-badge{display:inline-flex;align-items:center;gap:6px;color:var(--success);font-size:8px;font-weight:700;letter-spacing:.05em}.md-safe-badge i{width:5px;height:5px;background:var(--success);border-radius:50%;box-shadow:0 0 9px color-mix(in srgb,var(--success) 60%,transparent)}.md-empty-state{min-height:100%}.md-pdf-stage{position:fixed;top:0;left:-10000px;z-index:-100;width:794px;pointer-events:none}.md-pdf-document{width:794px;margin:0;padding:46px 54px;color:#172033;font-family:Microsoft YaHei,PingFang SC,Arial,sans-serif;font-size:13px;line-height:1.78;background:#fff}.md-pdf-document h1,.md-pdf-document h2,.md-pdf-document h3,.md-pdf-document h4,.md-pdf-document h5,.md-pdf-document h6,.md-pdf-document strong{color:#142033}.md-pdf-document h2:before{background:#087ea4;box-shadow:none}.md-pdf-document p,.md-pdf-document li,.md-pdf-document td{color:#35445a}.md-pdf-document a,.md-pdf-document code{color:#087ea4}.md-pdf-document a{border-bottom-color:#8fb9c7}.md-pdf-document code{background:#edf8fa;border-color:#d5e9ee}.md-pdf-document pre{color:#dfeaf6;background:#0b1422;border-color:#dce4ec;box-shadow:none}.md-pdf-document blockquote{color:#53647a;background:#f2f8fa;border-left-color:#087ea4}.md-pdf-document table,.md-pdf-document th,.md-pdf-document td{border-color:#dce4ec}.md-pdf-document th{background:#f1f5f9}.md-pdf-document h1,.md-pdf-document h2,.md-pdf-document h3,.md-pdf-document h4,.md-pdf-document pre,.md-pdf-document blockquote,.md-pdf-document table,.md-pdf-document img{-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid}.md-pdf-document h1,.md-pdf-document h2,.md-pdf-document h3,.md-pdf-document h4{-moz-column-break-after:avoid;break-after:avoid;page-break-after:avoid}@media (min-width: 1101px){.md-workspace>.panel{display:flex;height:100%;min-height:0;flex-direction:column}.md-source-panel .md-source-editor,.md-preview-scroll{min-height:0}}@media (max-width: 1100px){.md-preview-scroll{max-height:680px}}@media (max-width: 620px){.md-tool-actions .button{flex:1}.md-source-panel .panel-header,.md-preview-panel .panel-header{min-height:auto;align-items:flex-start;flex-direction:column;padding-block:11px}.md-source-panel .panel-actions,.md-preview-panel .panel-actions{width:100%}.md-rendered{padding:23px 18px}.md-rendered h1{font-size:25px}.md-rendered h2{font-size:18px}.md-rendered table{display:block;overflow-x:auto;white-space:nowrap}}.md-notice{-webkit-user-select:text;-moz-user-select:text;user-select:text}.md-error-message{min-width:0;flex:1;cursor:text;overflow-wrap:anywhere;-webkit-user-select:text;-moz-user-select:text;user-select:text}.md-error-copy{min-height:30px;margin-left:auto;padding-inline:10px;flex:0 0 auto}.translate-page{gap:18px}.translate-language-bar{display:grid;grid-template-columns:minmax(220px,1fr) 46px minmax(220px,1fr);gap:12px;align-items:end;padding:14px}.translate-language-field{display:grid;gap:7px;color:var(--text-soft);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.translate-language-field select{width:100%;min-height:42px;padding:0 38px 0 12px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:9px;outline:none;font:inherit;font-size:13px;font-weight:600;letter-spacing:0;text-transform:none}.translate-language-field select:focus{border-color:color-mix(in srgb,var(--brand) 75%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 12%,transparent)}.translate-swap{display:grid;place-items:center;width:42px;height:42px;color:var(--brand);background:var(--brand-soft);border:1px solid color-mix(in srgb,var(--brand) 28%,var(--border));border-radius:50%;font-size:20px;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.translate-swap:hover{transform:rotate(180deg);background:color-mix(in srgb,var(--brand) 16%,var(--surface));border-color:var(--brand)}.translate-notice{-webkit-user-select:text;-moz-user-select:text;user-select:text}.translate-workspace{min-height:430px}.translate-panel{min-width:0}.translate-editor{min-height:370px;padding:22px;resize:vertical;border:0;border-radius:0;font-family:var(--font-sans);font-size:clamp(15px,1.25vw,18px);line-height:1.85}.translate-editor:focus{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 48%,transparent)}.translate-output{cursor:text;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 4%,transparent),transparent 38%),var(--surface-soft);-webkit-user-select:text;-moz-user-select:text;user-select:text}.translate-output::-moz-placeholder{color:var(--text-faint)}.translate-output::placeholder{color:var(--text-faint)}.translate-detected{padding:4px 8px;color:var(--success);background:color-mix(in srgb,var(--success) 9%,transparent);border:1px solid color-mix(in srgb,var(--success) 24%,transparent);border-radius:999px;font-size:10px;font-weight:700}.translate-limit{color:var(--danger)}@media (max-width: 840px){.translate-language-bar{grid-template-columns:1fr 42px;align-items:end}.translate-language-field:last-of-type{grid-column:1}.translate-swap{grid-column:2;grid-row:1 / span 2;align-self:center}.translate-editor{min-height:290px}}:root{--font-ui: "Segoe UI Variable Text", "HarmonyOS Sans SC", "Microsoft YaHei UI", Inter, ui-sans-serif, system-ui, sans-serif;--font-display: "Segoe UI Variable Display", "HarmonyOS Sans SC", "Microsoft YaHei UI", Inter, ui-sans-serif, system-ui, sans-serif;--font-code: "Cascadia Code", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--motion-snap: cubic-bezier(.2, .8, .2, 1);--core-cyan: #16c8f4;--core-violet: #7b66ff;--core-mint: #45e7b0;--text-faint: #718096}:root.dark{--border: rgb(135 203 255 / 15%);--border-strong: rgb(89 224 255 / 34%);--text-faint: #7487a1}html{color-scheme:light}html.dark{color-scheme:dark}body,button,input,textarea,select{font-family:var(--font-ui)}.app-shell{overflow-x:clip}.app-shell:after{position:fixed;top:72px;right:0;bottom:0;left:288px;z-index:-1;pointer-events:none;content:"";background-image:radial-gradient(circle,color-mix(in srgb,var(--brand) 14%,transparent) .7px,transparent .8px);background-size:17px 17px;-webkit-mask-image:linear-gradient(135deg,transparent 8%,#000 42%,transparent 88%);mask-image:linear-gradient(135deg,transparent 8%,#000 42%,transparent 88%);opacity:.42}.brand-home-link{display:flex;align-items:center;gap:13px;color:inherit;text-decoration:none}.brand-copy,.brand-title-row,.brand-name,.brand-note{display:block}.brand-home-link:focus-visible{border-radius:12px}.brand-name,.tool-title,.section-title,.panel-title{font-family:var(--font-display)}.brand-name{margin:0;letter-spacing:-.045em}.sidebar-system-link{color:inherit;text-decoration:none;cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.sidebar-system-link:hover,.sidebar-system-link.router-link-exact-active{background:linear-gradient(120deg,rgb(73 210 255 / 11%),rgb(112 89 255 / 8%));border-color:#6fdbff33;box-shadow:inset 0 1px #ffffff0a,0 12px 28px #00041224}.mobile-brand{color:var(--text);text-decoration:none}.brand-note,.brand-edition,.topbar-kicker,.tool-eyebrow,.sidebar-system strong,.sidebar-system small,.system-state,.panel-index,.panel-meta,.command-footer{font-family:var(--font-code)}.brand-edition,.system-state{font-size:8px}.sidebar-system strong{color:#c4d7ed;font-size:9px}.sidebar-system small{color:#7185a0;font-size:8px}.nav-label{color:#71839d;font-size:9px}.nav-description{color:#72849e;font-size:10px}:root:not(.dark) .tool-sidebar{color:#17243a;scrollbar-color:#a9bbce transparent;background:radial-gradient(circle at 15% -4%,rgb(8 145 184 / 17%),transparent 26%),radial-gradient(circle at 112% 40%,rgb(113 88 232 / 10%),transparent 32%),linear-gradient(180deg,#f8fcff 0%,#f1f7fc 48%,#eaf2fa 100%);border-right-color:#14669226;box-shadow:22px 0 64px #1f4a7017}:root:not(.dark) .tool-sidebar:before{background:linear-gradient(transparent 2%,rgb(8 145 184 / 34%) 22%,rgb(113 88 232 / 22%) 68%,transparent 96%)}:root:not(.dark) .tool-sidebar::-webkit-scrollbar-thumb{background:#adbdce;background-clip:padding-box}:root:not(.dark) .tool-sidebar::-webkit-scrollbar-thumb:hover{background:#8fa4ba;background-clip:padding-box}:root:not(.dark) .brand-name{color:#122033}:root:not(.dark) .brand-note{color:#5f738a}:root:not(.dark) .brand-edition{color:#006f91;background:rgb(8 145 178 / 8%);border-color:#087ea433}:root:not(.dark) .sidebar-system{background:linear-gradient(120deg,rgb(8 145 184 / 9%),rgb(113 88 232 / 6%)),rgb(255 255 255 / 54%);border-color:#14669221;box-shadow:inset 0 1px #ffffffb8,0 10px 28px #2150740d}:root:not(.dark) .sidebar-system-link:hover,:root:not(.dark) .sidebar-system-link.router-link-exact-active{background:linear-gradient(120deg,rgb(8 145 184 / 13%),rgb(113 88 232 / 9%)),rgb(255 255 255 / 66%);border-color:#087ea43b;box-shadow:inset 0 1px #ffffffd1,0 14px 34px #21507414}:root:not(.dark) .sidebar-system strong{color:#2d425b}:root:not(.dark) .sidebar-system small{color:#5f738a}:root:not(.dark) .system-orbit{border-color:#0891b840;background:rgb(255 255 255 / 42%)}:root:not(.dark) .system-orbit:before{border-color:#7158e847}:root:not(.dark) .system-state{color:#007858}:root:not(.dark) .nav-label{color:#5d7187}:root:not(.dark) .nav-label:after{background:linear-gradient(90deg,rgb(39 93 136 / 15%),transparent)}:root:not(.dark) .nav-item{color:#52657c}:root:not(.dark) .nav-item:hover{color:#11263d;background:linear-gradient(90deg,rgb(8 145 184 / 7%),rgb(113 88 232 / 4%))}:root:not(.dark) .nav-item.router-link-exact-active{color:#10283f;background:linear-gradient(100deg,rgb(8 145 184 / 12%),rgb(113 88 232 / 8%)),rgb(255 255 255 / 56%);border-color:#087ea42b;box-shadow:inset 0 1px #ffffffb8,0 9px 24px #21507412}:root:not(.dark) .nav-item.router-link-exact-active:before{background:#08a7cf;box-shadow:0 0 12px #08a7cf61}:root:not(.dark) .nav-description{color:#5f738a}.tool-sidebar,.tool-sidebar:before,.sidebar-system,.nav-item,.brand-name,.brand-note,.brand-edition{transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.topbar-title{letter-spacing:0}.tool-title{text-wrap:balance}.tool-description{font-size:12px}.button,.select-control,.field-label,.segmented>button,.segment{font-size:11px}.page-enter-active{animation:page-arrive .28s var(--motion-snap)}.page-leave-active{transition:opacity .12s ease}.page-enter-from,.page-leave-to{opacity:0;transform:none}.workspace-grid{position:relative}.workspace-grid.is-processing:after{position:absolute;right:8px;left:8px;z-index:6;height:1px;pointer-events:none;content:"";background:linear-gradient(90deg,transparent,var(--core-cyan) 22%,#fff 50%,var(--core-violet) 78%,transparent);box-shadow:0 0 18px #28ceffa6;animation:workspace-scan .52s var(--motion-snap) both}.workspace-grid.state-valid .panel:last-child:before{background:linear-gradient(90deg,transparent,var(--core-mint),var(--core-cyan),transparent);box-shadow:0 0 18px #45e7b038}.json-input-panel,.json-output-panel{position:relative}.json-editor-empty{position:absolute;top:78px;left:74px;z-index:3;max-width:280px;pointer-events:none;transition:opacity .16s ease}.json-editor-empty strong,.json-editor-empty span{display:block}.json-editor-empty strong{color:var(--text-soft);font-family:var(--font-code);font-size:11px;font-weight:650;letter-spacing:.04em}.json-editor-empty span{margin-top:7px;color:var(--text-faint);font-size:11px;line-height:1.6}.json-output-panel .json-editor-empty:before{display:inline-block;width:7px;height:7px;margin:0 8px 1px 0;content:"";background:var(--core-mint);border-radius:50%;box-shadow:0 0 0 5px #45e7b012,0 0 16px #45e7b057}.command-palette{transform-origin:50% 18%}.command-result{transition:transform .14s var(--motion-snap),border-color .14s ease,background .14s ease}.command-result:hover,.command-result:focus-visible{transform:translate(3px)}@keyframes page-arrive{0%{opacity:0;transform:translateY(7px) scale(.997);filter:blur(2px)}to{opacity:1;transform:none;filter:none}}@keyframes workspace-scan{0%{top:58px;opacity:0}16%,72%{opacity:1}to{top:calc(100% - 4px);opacity:0}}@media (max-width: 840px){.app-shell:after{top:106px;right:0;bottom:0;left:0}.json-editor-empty{top:76px;left:66px}}@media (prefers-reduced-motion: reduce){.page-enter-active,.workspace-grid.is-processing:after{animation:none!important}.command-result{transform:none!important}}