:root{color-scheme:light dark;font-family:IBM Plex Sans,system-ui,sans-serif;--json-editor-min-height: 300px;--json-workbox-header-height: 0px;--json-resize-bar-height: 34px;--json-workspace-chrome-height: calc( var(--json-workbox-header-height) + var(--json-resize-bar-height) );--accent: #2563eb;--accent-soft: rgba(37, 99, 235, .12);--accent-border: rgba(37, 99, 235, .28);--accent-contrast: #ffffff;--page-backdrop: radial-gradient(circle at 78% 4%, rgba(59, 130, 246, .22), transparent 28%), linear-gradient(180deg, #eef5ff 0%, #f7fbff 46%, #eef4ff 100%);--surface: rgba(255, 255, 255, .78);--surface-strong: rgba(255, 255, 255, .92);--surface-soft: rgba(255, 255, 255, .58);--border: rgba(15, 23, 42, .09);--border-strong: rgba(15, 23, 42, .14);--text-main: #0f172a;--text-muted: #64748b;--editor-bg: rgba(248, 250, 252, .96);--shadow: 0 24px 80px rgba(30, 64, 175, .12);--radius-xl: 12px;--rail-button-height: 52px;--rail-button-gap: 4px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:#eef5ff;color:var(--text-main);font-size:14px}a,button{cursor:pointer}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}button{border:none}textarea,input{width:100%;border:1px solid var(--border-strong);border-radius:10px;background:var(--editor-bg);color:var(--text-main);padding:16px 18px;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}textarea{min-height:320px;resize:vertical;font-family:JetBrains Mono,monospace;line-height:1.65}textarea:focus,input:focus,button:focus,a:focus,summary:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.brand:focus,.brand:focus-visible{outline:none;box-shadow:none;border-color:transparent}.app-shell{position:relative;width:min(1480px,calc(100vw - 36px));margin:0 auto;padding:22px 0 56px}.density-compact{--radius-xl: 14px}.page-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--page-backdrop)}.topbar{position:sticky;top:16px;z-index:30;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:10px 14px;margin-bottom:20px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--surface-strong) 86%,transparent);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:12px}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--accent),#38bdf8);color:#fff;font-weight:800;letter-spacing:.04em}.brand-copy{display:flex;flex-direction:column}.brand-copy strong{font-size:1rem;text-transform:none;display:inline-flex;align-items:baseline;gap:2px;letter-spacing:-.02em}.brand-accent{color:var(--accent)}.brand-copy small,.section-head p,.tool-square p,.category-overview-card p,.strategy-card p,.tool-pane p,.result-item p,.function-row-card span,.function-rail-button span,.category-ad-row p,.sponsor-card p,.mini-background-card small{color:var(--text-muted)}.nav{display:flex;justify-content:center;align-items:center;gap:10px}.nav-link{padding:10px 14px;border-radius:10px;color:var(--text-muted);transition:transform .2s ease,color .2s ease,background .2s ease}.nav-link:hover,.nav-link.active{color:var(--accent);background:var(--accent-soft);transform:none}.topbar-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:10px}.settings-button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:transparent;color:var(--text-main);border:1px solid transparent;transition:transform .2s ease,background .2s ease}.language-button{min-width:46px;height:34px;padding:0 10px;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface-soft);color:var(--text-main);font-size:.78rem;font-weight:700;letter-spacing:.04em}.language-button:hover{color:var(--accent);border-color:var(--accent-border);background:var(--accent-soft)}.settings-button:hover{background:var(--accent-soft);transform:translateY(-1px)}.settings-button svg{width:20px;height:20px}.primary-btn,.panel button,.reset-settings{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:var(--accent);color:var(--accent-contrast);font-weight:800;padding:11px 16px;transition:transform .2s ease,filter .2s ease}.topbar-cta:hover,.primary-btn:hover,.panel button:hover,.reset-settings:hover,.mini-background-card:hover,.setting-color-grid button:hover,.setting-segment button:hover,.function-row-card:hover,.function-rail-button:hover{filter:brightness(1.04);transform:translateY(-1px)}.secondary-btn,.ghost-btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border:1px solid var(--border-strong);border-radius:12px;color:var(--text-main);background:var(--surface-soft)}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;background:transparent}.settings-popover{position:fixed;top:0;right:0;z-index:40;width:min(420px,calc(100vw - 28px));height:100vh;max-height:100vh;overflow:auto;padding:22px;border-left:1px solid var(--border);border-radius:14px 0 0 14px;background:color-mix(in srgb,var(--surface-strong) 92%,transparent);box-shadow:0 30px 120px #0f172a38;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);transform:translate(105%);transition:transform .24s ease}.settings-popover.open{transform:translate(0)}.settings-head,.theme-panel-head,.section-head,.pane-head,.result-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.settings-head h3,.section-head h2,.pane-head h3{margin:8px 0 0}.settings-close{width:38px;height:38px;border-radius:10px;background:var(--surface-soft);color:var(--text-main);font-size:1.5rem}.setting-group{display:grid;gap:12px;margin-top:20px}.setting-tip{margin:0;color:var(--text-muted)}.setting-segment{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:6px;border-radius:14px;background:var(--surface-soft);border:1px solid var(--border)}.setting-segment button,.setting-color-grid button{border-radius:14px;padding:12px;background:transparent;color:var(--text-main)}.setting-segment button.active,.setting-color-grid button.active,.mini-background-card.active{background:var(--accent-soft);color:var(--accent);box-shadow:0 0 0 1px var(--accent-border) inset}.setting-card-list{display:grid;gap:10px}.mini-background-card{display:grid;grid-template-columns:74px minmax(0,1fr);gap:12px;align-items:center;padding:10px;border-radius:14px;color:var(--text-main);background:var(--surface-soft);border:1px solid var(--border);text-align:left}.mini-background-card>span{width:74px;height:54px;border-radius:14px}.mini-background-card strong,.mini-background-card small{display:block}.setting-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.setting-color-grid button{display:inline-flex;align-items:center;gap:8px;background:var(--surface-soft);border:1px solid var(--border)}.setting-color-grid button span{width:13px;height:13px;border-radius:999px;background:var(--chip-color)}.reset-settings{width:100%;margin-top:20px}.section-card,.panel,.tool-square,.category-overview-card,.strategy-card,.stat-card,.result-item,.tree-card{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow)}.section-card{padding:20px;margin-bottom:18px}.panel,.tool-square,.category-overview-card,.strategy-card,.stat-card,.result-item,.sponsor-card{padding:22px}.eyebrow,.section-tag,.panel-label,.status-pill{display:inline-flex;align-items:center;color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:800}.section-head{align-items:flex-end;margin-bottom:24px}.section-head p{max-width:36ch;line-height:1.65}.vivo-hero{position:relative;display:block;min-height:548px;padding:20px 0 0 26px;margin-bottom:18px;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:linear-gradient(135deg,#fffffffa,#f5f8fff5),linear-gradient(120deg,rgba(90,126,255,.06),transparent 34%,rgba(90,126,255,.04) 72%,transparent 100%);box-shadow:var(--shadow)}.vivo-hero-content{position:relative;z-index:3;display:grid;align-content:center;width:fit-content;max-width:min(100%,560px);min-height:296px;padding-right:14px}.vivo-hero-content h1{max-width:none;margin:12px 0 14px;font-size:clamp(1.55rem,2.7vw,2.4rem);line-height:1.08;letter-spacing:-.04em;white-space:nowrap}.vivo-hero-content p{max-width:58ch;color:var(--text-muted);font-size:.92rem;line-height:1.6}.vivo-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.vivo-hero-visual{position:absolute;top:0;right:0;bottom:0;left:var(--hero-visual-left, 372px);min-height:0;z-index:1}.hero-uniform-grid{position:relative;z-index:2;width:100%;height:100%;min-height:100%;transform:none}.hero-uniform-card{position:absolute;top:0;left:0;display:grid;align-content:start;justify-items:start;width:129px;height:106px;gap:8px;padding:13px 15px 11px;border:1px solid rgba(15,23,42,.08);border-radius:20px;background:#fffffff5;box-shadow:0 26px 60px #4469d224,0 10px 24px #0f172a0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box;transform-origin:center;will-change:transform;cursor:pointer;transition:box-shadow .22s ease}.hero-card-label{margin:0;color:#2457d6;font-size:.76rem;font-weight:700;line-height:1;letter-spacing:-.02em}.hero-card-symbol{color:#111827;font:700 1.56rem/1 JetBrains Mono,monospace;letter-spacing:-.08em}.hero-card-summary{width:100%;margin:auto 0 0;overflow:hidden;color:#64748b;font-size:.56rem;line-height:1.2;white-space:nowrap;text-overflow:ellipsis}.hero-uniform-card:hover{box-shadow:0 30px 68px #4469d22e,0 12px 26px #0f172a12}.orb{position:absolute;pointer-events:none;filter:blur(.5px)}.orb-primary{width:240px;height:180px;left:22px;top:122px;border-radius:38px;background:linear-gradient(135deg,#4c76ff1f,#4c76ff08);transform:rotate(-18deg);filter:blur(6px)}.orb-secondary{width:168px;height:118px;right:28px;bottom:34px;border-radius:32px;background:linear-gradient(135deg,#4c76ff14,#4c76ff05);transform:rotate(16deg)}.json-editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid var(--border);background:var(--surface-soft)}.json-search-inline{display:grid;grid-template-columns:auto minmax(300px,420px);align-items:center;gap:10px}.json-search-inline span{color:var(--text-muted);font-size:.78rem}.json-inline-input{min-width:0}.json-search-control{display:grid;grid-template-columns:minmax(0,1fr) 32px 32px;align-items:center;gap:6px}.json-search-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px}.json-search-nav{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid var(--border);border-radius:10px;background:var(--editor-bg);color:var(--text-main)}.json-search-nav svg{width:16px;height:16px}.json-search-nav path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.json-search-nav:disabled{cursor:not-allowed;opacity:.42}.timestamp-pane .pane-head{margin-bottom:12px}.timestamp-live-grid,.timestamp-result-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.timestamp-live-field{padding:12px 14px}.timestamp-live-input,.timestamp-result-input{font:500 12px/1 JetBrains Mono,monospace;height:38px}.timestamp-convert-card{margin-top:12px;padding:16px 18px}.timestamp-action-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.timestamp-input-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.timestamp-field-card{display:grid;gap:8px;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface-soft)}.timestamp-result-field{padding:12px 14px}.timestamp-field-card span{color:var(--text-muted);font-size:.78rem}.timestamp-field-wide{grid-column:span 1}.timestamp-inline-input{height:42px;padding:0 12px;border-radius:12px}.json-convert-mode-row{display:flex;flex-wrap:nowrap;gap:8px;width:auto}.mini-mode-card{padding:10px 12px;min-width:auto}.stats-showcase{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin-bottom:18px}.live-stat-card{padding:18px;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}.live-stat-card small{display:block;color:var(--text-muted);margin-bottom:10px}.live-stat-card strong{display:block;font-size:clamp(1rem,1.8vw,1.45rem);letter-spacing:-.03em;white-space:nowrap}.live-stat-card.wide-value strong{font-size:clamp(.86rem,1.2vw,1.05rem)}.tool-square-grid,.category-overview-grid,.strategy-grid,.sponsor-grid,.stats-grid,.diff-summary{display:grid;gap:16px}.tool-square-grid,.strategy-grid,.sponsor-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.category-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-square,.category-overview-card,.strategy-card,.sponsor-card{display:grid;gap:10px;transition:transform .2s ease,box-shadow .2s ease}.tool-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.tool-square:hover,.category-overview-card:hover{transform:translateY(-2px);box-shadow:0 30px 90px #1e40af29}.uniform-directory-grid{grid-template-columns:repeat(5,minmax(0,1fr));align-items:start}.directory-uniform-card{display:grid;align-content:center;gap:8px;min-height:128px;padding:13px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--shadow)}.directory-uniform-card strong{font-size:.84rem}.directory-uniform-card p{margin:0;color:var(--text-muted);font-size:.72rem;line-height:1.45}.status-pill{width:fit-content;padding:8px 12px;border-radius:10px;background:var(--surface-soft)}.status-pill.active{background:var(--accent-soft)}.feature-banner{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:20px;padding:32px;margin-bottom:24px;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow)}.feature-banner h2{margin:12px 0;font-size:clamp(1.7rem,3vw,2.8rem);line-height:1.05}.feature-banner p,.category-overview-card p{color:var(--text-muted)}.category-overview-card span{color:var(--accent);font-weight:800}.tool-category{display:grid;gap:12px;margin-bottom:18px}.seo-content-card{display:grid;gap:16px}.seo-content-head{display:grid;gap:8px}.seo-content-head h2{margin:0;font-size:1.1rem;line-height:1.35}.seo-content-head p{margin:0;color:var(--text-muted);line-height:1.72}.seo-content-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.seo-content-panel,.seo-faq-item{padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--surface-soft)}.seo-content-panel h3,.seo-faq h3{margin:0 0 10px;font-size:.94rem}.seo-content-panel p,.seo-faq-item p{margin:0;color:var(--text-muted);line-height:1.72}.seo-content-panel p+p{margin-top:10px}.seo-content-list{margin:0;padding-left:18px;color:var(--text-muted);line-height:1.72}.seo-content-list li+li{margin-top:8px}.seo-faq{display:grid;gap:12px}.seo-faq-list{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.seo-faq-item strong{display:block;margin-bottom:8px;font-size:.9rem}.single-editor-panel{overflow:hidden}.category-hero{display:grid;gap:0;padding:12px}.nested-tab-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 10px}.nested-tab-head strong{font-size:.92rem}.nested-tab-head span{color:var(--text-muted);font-size:.76rem}.category-function-row{display:flex;flex-wrap:wrap;gap:8px}.nested-function-row{display:flex;flex-wrap:wrap;gap:8px;padding:0 0 12px}.function-row-card{display:inline-flex;align-items:center;justify-content:center;padding:8px 10px;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface-soft);color:var(--text-main);text-align:center;min-width:0}.function-row-card strong{font-size:.82rem}.function-row-card.active{border-color:transparent;background:transparent;color:var(--accent);box-shadow:none}.category-ad-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 16px;margin-bottom:18px;border-radius:16px;background:linear-gradient(135deg,var(--surface-soft),var(--accent-soft));border:1px dashed var(--accent-border)}.category-ad-row span{display:inline-block;margin-bottom:8px;color:var(--accent);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.tool-pane{display:grid;gap:12px}.pane-head{display:none}.pane-head p{margin:8px 0 0}.status-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:10px;font-size:.78rem;background:var(--surface-soft);color:var(--text-muted);max-width:min(100%,360px)}.status-badge.success{background:var(--accent-soft);color:var(--accent)}.status-badge.error{background:#f8717124;color:#ef4444}.json-workbench-layout{display:grid;grid-template-columns:112px minmax(0,1fr);gap:10px;align-items:stretch}.json-function-rail{display:grid;grid-template-rows:repeat(7,var(--rail-button-height));gap:var(--rail-button-gap);position:sticky;top:104px;min-height:calc(var(--rail-button-height) * 7 + 24px);align-self:stretch;align-content:start;align-items:start}.json-function-rail .function-rail-button{height:var(--rail-button-height)}.function-rail-button{display:inline-flex;align-items:center;justify-content:center;min-height:0;height:var(--rail-button-height);padding:7px 6px;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface-soft);color:var(--text-main);text-align:center}.function-rail-button strong{font-size:.78rem;font-weight:600;line-height:1.2}.codec-function-rail,.text-function-rail,.date-function-rail,.hash-function-rail,.dev-function-rail,.db-function-rail,.table-function-rail,.transform-function-rail,.network-function-rail,.image-function-rail,.imgcode-function-rail,.file-function-rail{display:grid;grid-auto-rows:var(--rail-button-height);gap:var(--rail-button-gap);position:sticky;top:104px;width:112px;min-width:112px;align-self:start;align-content:start}.codec-workbench-layout{display:grid;grid-template-columns:112px minmax(0,1fr);gap:10px;align-items:start}.codec-function-rail{min-height:332px}.codec-editor-workspace{min-width:0}.codec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.codec-panel,.codec-summary-card{border:1px solid var(--border);border-radius:14px;background:var(--surface-soft)}.codec-panel{overflow:hidden}.codec-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border)}.codec-panel-head strong{font-size:.92rem}.codec-panel-head span{color:var(--text-muted);font-size:.76rem}.codec-panel-head .status-badge{max-width:none;padding:6px 10px;font-size:.76rem}.codec-textarea{width:100%;min-height:320px;padding:14px;border:0;outline:none;resize:vertical;background:var(--editor-bg);color:var(--text-main);font:500 12px/1.7 JetBrains Mono,monospace;box-sizing:border-box}.codec-output{color:var(--text-main)}.codec-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.codec-summary-card{min-height:96px;padding:18px 20px}.codec-summary-card small{display:block;margin-bottom:10px;color:var(--text-muted)}.codec-summary-card strong{display:block;font-size:1.18rem}.text-workbench-layout{display:grid;grid-template-columns:112px minmax(0,1fr);gap:10px;align-items:start}.text-function-rail{min-height:332px}.text-editor-workspace{min-width:0;display:grid;gap:12px}.text-toolbar,.text-panel,.text-summary-card{border:1px solid var(--border);border-radius:14px;background:var(--surface-soft)}.text-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px}.text-toolbar-copy{display:grid;gap:4px}.text-toolbar-copy strong{font-size:.92rem}.text-toolbar-copy span,.text-check{color:var(--text-muted);font-size:.78rem}.text-option-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}.text-check{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);white-space:nowrap}.text-check input{margin:0}.text-mini-input{min-width:150px;height:34px;padding:0 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-main);outline:none;font:500 12px/1 JetBrains Mono,monospace}.text-mini-input-short{min-width:86px;max-width:92px}.text-mini-input-number{min-width:74px;max-width:74px}.text-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.text-panel{overflow:hidden}.text-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border)}.text-panel-head strong{font-size:.92rem}.text-panel-head span{color:var(--text-muted);font-size:.76rem}.text-panel-head .status-badge{max-width:none;padding:6px 10px;font-size:.76rem}.text-textarea{width:100%;min-height:320px;padding:14px;border:0;outline:none;resize:vertical;background:var(--editor-bg);color:var(--text-main);font:500 12px/1.7 JetBrains Mono,monospace;box-sizing:border-box}.text-output{color:var(--text-main)}.text-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.text-summary-card{min-height:96px;padding:18px 20px}.text-summary-card small{display:block;margin-bottom:10px;color:var(--text-muted)}.text-summary-card strong{display:block;font-size:1.18rem}.date-workbench-layout{display:grid;grid-template-columns:112px minmax(0,1fr);gap:10px;align-items:start}.date-function-rail{min-height:332px}.date-editor-workspace{min-width:0;display:grid;gap:12px}.date-toolbar,.date-panel,.date-summary-card{border:1px solid var(--border);border-radius:14px;background:var(--surface-soft)}.date-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px}.date-toolbar-copy{display:grid;gap:4px}.date-toolbar-copy strong{font-size:.92rem}.date-toolbar-copy span,.date-field span{color:var(--text-muted);font-size:.78rem}.date-option-row{display:flex;flex-wrap:wrap;align-items:end;justify-content:flex-end;gap:8px}.date-field{display:grid;gap:6px}.date-field-small{min-width:126px}.date-mini-input,.date-select{min-width:180px;height:34px;padding:0 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-main);outline:none;font:500 12px/1 JetBrains Mono,monospace}.date-select{cursor:pointer}.date-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.date-panel{overflow:hidden}.date-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border)}.date-panel-head strong{font-size:.92rem}.date-panel-head span{color:var(--text-muted);font-size:.76rem}.date-panel-head .status-badge{max-width:none;padding:6px 10px;font-size:.76rem}.date-textarea{width:100%;min-height:320px;padding:14px;border:0;outline:none;resize:vertical;background:var(--editor-bg);color:var(--text-main);font:500 12px/1.7 JetBrains Mono,monospace;box-sizing:border-box}.date-output{color:var(--text-main)}.date-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.date-summary-card{min-height:96px;padding:18px 20px}.date-summary-card small{display:block;margin-bottom:10px;color:var(--text-muted)}.date-summary-card strong{display:block;font-size:1.18rem}.hash-workbench-layout{display:grid;grid-template-columns:112px minmax(0,1fr);gap:10px;align-items:start}.hash-function-rail{min-height:332px}.hash-editor-workspace{min-width:0;display:grid;gap:12px}.hash-toolbar,.hash-panel,.hash-summary-card{border:1px solid var(--border);border-radius:14px;background:var(--surface-soft)}.hash-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px}.hash-toolbar-copy{display:grid;gap:4px}.hash-toolbar-copy strong{font-size:.92rem}.hash-toolbar-copy span,.hash-field span,.hash-check{color:var(--text-muted);font-size:.78rem}.hash-option-row{display:flex;flex-wrap:wrap;align-items:end;justify-content:flex-end;gap:8px}.hash-field{display:grid;gap:6px}.hash-field-small{min-width:126px}.hash-mini-input,.hash-select{min-width:150px;height:34px;padding:0 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-main);outline:none;font:500 12px/1 JetBrains Mono,monospace}.hash-select{cursor:pointer}.hash-check{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);white-space:nowrap}.hash-check input{margin:0}.hash-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hash-panel{overflow:hidden}.hash-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border)}.hash-panel-head strong{font-size:.92rem}.hash-panel-head span{color:var(--text-muted);font-size:.76rem}.hash-panel-head .status-badge{max-width:none;padding:6px 10px;font-size:.76rem}.hash-textarea{width:100%;min-height:320px;padding:14px;border:0;outline:none;resize:vertical;background:var(--editor-bg);color:var(--text-main);font:500 12px/1.7 JetBrains Mono,monospace;box-sizing:border-box}.hash-output{color:var(--text-main)}.hash-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.hash-summary-card{min-height:96px;padding:18px 20px}.hash-summary-card small{display:block;margin-bottom:10px;color:var(--text-muted)}.hash-summary-card strong{display:block;font-size:1.18rem}.dev-workbench-layout{display:grid;grid-template-columns:112px minmax(0,1fr);gap:10px;align-items:start}.dev-function-rail{min-height:332px}.dev-editor-workspace{min-width:0;display:grid;gap:12px}.dev-toolbar,.dev-panel,.dev-summary-card{border:1px solid var(--border);border-radius:14px;background:var(--surface-soft)}.dev-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px}.dev-toolbar-copy{display:grid;gap:4px}.dev-toolbar-copy strong{font-size:.92rem}.dev-toolbar-copy span,.dev-field span{color:var(--text-muted);font-size:.78rem}.dev-option-row{display:flex;flex-wrap:wrap;align-items:end;justify-content:flex-end;gap:8px}.dev-field{display:grid;gap:6px}.dev-field-small{min-width:110px}.dev-mini-input,.dev-select{min-width:160px;height:34px;padding:0 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-main);outline:none;font:500 12px/1 JetBrains Mono,monospace}.dev-select{cursor:pointer}.dev-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dev-panel{overflow:hidden}.dev-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border)}.dev-panel-head strong{font-size:.92rem}.dev-panel-head span{color:var(--text-muted);font-size:.76rem}.dev-panel-head .status-badge{max-width:none;padding:6px 10px;font-size:.76rem}.dev-textarea{width:100%;min-height:320px;padding:14px;border:0;outline:none;resize:vertical;background:var(--editor-bg);color:var(--text-main);font:500 12px/1.7 JetBrains Mono,monospace;box-sizing:border-box}.dev-output{color:var(--text-main)}.dev-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.dev-summary-card{min-height:96px;padding:18px 20px}.dev-summary-card small{display:block;margin-bottom:10px;color:var(--text-muted)}.dev-summary-card strong{display:block;font-size:1.18rem}.db-workbench-layout{display:grid;grid-template-columns:112px minmax(0,1fr);gap:10px;align-items:start}.db-function-rail{min-height:332px}.db-editor-workspace{min-width:0;display:grid;gap:12px}.db-toolbar,.db-panel,.db-summary-card{border:1px solid var(--border);border-radius:14px;background:var(--surface-soft)}.db-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px}.db-toolbar-copy{display:grid;gap:4px}.db-toolbar-copy strong{font-size:.92rem}.db-toolbar-copy span,.db-field span,.db-check{color:var(--text-muted);font-size:.78rem}.db-option-row{display:flex;flex-wrap:wrap;align-items:end;justify-content:flex-end;gap:8px}.db-field{display:grid;gap:6px}.db-mini-input{min-width:160px;height:34px;padding:0 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-main);outline:none;font:500 12px/1 JetBrains Mono,monospace}.db-check{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);white-space:nowrap}.db-check input{margin:0}.db-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.db-panel{overflow:hidden}.db-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border)}.db-panel-head strong{font-size:.92rem}.db-panel-head span{color:var(--text-muted);font-size:.76rem}.db-panel-head .status-badge{max-width:none;padding:6px 10px;font-size:.76rem}.db-textarea{width:100%;min-height:320px;padding:14px;border:0;outline:none;resize:vertical;background:var(--editor-bg);color:var(--text-main);font:500 12px/1.7 JetBrains Mono,monospace;box-sizing:border-box}.db-output{color:var(--text-main)}.db-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.db-summary-card{min-height:96px;padding:18px 20px}.db-summary-card small{display:block;margin-bottom:10px;color:var(--text-muted)}.db-summary-card strong{display:block;font-size:1.18rem}.table-workbench-layout{display:grid;grid-template-columns:112px minmax(0,1fr);gap:10px;align-items:start}.table-function-rail{min-height:332px}.table-editor-workspace{min-width:0;display:grid;gap:12px}.table-toolbar,.table-panel,.table-summary-card{border:1px solid var(--border);border-radius:14px;background:var(--surface-soft)}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px}.table-toolbar-copy{display:grid;gap:4px}.table-toolbar-copy strong{font-size:.92rem}.table-toolbar-copy span,.table-check{color:var(--text-muted);font-size:.78rem}.table-option-row{display:flex;flex-wrap:wrap;align-items:end;justify-content:flex-end;gap:8px}.table-check{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);white-space:nowrap}.table-check input{margin:0}.table-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.table-panel{overflow:hidden}.table-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border)}.table-panel-head strong{font-size:.92rem}.table-panel-head span{color:var(--text-muted);font-size:.76rem}.table-panel-head .status-badge{max-width:none;padding:6px 10px;font-size:.76rem}.table-textarea{width:100%;min-height:320px;padding:14px;border:0;outline:none;resize:vertical;background:var(--editor-bg);color:var(--text-main);font:500 12px/1.7 JetBrains Mono,monospace;box-sizing:border-box}.table-output{color:var(--text-main)}.table-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.table-summary-card{min-height:96px;padding:18px 20px}.table-summary-card small{display:block;margin-bottom:10px;color:var(--text-muted)}.table-summary-card strong{display:block;font-size:1.18rem}.transform-workbench-layout{display:grid;grid-template-columns:112px minmax(0,1fr);gap:10px;align-items:stretch}.transform-function-rail{min-height:332px}.transform-editor-workspace{min-width:0;display:grid;gap:12px}.transform-main-card,.transform-toolbar,.transform-panel,.transform-summary-card{border:1px solid var(--border);border-radius:14px;background:var(--surface-soft)}.transform-main-card{overflow:hidden}.transform-toolbar{display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:10px 12px;border:0;border-bottom:1px solid var(--border);border-radius:0}.transform-toolbar-copy{display:grid;gap:4px}.transform-toolbar-copy strong{font-size:.92rem}.transform-toolbar-copy span,.transform-field span,.transform-check{color:var(--text-muted);font-size:.78rem}.single-tool-card,.compact-field-card,.color-preview-card{border:1px solid var(--border);border-radius:14px;background:var(--surface-soft)}.single-tool-card{display:grid;gap:12px;padding:12px}.single-tool-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.single-tool-input-group{display:grid;gap:6px;min-width:0;flex:1}.single-tool-input-group span,.compact-field-card span,.color-preview-card small{color:var(--text-muted);font-size:.78rem}.single-tool-input{min-width:0;width:100%}.single-tool-presets{display:flex;flex-wrap:wrap;gap:8px}.single-tool-presets .function-row-card{min-height:36px}.transform-option-row{display:flex;flex-wrap:nowrap;align-items:end;justify-content:flex-start;gap:8px;width:100%;overflow-x:auto}.transform-field{display:grid;gap:6px}.transform-field-small{min-width:90px}.transform-mini-input{min-width:160px;height:34px;padding:0 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-main);outline:none;font:500 12px/1 JetBrains Mono,monospace}.transform-check{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);white-space:nowrap}.transform-check input{margin:0}.transform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.transform-grid-inside{padding:12px}.transform-panel{overflow:hidden}.transform-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border)}.transform-panel-head strong{font-size:.92rem}.transform-panel-head span{color:var(--text-muted);font-size:.76rem}.transform-panel-head .status-badge{max-width:none;padding:6px 10px;font-size:.76rem}.transform-textarea{width:100%;min-height:320px;padding:14px;border:0;outline:none;resize:vertical;background:var(--editor-bg);color:var(--text-main);font:500 12px/1.7 JetBrains Mono,monospace;box-sizing:border-box}.transform-output{color:var(--text-main)}.transform-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.transform-summary-card{min-height:96px;padding:18px 20px}.transform-summary-card small{display:block;margin-bottom:10px;color:var(--text-muted)}.transform-summary-card strong{display:block;font-size:1.18rem}.markdown-workbench-layout{grid-template-columns:118px minmax(0,1fr)}.markdown-function-rail{display:grid;grid-auto-rows:var(--rail-button-height);gap:var(--rail-button-gap);align-content:start;max-height:calc(var(--rail-button-height) * 10 + var(--rail-button-gap) * 9);min-height:calc(var(--rail-button-height) * 7 + var(--rail-button-gap) * 6);overflow:auto;padding-right:2px}.markdown-function-rail::-webkit-scrollbar,.markdown-preview::-webkit-scrollbar,.markdown-code-textarea::-webkit-scrollbar{width:8px;height:8px}.markdown-function-rail::-webkit-scrollbar-thumb,.markdown-preview::-webkit-scrollbar-thumb,.markdown-code-textarea::-webkit-scrollbar-thumb{border-radius:999px;background:transparent}.markdown-function-rail:hover::-webkit-scrollbar-thumb,.markdown-preview:hover::-webkit-scrollbar-thumb,.markdown-code-textarea:hover::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text-muted) 52%,transparent)}.markdown-panel-head{min-height:54px}.markdown-head-left{display:inline-flex;align-items:center;gap:10px;min-width:0}.markdown-head-left>strong{white-space:nowrap}.markdown-head-segment{flex-shrink:0}.markdown-panel-head>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.markdown-segment{display:inline-flex;gap:4px;padding:3px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.markdown-segment button{height:28px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--text-muted);font-size:.76rem;font-weight:700}.markdown-segment button.active{background:var(--accent-soft);color:var(--accent)}.markdown-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.markdown-code-textarea{background:var(--markdown-editor-bg)!important;color:var(--markdown-editor-text)!important;caret-color:var(--accent);-moz-tab-size:2;tab-size:2}.markdown-panel .workbench-panel-body{background:var(--markdown-editor-bg)}.markdown-preview{min-height:0;height:100%;padding:18px;overflow:auto;background:var(--markdown-editor-bg);color:var(--markdown-editor-text);font:500 13px/1.72 IBM Plex Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;box-sizing:border-box}.markdown-preview :first-child{margin-top:0}.markdown-preview :last-child{margin-bottom:0}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3{margin:.9em 0 .45em;line-height:1.25}.markdown-preview h1{font-size:1.35rem}.markdown-preview h2{font-size:1.08rem}.markdown-preview h3{font-size:.96rem}.markdown-preview p,.markdown-preview ul,.markdown-preview ol,.markdown-preview blockquote,.markdown-preview table,.markdown-preview pre{margin:0 0 12px}.markdown-preview a{color:var(--accent);text-decoration:none}.markdown-preview blockquote{padding:8px 12px;border-left:3px solid var(--accent);border-radius:8px;background:color-mix(in srgb,var(--accent-soft) 52%,transparent);color:color-mix(in srgb,var(--markdown-editor-text) 72%,var(--text-muted))}.markdown-preview code{padding:2px 5px;border-radius:6px;background:color-mix(in srgb,var(--markdown-code-bg) 88%,transparent);color:var(--markdown-code-text);font-family:JetBrains Mono,monospace;font-size:.86em}.markdown-preview pre{overflow:auto;padding:12px;border-radius:10px;background:var(--markdown-code-bg);color:var(--markdown-code-text)}.markdown-preview pre code{padding:0;background:transparent;color:inherit}.markdown-preview table{width:100%;border-collapse:collapse;font-size:.86rem}.markdown-preview th,.markdown-preview td{padding:8px 10px;border:1px solid color-mix(in srgb,var(--markdown-editor-text) 16%,transparent);text-align:left}.markdown-preview th{background:color-mix(in srgb,var(--accent-soft) 64%,transparent)}.compact-field-card{display:grid;gap:8px;padding:12px}.compact-inline-input{height:42px;padding:0 12px;border-radius:12px}.color-tool-layout{display:grid;grid-template-columns:248px minmax(0,1fr);gap:12px}.color-preview-card{display:grid;align-content:start;gap:10px;padding:12px}.color-preview-card strong{font-size:.94rem}.color-preview-swatch{width:100%;height:160px;border:1px solid var(--border);border-radius:12px;background-image:linear-gradient(45deg,rgba(148,163,184,.18) 25%,transparent 25%),linear-gradient(-45deg,rgba(148,163,184,.18) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(148,163,184,.18) 75%),linear-gradient(-45deg,transparent 75%,rgba(148,163,184,.18) 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}.color-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.media-generate-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:12px}.media-preview-card{min-height:320px}.media-preview-box{display:grid;place-items:center;min-height:280px;padding:14px;border:1px dashed var(--border-strong);border-radius:12px;background:var(--editor-bg);overflow:auto}.media-preview-box img{max-width:100%;max-height:260px}.media-preview-box span{color:var(--text-muted);font-size:.82rem}.media-output-textarea{min-height:320px}.cert-option-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.network-workbench-layout{display:grid;grid-template-columns:112px minmax(0,1fr);gap:10px;align-items:stretch}.network-function-rail{min-height:332px}.network-editor-workspace{min-width:0;display:grid;gap:12px}.network-toolbar,.network-panel,.network-summary-card{border:1px solid var(--border);border-radius:14px;background:var(--surface-soft)}.network-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:10px 12px}.network-toolbar-copy{display:grid;gap:4px}.network-toolbar-copy strong{font-size:.92rem}.network-toolbar-copy span,.network-field span{color:var(--text-muted);font-size:.78rem}.network-option-row{display:flex;flex-wrap:wrap;align-items:end;justify-content:flex-end;gap:8px}.network-field{display:grid;gap:6px}.network-mini-input{min-width:180px;height:34px;padding:0 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-main);outline:none;font:500 12px/1 JetBrains Mono,monospace}.network-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.network-panel{overflow:hidden}.network-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border)}.network-panel-head strong{font-size:.92rem}.network-panel-head span{color:var(--text-muted);font-size:.76rem}.network-panel-head .status-badge{max-width:none;padding:6px 10px;font-size:.76rem}:is(.transform-toolbar-copy,.network-toolbar-copy,.text-toolbar-copy,.date-toolbar-copy,.hash-toolbar-copy,.dev-toolbar-copy,.db-toolbar-copy,.table-toolbar-copy,.image-toolbar-copy,.imgcode-toolbar-copy,.file-toolbar-copy) span{display:none}.cm-host .cm-search-highlight{background:color-mix(in srgb,var(--accent) 22%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 30%,transparent);border-radius:3px}.cm-host .cm-search-highlight-active{background:#f59e0b59;box-shadow:inset 0 0 0 1px #f59e0ba3;border-radius:3px}.network-textarea{width:100%;min-height:320px;padding:14px;border:0;outline:none;resize:vertical;background:var(--editor-bg);color:var(--text-main);font:500 12px/1.7 JetBrains Mono,monospace;box-sizing:border-box}.network-output{color:var(--text-main)}.network-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.network-summary-card{min-height:96px;padding:18px 20px}.network-summary-card small{display:block;margin-bottom:10px;color:var(--text-muted)}.network-summary-card strong{display:block;font-size:1.18rem}.network-ip-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:12px}.network-ip-panel{min-height:236px}.network-ip-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}.network-ip-cards-secondary{grid-template-columns:1fr}.network-ip-card{min-width:0;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--editor-bg)}.network-ip-card small{display:block;margin-bottom:7px;color:var(--text-muted);font-size:.74rem}.network-ip-card strong{display:block;overflow-wrap:anywhere;color:var(--text-main);font:600 .84rem/1.45 JetBrains Mono,monospace}.image-workbench-layout,.imgcode-workbench-layout,.file-workbench-layout{display:grid;grid-template-columns:112px minmax(0,1fr);gap:10px;align-items:start}.image-function-rail,.imgcode-function-rail,.file-function-rail{min-height:332px}.image-editor-workspace,.imgcode-editor-workspace,.file-editor-workspace{min-width:0;display:grid;gap:12px}.image-toolbar,.image-panel,.image-summary-card,.imgcode-toolbar,.imgcode-panel,.imgcode-summary-card,.file-toolbar,.file-panel,.file-summary-card{border:1px solid var(--border);border-radius:14px;background:var(--surface-soft)}.image-toolbar,.imgcode-toolbar,.file-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px}.image-toolbar-copy,.imgcode-toolbar-copy,.file-toolbar-copy{display:grid;gap:4px}.image-toolbar-copy strong,.imgcode-toolbar-copy strong,.file-toolbar-copy strong{font-size:.92rem}.image-toolbar-copy span,.image-field span,.imgcode-toolbar-copy span,.imgcode-field span,.file-toolbar-copy span,.file-field span,.file-check,.table-check{color:var(--text-muted);font-size:.78rem}.image-option-row,.imgcode-option-row,.file-option-row{display:flex;flex-wrap:wrap;align-items:end;justify-content:flex-end;gap:8px}.image-field,.imgcode-field,.file-field{display:grid;gap:6px}.image-field-small,.file-field-small{min-width:110px}.image-mini-input,.image-select,.imgcode-mini-input,.file-mini-input,.file-select{min-width:150px;height:34px;padding:0 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-main);outline:none;font:500 12px/1 JetBrains Mono,monospace}.image-select,.file-select{cursor:pointer}.image-upload,.imgcode-upload,.file-upload,.file-check{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);white-space:nowrap;color:var(--text-main);position:relative;overflow:hidden}.image-upload input,.imgcode-upload input,.file-upload input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.file-check input{margin:0}.image-grid,.imgcode-grid,.file-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.image-panel,.imgcode-panel,.file-panel{overflow:hidden}.image-panel-head,.imgcode-panel-head,.file-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border)}.image-panel-head strong,.imgcode-panel-head strong,.file-panel-head strong{font-size:.92rem}.image-panel-head span,.imgcode-panel-head span,.file-panel-head span{color:var(--text-muted);font-size:.76rem}.image-panel-head .status-badge,.imgcode-panel-head .status-badge,.file-panel-head .status-badge{max-width:none;padding:6px 10px;font-size:.76rem}.image-textarea,.imgcode-textarea,.file-textarea{width:100%;min-height:240px;padding:14px;border:0;outline:none;resize:vertical;background:var(--editor-bg);color:var(--text-main);font:500 12px/1.7 JetBrains Mono,monospace;box-sizing:border-box}.image-preview-box,.imgcode-preview-box{min-height:240px;display:grid;place-items:center;padding:14px;background:var(--editor-bg)}.image-preview-box img,.imgcode-preview-box img{max-width:100%;max-height:320px;border-radius:10px;object-fit:contain}.image-preview-box span,.imgcode-preview-box span{color:var(--text-muted);font-size:.84rem}.image-output,.imgcode-output,.file-output{color:var(--text-main)}.image-summary-grid,.imgcode-summary-grid,.file-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.image-summary-card,.imgcode-summary-card,.file-summary-card{min-height:96px;padding:18px 20px}.image-summary-card small,.imgcode-summary-card small,.file-summary-card small{display:block;margin-bottom:10px;color:var(--text-muted)}.image-summary-card strong,.imgcode-summary-card strong,.file-summary-card strong{display:block;font-size:1.18rem}.editor-box{display:grid;gap:0}.editor-box span,.tree-title{color:var(--text-muted);font-size:.92rem}.editor-single{min-height:calc(var(--json-editor-min-height) + var(--json-workspace-chrome-height));padding:0;border-radius:14px;background:var(--surface-soft);border:1px solid var(--border);overflow:hidden}.workbox-head{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-height:var(--json-workbox-header-height);padding:12px 14px;border-bottom:1px solid var(--border);box-sizing:border-box}.cm-host-shell{width:100%;min-height:0;overflow:hidden;border:none;border-radius:0;background:var(--editor-bg);box-sizing:border-box}.cm-host,.cm-host .cm-editor,.cm-host .cm-scroller{height:100%}.cm-host .cm-editor{background:var(--editor-bg)}.cm-host .cm-focused{outline:none}.cm-host .cm-cursor,.cm-host .cm-dropCursor{border-left:3px solid #111111!important;margin-left:-1px}.cm-host .cm-cursorLayer{z-index:6}.cm-host .cm-editor.cm-focused>.cm-scroller>.cm-cursorLayer{animation:steps(1) cm-blink 1.2s infinite!important}.cm-host .cm-editor.cm-focused>.cm-scroller>.cm-cursorLayer .cm-cursor{display:block!important;visibility:visible!important;min-height:20px}.cm-host .cm-scroller{overflow:scroll!important;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--text-muted) 82%,transparent) color-mix(in srgb,var(--surface-soft) 78%,transparent);overscroll-behavior:contain;scrollbar-gutter:stable;font-family:JetBrains Mono,monospace;font-size:12px;line-height:20px;padding:0;box-sizing:border-box}.cm-host .cm-content,.cm-host .cm-gutterElement{font-family:JetBrains Mono,monospace;font-size:12px;line-height:20px}.cm-host .cm-line{padding:0}.cm-host .cm-gutters{background:color-mix(in srgb,var(--editor-bg) 82%,var(--surface-strong));border-right:1px solid var(--border);color:#94a3b8;flex:0 0 auto;padding:0 6px 6px 0}.cm-host .cm-lineNumbers .cm-gutterElement{min-width:44px;width:44px;height:20px;padding:0 10px 0 4px;box-sizing:border-box;text-align:right;display:flex;align-items:center;justify-content:flex-end;line-height:20px;font-variant-numeric:tabular-nums}.cm-host .cm-foldGutter{width:18px;flex:0 0 18px;margin-left:8px}.cm-host .cm-foldGutter .cm-gutterElement{width:18px;height:20px;padding:0;color:var(--accent);text-align:center;box-sizing:border-box;display:flex;align-items:center;justify-content:center;line-height:20px}.cm-host .cm-gutterElement{padding-top:0;padding-bottom:0;line-height:20px}.cm-host .cm-foldPlaceholder{background:transparent;border:1px solid var(--border);color:var(--text-muted)}.cm-host .cm-content{white-space:pre!important;padding:6px 12px 6px 0;caret-color:#111}.cm-host .cm-scroller::-webkit-scrollbar{width:14px;height:14px}.cm-host .cm-scroller::-webkit-scrollbar-thumb{min-width:44px;min-height:44px;background:color-mix(in srgb,var(--text-muted) 76%,transparent);border-radius:999px;border:3px solid color-mix(in srgb,var(--surface-soft) 78%,transparent);background-clip:padding-box}.cm-host:hover .cm-scroller::-webkit-scrollbar-thumb,.cm-host:focus-within .cm-scroller::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text-muted) 82%,transparent)}.cm-host .cm-scroller::-webkit-scrollbar-track{background:color-mix(in srgb,var(--surface-soft) 78%,transparent)}.resize-bar{display:grid;grid-template-columns:auto auto;align-items:center;justify-content:center;gap:10px;width:100%;height:var(--json-resize-bar-height);margin:0;padding:0 14px;border-top:1px solid var(--border);border-radius:0;background:color-mix(in srgb,var(--surface-soft) 70%,var(--editor-bg));color:var(--text-muted);cursor:ns-resize;box-sizing:border-box}.resize-bar strong{font-size:12px;font-weight:600;line-height:1}.resize-grip{position:relative;width:38px;height:12px}.resize-grip:before,.resize-grip:after{content:"";position:absolute;left:0;width:38px;height:2px;border-radius:999px;background:var(--border-strong)}.resize-grip:before{top:2px}.resize-grip:after{bottom:2px}.resize-bar.dragging,.resize-bar:hover{color:var(--accent);background:var(--accent-soft)}.resize-bar.dragging .resize-grip:before,.resize-bar.dragging .resize-grip:after,.resize-bar:hover .resize-grip:before,.resize-bar:hover .resize-grip:after{background:var(--accent)}.codec-editor-workspace,.text-editor-workspace,.date-editor-workspace,.hash-editor-workspace,.dev-editor-workspace,.db-editor-workspace,.table-editor-workspace,.transform-editor-workspace,.network-editor-workspace,.imgcode-editor-workspace,.file-editor-workspace{--workbench-panel-height: 360px}.workbench-panel-body{--panel-height: 360px;display:grid;grid-template-rows:minmax(0,var(--panel-height)) auto;min-height:0;background:var(--editor-bg)}.workbench-panel-body>textarea{min-height:0!important;height:100%!important;resize:none!important}.panel-resize-bar{border-top:1px solid var(--border)}:is([class$=-mini-input],[class$=-select],.timestamp-inline-input,.json-inline-input){height:38px;padding:0 12px;border:1px solid var(--border);border-radius:10px;background:var(--editor-bg);color:var(--text-main);outline:none;font:500 12px/1 JetBrains Mono,monospace;box-shadow:none}:is([class$=-textarea]){width:100%;min-height:320px;padding:14px;border:0;outline:none;resize:none;background:var(--editor-bg);color:var(--text-main);font:500 12px/1.7 JetBrains Mono,monospace;box-sizing:border-box}.codec-textarea,.text-textarea,.date-textarea,.hash-textarea,.dev-textarea,.db-textarea,.table-textarea,.transform-textarea,.network-textarea,.imgcode-textarea,.file-textarea{min-height:var(--workbench-panel-height);height:var(--workbench-panel-height);resize:none}.stats-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.diff-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card{min-height:110px}.stat-card small{display:block;margin-bottom:12px;color:var(--text-muted)}.stat-card strong{display:block;font-size:1.8rem}.editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.search-row{display:flex}.result-list{display:grid;gap:14px}.result-kind{color:var(--accent);font-size:.84rem}.success-item{border-color:var(--accent-border)}.tree-layout{align-items:start}.tree-card{padding:18px;min-height:100%}.tree-root,.tree-node,.tree-children{display:grid;gap:0}.tree-line{position:relative;display:flex;align-items:center;gap:4px;width:100%;padding:1px 0 1px 54px;border:none;border-radius:0;background:transparent;color:var(--text-main);text-align:left;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.8}.tree-line:before,.tree-close:before{counter-increment:fold-line;content:counter(fold-line);position:absolute;left:0;width:30px;color:#94a3b8;text-align:right;-webkit-user-select:none;user-select:none}.tree-line.leaf{cursor:default}.tree-line:focus,.tree-line:focus-visible{box-shadow:none}.tree-toggle{position:absolute;left:31px;top:50%;transform:translateY(-50%);width:14px;color:var(--accent);text-align:center;font-weight:800;line-height:1;-webkit-user-select:none;user-select:none}.tree-toggle.spacer{visibility:hidden}.tree-key,.tree-colon,.tree-close-token,.tree-comma{font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.8}.tree-key{color:var(--text-main)}.tree-colon{color:var(--text-muted)}.tree-comma{color:var(--text-main)}.tree-preview{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.8}.tree-preview.branch{color:var(--text-main)}.tree-preview.value{color:var(--accent)}.tree-children{padding-left:18px;border-left:1px dashed color-mix(in srgb,var(--border-strong) 70%,transparent);margin-left:54px}.tree-close{position:relative;display:flex;align-items:center;gap:4px;padding:1px 0 1px 54px;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.8;color:var(--text-main)}.tree-line.root,.tree-close.root{padding-left:54px}.site-footer{padding:8px 2px 0}.site-footer p{margin:0;color:var(--text-muted);font-size:12px;line-height:1.7;text-align:center}.density-compact .section-card,.density-compact .vivo-hero{padding:18px}.density-compact .code-editor-shell textarea,.density-compact .tree-workbox{min-height:0}.density-compact .json-function-rail{min-height:calc(var(--json-editor-min-height) + var(--json-resize-bar-height))}.density-compact .codec-textarea{min-height:260px}@media (max-width: 1200px){.vivo-hero,.feature-banner,.category-overview-grid,.strategy-grid,.sponsor-grid,.json-workbench-layout,.codec-workbench-layout,.codec-grid,.codec-summary-grid,.text-workbench-layout,.text-grid,.text-summary-grid,.date-workbench-layout,.date-grid,.date-summary-grid,.hash-workbench-layout,.hash-grid,.hash-summary-grid,.dev-workbench-layout,.dev-grid,.dev-summary-grid,.db-workbench-layout,.db-grid,.db-summary-grid,.table-workbench-layout,.table-grid,.table-summary-grid,.transform-workbench-layout,.transform-grid,.transform-summary-grid,.markdown-grid,.network-workbench-layout,.network-grid,.network-ip-grid,.color-tool-layout,.color-result-grid,.media-generate-grid,.cert-option-grid,.network-summary-grid,.image-workbench-layout,.image-grid,.image-summary-grid,.imgcode-workbench-layout,.imgcode-grid,.imgcode-summary-grid,.file-workbench-layout,.file-grid,.file-summary-grid{grid-template-columns:1fr}.vivo-hero{display:block;min-height:0;padding:26px}.vivo-hero-content{width:auto;max-width:100%;min-height:0;padding-right:0}.vivo-hero-visual{position:relative;inset:auto;min-height:430px;margin-top:18px}.hero-uniform-grid{height:560px;min-height:560px}.tool-square-grid,.stats-showcase,.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.json-function-rail{position:static;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none}.codec-function-rail{position:static;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;min-height:0}.text-function-rail,.date-function-rail,.hash-function-rail,.dev-function-rail,.db-function-rail,.table-function-rail,.transform-function-rail,.network-function-rail,.image-function-rail,.imgcode-function-rail,.file-function-rail{position:static;grid-template-columns:repeat(3,minmax(0,1fr));min-height:0}}@media (max-width: 820px){.app-shell{width:min(100vw - 20px,100%);padding-top:12px}.topbar{grid-template-columns:1fr;justify-items:stretch}.nav,.topbar-actions{flex-wrap:wrap;justify-content:center}.settings-popover{width:min(360px,calc(100vw - 18px))}.vivo-hero,.section-card,.feature-banner{padding:18px;border-radius:18px}.vivo-hero-content h1{white-space:normal}.vivo-hero-visual{min-height:320px;padding:0;margin-top:16px}.hero-uniform-grid,.uniform-directory-grid{grid-template-columns:1fr}.orb{display:none}.section-head,.pane-head,.category-ad-row,.result-head,.workbox-head{flex-direction:column;align-items:stretch}.stats-showcase,.tool-square-grid,.category-overview-grid,.strategy-grid,.sponsor-grid,.editor-grid,.stats-grid,.diff-summary,.json-function-rail,.codec-function-rail,.text-function-rail,.date-function-rail,.hash-function-rail,.dev-function-rail,.db-function-rail,.table-function-rail,.transform-function-rail,.network-function-rail,.image-function-rail,.imgcode-function-rail,.file-function-rail,.timestamp-live-grid,.timestamp-result-grid,.timestamp-input-grid,.setting-color-grid,.setting-segment{grid-template-columns:1fr}.hero-uniform-card,.directory-uniform-card{min-height:0}.hero-uniform-grid{height:360px;min-height:360px;transform:none}.network-ip-cards{grid-template-columns:1fr}.code-editor-shell{grid-template-columns:52px minmax(0,1fr)}.text-toolbar{flex-direction:column;align-items:stretch}.text-option-row{justify-content:flex-start}.date-toolbar{flex-direction:column;align-items:stretch}.date-option-row{justify-content:flex-start}.hash-toolbar{flex-direction:column;align-items:stretch}.hash-option-row{justify-content:flex-start}.dev-toolbar{flex-direction:column;align-items:stretch}.dev-option-row{justify-content:flex-start}.db-toolbar{flex-direction:column;align-items:stretch}.db-option-row{justify-content:flex-start}.table-toolbar,.transform-toolbar,.network-toolbar{flex-direction:column;align-items:stretch}.table-option-row,.transform-option-row,.network-option-row{justify-content:flex-start}.single-tool-head,.image-toolbar,.imgcode-toolbar,.file-toolbar{flex-direction:column;align-items:stretch}.image-option-row,.imgcode-option-row,.file-option-row{justify-content:flex-start}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}