:root{--brand-red:#7b292c;--brand-white:#fffefa;--brand-beige:#dcb99d;--button-bg:var(--brand-red);--button-ink:var(--brand-white);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--placeholder-ink:#6c665d;--on-ink:var(--brand-white);--button-hover:#642124;--icon-hover:#7b292c0d;--removed-bg:#f4e8e5;--removed-ink:#853c35;--added-bg:#e8eee6;--added-ink:#405d3a;--syntax-attr:#81502d;--syntax-string:#3e6651;--syntax-number:#385f88;--syntax-literal:#805378;--syntax-punctuation:#625d54;--syntax-comment:#686157;--syntax-meta:#8a493e;--gutter:#6c665d;--paper:#f7f4ef;--surface:var(--brand-white);--field-line:#938b7e;--selection:#ead2c0;--card-shadow:0 1px 3px #24221e08;--field:#fff;--result:#f1ebe2;--ink:#24221e;--muted:#625d54;--line:#cfc2b5;--accent:var(--brand-red);--focus:var(--brand-red);--text-size:13px;--small-text-size:12px;--bookmark-text-size:11px;--header-footer-line-gap:14px;--expanded-text-size:14px;font-size:var(--text-size);--tool-page-width:1100px;--page-gutter:28px;--code-font:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--ui-font:-apple-system, BlinkMacSystemFont, "Segoe UI", "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;font-family:var(--ui-font);color:var(--ink);background:var(--paper);font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.55}*{box-sizing:border-box}body{margin:0}main{max-width:1800px;margin:auto;padding:24px 28px 16px}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:18px;display:flex}.eyebrow{font-size:var(--small-text-size);letter-spacing:2px;color:var(--muted);font-weight:700}h1{letter-spacing:-.8px;margin:0;font-size:23px;font-weight:600}h1 span{color:var(--accent)}.brand-link{color:inherit;border-radius:3px;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-link img{flex-shrink:0;display:block}.brand-link>span{margin-left:-10px}.brand-link:focus-visible{outline:2px solid var(--focus);outline-offset:4px}header>div{align-items:baseline;gap:18px;display:flex}header p{color:var(--muted);font-size:var(--small-text-size);margin:0}header .brand-slogan{border-left:1px solid var(--line);font-size:var(--text-size);letter-spacing:-.2px;padding-left:16px;line-height:1.6}.brand-slogan strong{color:var(--accent);white-space:nowrap;font-weight:600}@media (width<=600px){header .brand-slogan{border-left:0;margin-top:6px;padding-left:0}}.notice{font-size:var(--text-size);color:var(--muted);margin-bottom:20px;line-height:1.6}.grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-areas:"calculator calculator calculator cidr cidr cidr time time time dns dns dns""translation translation translation translation text text text text base64 base64 base64 base64""json json json json json json yaml yaml yaml yaml yaml yaml""diff diff diff diff diff diff markdown markdown markdown markdown markdown markdown";align-items:stretch;gap:16px;display:grid}.markdown-card{grid-area:markdown}.dns-card{grid-area:dns}.diff-card{grid-area:diff}.base64-card{grid-area:base64}.cidr-card{grid-area:cidr}.time-card{grid-area:time}.translation{grid-area:translation}.calculator-card{grid-area:calculator}.text-card{grid-area:text}.json-card{grid-area:json}article{background:var(--surface);border:1px solid var(--line);min-width:0;box-shadow:var(--card-shadow);border-radius:3px;padding:16px}.title{justify-content:space-between;align-items:center;gap:8px;display:flex}.tool-title{align-items:center;gap:4px;min-width:0;display:flex}.tool-title h2{min-width:0}.tool-page-link{flex-shrink:0;text-decoration:none}.tool-page-link:hover{background:var(--icon-hover);color:var(--accent)}h2{letter-spacing:-.3px;margin:0;font-size:15px;font-weight:600}.title span{font-size:var(--small-text-size);color:var(--muted);white-space:nowrap}article p{font-size:var(--small-text-size);color:var(--muted);margin:8px 0 12px;line-height:1.5}label{font-size:var(--small-text-size);margin-bottom:8px;font-weight:600;display:block}.input-heading{justify-content:space-between;align-items:center;min-height:30px;margin-bottom:4px;display:flex}.input-heading label{margin:0}.input-heading{gap:8px}.input-heading-controls{min-width:0;margin-left:auto}.input-heading>.reset-button{flex-shrink:0}input:not([type=checkbox]),textarea{font:inherit;font-size:var(--text-size);border:2px solid var(--field-line);background:var(--field);width:100%;color:var(--ink);border-radius:2px;padding:8px 9px}input:not([type=checkbox]):focus,textarea:focus{border-color:var(--focus);outline:none}input:not([type=checkbox])::placeholder,textarea::placeholder{font-family:var(--ui-font);font-size:inherit;letter-spacing:normal;color:var(--placeholder-ink);opacity:1;font-style:normal;font-weight:400}textarea{resize:vertical;height:64px;min-height:64px;display:block}.placeholder{background:var(--result);color:var(--ink);font-size:var(--text-size);overflow-wrap:anywhere;border-radius:2px;margin-top:8px;padding:10px;line-height:1.55}.wide{grid-column:span 2}.json{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;display:grid}.json textarea,pre{height:190px;font-family:var(--code-font);font-size:var(--text-size)}pre{background:var(--result);color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:2px;margin:0;padding:14px;overflow:auto}.counts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.counts strong{color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.5px;overflow-wrap:anywhere;font-size:23px;font-weight:500}.counts span{font-size:var(--small-text-size);color:var(--muted);margin-left:8px}footer{color:var(--muted);font-size:var(--small-text-size);text-align:left;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 20px;display:flex}.footer-brand{flex-shrink:0}.footer-links{flex-wrap:wrap;align-items:center;gap:8px 24px;display:flex}.footer-link{white-space:nowrap}.brand-title{letter-spacing:-.8px;margin:0;font-size:23px;font-weight:600}.brand-title .brand-link>span{color:var(--accent)}.tool-home-link{gap:16px;margin:0 0 16px;font-size:13px;display:flex}.tool-home-link a,.search-content a{color:var(--accent);text-underline-offset:3px}.single-tool-page{max-width:calc(var(--tool-page-width) + 2 * var(--page-gutter));padding-left:var(--page-gutter);padding-right:var(--page-gutter)}.single-tool{max-width:var(--tool-page-width);margin:auto}.single-tool>article{width:100%}.search-content{max-width:calc(var(--tool-page-width) + 2 * var(--page-gutter));padding:12px var(--page-gutter) 32px;font-size:var(--text-size);margin:0 auto}.tool-guide{background:var(--surface);border:1px solid var(--line);border-radius:3px;margin-bottom:16px;padding:24px}.home-search-content{max-width:1200px;padding-top:8px}.tool-directory{align-items:baseline;gap:18px;max-width:1200px;margin:auto;padding:0 28px 8px;display:flex}#header-root{max-width:1200px;margin:auto;padding:24px 28px 0}#header-root header{padding-bottom:var(--header-footer-line-gap);margin-bottom:12px}#root main{padding-top:12px}.tool-directory h2{font-size:var(--small-text-size);color:var(--muted);flex-shrink:0;font-weight:600}.tool-directory a{color:var(--muted);font-size:var(--small-text-size);text-decoration:none}.tool-directory a:hover,.tool-directory a[aria-current=page]{color:var(--accent);text-decoration:underline}.tool-directory a:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.tool-guide h1{font-size:24px;line-height:1.4}.tool-guide h2{margin:24px 0 10px;font-size:17px}.tool-guide h3{margin:16px 0 6px;font-size:14px}.tool-guide p{margin:10px 0}.tool-guide li{margin:8px 0}.tool-guide pre{border:1px solid var(--line);height:auto;padding:16px;line-height:1.65}.site-info{line-height:1.8}.site-info-lead{color:var(--muted)}.site-policy-links{font-size:var(--small-text-size)}.system-theme-status{color:var(--muted);font-size:var(--small-text-size);margin-inline-start:8px}footer a{color:var(--muted);text-decoration:none}footer a:hover,footer a[aria-current=page]{color:var(--accent);text-decoration:underline}footer a:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.tool-directory ul{flex-wrap:wrap;gap:8px 18px;margin:0;padding:0;list-style:none;display:flex}@media (width<=640px){.search-content{padding-top:8px;padding-bottom:24px}.tool-guide{padding:16px}.single-tool .json,.single-tool .structured-directions,.single-tool .markdown-columns,.single-tool .paired-inputs{grid-template-columns:minmax(0,1fr)}}.time-conversion+.time-conversion{margin-top:10px;padding-top:10px}.day-offset{color:var(--muted);font-size:var(--small-text-size);margin-top:6px;display:block}.translation-direction{min-width:0}.translation-direction textarea{height:145px;min-height:145px}.translate-link{background:var(--button-bg);color:var(--button-ink);font:inherit;font-size:var(--small-text-size);border:0;border-radius:3px;align-items:center;gap:14px;margin-top:8px;padding:8px 12px;text-decoration:none;display:inline-flex}.translate-link:hover:not(:disabled){background:var(--button-hover)}.translate-link:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.translate-link:disabled{opacity:.4}.network-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px;display:grid}.network-results>.placeholder{grid-column:1/-1;margin:0}.network-row{background:var(--result);border-radius:2px;padding:8px 36px 8px 10px;position:relative}.network-row>span{font-size:var(--small-text-size);color:var(--muted);margin-bottom:4px;display:block}.network-row strong{font-size:var(--text-size);overflow-wrap:anywhere;font-weight:500}.placeholder,.json-result,.count-result{position:relative}.placeholder{padding-right:48px}.json-result pre{padding-top:44px}.count-group{background:var(--result);border-radius:2px;min-width:0;padding:8px}.count-group h3{font-size:var(--small-text-size);color:var(--muted);margin:0 0 8px;font-weight:600}.count-result{padding:6px 30px 6px 0}.count-result .copy-action{top:6px;right:-4px}.copy-action{position:absolute;top:8px;right:8px}.copy-action button{width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:3px;place-items:center;padding:0;transition:background .15s;display:grid}.copy-action button:hover:enabled{background:var(--icon-hover);color:var(--accent)}.copy-action button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.copy-action button:disabled{opacity:.25;cursor:default}.copy-action .copy-status{background:var(--ink);width:max-content;max-width:220px;color:var(--on-ink);font-size:var(--small-text-size);pointer-events:none;opacity:0;border-radius:3px;margin:0;padding:6px 9px;line-height:1.5;position:absolute;bottom:calc(100% + 6px);right:0}.copy-action .copy-status.visible{opacity:1}.paired-inputs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.paired-inputs textarea{height:170px}.result-heading{min-height:30px;font-family:inherit;font-size:var(--small-text-size);color:var(--ink);justify-content:space-between;align-items:center;gap:8px;margin:0 0 4px;font-weight:600;line-height:1.55;display:flex}.result-heading-spaced{margin-top:6px}.result-title-group{flex-wrap:wrap;align-items:baseline;gap:4px 10px;min-width:0;display:flex}.result-title-group .conversion-status{overflow-wrap:anywhere}.result-heading>.icon-button{flex-shrink:0}.diff-result,.compact-result{position:relative}.diff-result pre{height:200px;padding:44px 8px 8px}.diff-line{white-space:pre-wrap;overflow-wrap:anywhere;display:block}.diff-line.removed{background:var(--removed-bg);color:var(--removed-ink)}.diff-line.added{background:var(--added-bg);color:var(--added-ink)}.base64-card textarea{height:42px;min-height:42px;overflow:auto}.base64-card textarea:placeholder-shown{overflow:hidden}.compact-result{margin:8px 0 12px}.compact-result pre{height:46px;padding:10px 42px 10px 10px}@media (width>=1001px) and (height<=800px){.json textarea,.json-result pre{height:150px}.translation-direction textarea{height:120px;min-height:120px}}@media (width<=1000px){main{padding:16px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"calculator cidr""time dns""translation text""base64 base64""json yaml""diff diff""markdown markdown"}}@media (width<=600px){.grid{grid-template-columns:1fr;grid-template-areas:"calculator""cidr""time""dns""translation""text""base64""json""yaml""diff""markdown"}header>div{display:block}header p{margin-top:4px}}.markdown-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.markdown-columns textarea{height:405px}.markdown-result,.dns-result{position:relative}.markdown-preview{overflow-wrap:anywhere;background:var(--result);height:405px;font-size:var(--text-size);border-radius:2px;padding:44px 10px 10px;overflow:auto}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3,.markdown-preview h4,.markdown-preview h5,.markdown-preview h6{margin:1.2em 0 .5em;font-weight:600;line-height:1.35}.markdown-preview h1{font-size:22px}.markdown-preview h2{font-size:19px}.markdown-preview h3{font-size:16px}.markdown-preview h4,.markdown-preview h5,.markdown-preview h6{font-size:14px}.markdown-preview p{color:inherit;font-size:inherit;margin:0 0 1em;line-height:1.7}.markdown-preview pre{white-space:pre;height:auto;padding:8px}.markdown-preview ul,.markdown-preview ol{margin:0 0 1em;padding-left:24px}.markdown-preview li{margin:.35em 0;line-height:1.7}.markdown-preview li>p{margin:.35em 0}.markdown-preview li>ul,.markdown-preview li>ol{margin:.3em 0}:is(.markdown-preview li:has(>input[type=checkbox]),.markdown-preview li:has(>p>input[type=checkbox])){list-style:none}.markdown-preview input[type=checkbox]{vertical-align:-2px;width:14px;height:14px;accent-color:var(--accent);margin:0 7px 0 -21px;padding:0;display:inline-block}.markdown-preview table{border-collapse:collapse;max-width:100%;font-size:inherit;margin:0 0 1em;display:block;overflow-x:auto}.markdown-preview th{background:var(--field);text-align:left;font-weight:600}.markdown-preview td,.markdown-preview th{border:1px solid var(--line);padding:8px 12px}.markdown-preview blockquote{border-left:3px solid var(--accent);color:var(--muted);margin:0 0 1em;padding:4px 12px}.markdown-preview blockquote>:last-child{margin-bottom:0}.markdown-preview>:first-child{margin-top:0}.markdown-preview>:last-child{margin-bottom:0}.markdown-preview hr{border:0;border-top:1px solid var(--line);margin:1.5em 0}.dns-input{gap:8px;display:flex}.dns-input input{min-width:0}.dns-input .translate-link{white-space:nowrap;cursor:pointer;margin:0}.dns-result pre{height:158px;padding-top:44px}.title{border-bottom:1px solid var(--line);padding-bottom:10px}.title span{letter-spacing:.01em}input:not([type=checkbox]),textarea{line-height:1.55}pre,.network-row strong{font-variant-numeric:tabular-nums}.markdown-preview a{color:var(--accent);text-underline-offset:3px}footer{padding-top:var(--header-footer-line-gap);border-top:1px solid var(--line);margin-top:20px}.syntax-code{font:inherit;color:var(--ink)}.syntax-code .hljs-attr{color:var(--syntax-attr)}.syntax-code .hljs-string{color:var(--syntax-string)}.syntax-code .hljs-number{color:var(--syntax-number)}.syntax-code .hljs-literal,.syntax-code .hljs-keyword{color:var(--syntax-literal)}.syntax-code .hljs-punctuation{color:var(--syntax-punctuation)}.syntax-code .hljs-comment{color:var(--syntax-comment);font-style:italic}.syntax-code .hljs-meta,.syntax-code .hljs-type,.syntax-code .hljs-bullet{color:var(--syntax-meta)}.result-actions{gap:2px;display:flex;position:absolute;top:8px;right:8px}.result-actions>.copy-action,.dialog-actions>.copy-action{position:relative;top:auto;right:auto}.icon-button{width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:3px;place-items:center;padding:0;display:grid}.icon-button:hover:enabled{background:var(--icon-hover);color:var(--accent)}.icon-button:disabled{opacity:.25;cursor:default}.icon-button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.compact-result pre{min-height:46px;padding-right:78px}.result-dialog{border:1px solid var(--line);background:var(--surface);width:min(1200px,94vw);max-width:94vw;height:86vh;max-height:90vh;color:var(--ink);border-radius:4px;padding:0}.result-dialog::backdrop{background:#24221e80}.result-dialog[open]{flex-direction:column;display:flex}.result-dialog-header{z-index:1;border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex;position:relative}.dialog-actions{align-items:center;gap:8px;display:flex}.dialog-actions .copy-action .copy-status{white-space:normal;width:max-content;max-width:min(220px,94vw - 120px);top:50%;bottom:auto;right:calc(100% + 8px);transform:translateY(-50%)}.result-dialog-body{flex:1;min-height:0;padding:20px;overflow:auto}.result-dialog-body pre{height:auto;min-height:100%;font-size:var(--expanded-text-size);padding:16px;line-height:1.7}.result-dialog-body .markdown-preview{height:auto;min-height:100%;font-size:var(--expanded-text-size);padding:16px;overflow:visible}.result-dialog-body .markdown-preview h1{font-size:28px}.result-dialog-body .markdown-preview h2{font-size:22px}.result-dialog-body .markdown-preview h3{font-size:18px}.result-dialog-body .markdown-preview pre{min-height:0}.calculator-input{gap:8px;display:flex}.calculator-input input{min-width:0}.calculator-input .translate-link{white-space:nowrap;cursor:pointer;margin:0}.calculator-history{border:1px solid var(--line);border-radius:2px;height:120px;overflow:auto}.calculator-history:focus-visible{outline:1px solid var(--focus)}.calculator-history>p{padding:0 10px}.calculator-history ol{margin:0;padding:0;list-style:none}.calculator-history li{font-size:var(--text-size);border-bottom:1px solid var(--line);overflow-wrap:anywhere;padding:8px 44px 8px 10px;position:relative}.calculator-history li:last-child{border-bottom:0}.calculator-history li>span{color:var(--muted);margin-right:6px}.calculator-history strong{font-variant-numeric:tabular-nums;font-weight:500}.yaml-card,.structured-loading{grid-area:yaml}.structured-loading{color:var(--muted)}.structured-directions{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.structured-directions textarea{height:180px;font-family:var(--code-font)}.structured-result{margin-top:8px;position:relative}.structured-result pre{height:180px;padding-top:44px}@media (width<=600px){.structured-directions{grid-template-columns:1fr}}.translation-footer{justify-content:space-between;align-items:center;gap:10px;margin-top:8px;display:flex}.translation-footer>span{font-size:var(--small-text-size);color:var(--muted)}.translation-footer .translate-link{white-space:nowrap;margin-top:0}.structured-directions .structured-result{margin-top:0}.structured-directions textarea,.structured-directions .structured-result pre{height:300px}.numbered-lines{grid-template-columns:max-content minmax(max-content,1fr);gap:14px;line-height:1.7;display:grid}.line-gutter{color:var(--gutter);text-align:right;border-right:1px solid var(--line);-webkit-user-select:none;user-select:none;pointer-events:none;padding-right:12px;display:block}.numbered-content{white-space:pre;overflow-wrap:normal;display:block}.numbered-content .diff-line{white-space:pre;overflow-wrap:normal;min-height:1.7em}.diff-numbered{grid-template-columns:max-content max-content minmax(max-content,1fr);gap:8px}.placeholder.result-empty,pre.result-empty,.markdown-preview.result-empty{color:var(--placeholder-ink);font-family:var(--ui-font);font-size:var(--text-size);padding:10px 48px 10px 10px;line-height:1.55}.json-result pre.result-empty,.structured-result pre.result-empty,.diff-result pre.result-empty,.compact-result pre.result-empty,.markdown-preview.result-empty{padding:10px 78px 10px 10px}.markdown-preview.result-empty p{line-height:inherit;margin:0}.calculator-history>p.result-empty{color:var(--placeholder-ink);font-size:var(--text-size);margin:0;padding:10px;line-height:1.55}.placeholder>.copy-action{top:50%;transform:translateY(-50%)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#1c1a18;--surface:#302c27;--field-line:#a39079;--selection:#654038;--card-shadow:0 1px 4px #00000020;--field:#211f1c;--result:#484037;--ink:#f1ede4;--muted:#ddd0bd;--line:#796956;--accent:var(--brand-beige);--focus:var(--brand-beige);--placeholder-ink:#d0c2ae;--on-ink:#211f1c;--button-hover:#963b3e;--icon-hover:#dcb99d18;--removed-bg:#462d2b;--removed-ink:#f0aaa1;--added-bg:#293e2e;--added-ink:#a9d0ac;--syntax-attr:#dcb28e;--syntax-string:#a0c8a9;--syntax-number:#9bbfe2;--syntax-literal:#c8a5d2;--syntax-punctuation:#bab3a7;--syntax-comment:#d0c2ae;--syntax-meta:#d9a191;--gutter:#d0c2ae}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#1c1a18;--surface:#302c27;--field-line:#a39079;--selection:#654038;--card-shadow:0 1px 4px #00000020;--field:#211f1c;--result:#484037;--ink:#f1ede4;--muted:#ddd0bd;--line:#796956;--accent:var(--brand-beige);--focus:var(--brand-beige);--placeholder-ink:#d0c2ae;--on-ink:#211f1c;--button-hover:#963b3e;--icon-hover:#dcb99d18;--removed-bg:#462d2b;--removed-ink:#f0aaa1;--added-bg:#293e2e;--added-ink:#a9d0ac;--syntax-attr:#dcb28e;--syntax-string:#a0c8a9;--syntax-number:#9bbfe2;--syntax-literal:#c8a5d2;--syntax-punctuation:#bab3a7;--syntax-comment:#d0c2ae;--syntax-meta:#d9a191;--gutter:#d0c2ae}header>.header-actions{flex-shrink:0;align-items:center;gap:14px;display:flex}.theme-toggle{cursor:pointer;justify-content:center;align-items:center;gap:6px;display:inline-flex}.theme-toggle:hover{background:var(--icon-hover);border-color:var(--accent)}.theme-toggle:focus-visible{outline:2px solid var(--focus);outline-offset:2px}::selection{background:var(--selection);color:var(--ink)}.markdown-preview :not(pre)>code{border:1px solid var(--line);background:var(--field);color:var(--ink);border-radius:2px;padding:2px 4px}.markdown-preview pre,.result-dialog-body .markdown-preview pre{background:var(--field);border:1px solid var(--line);height:auto;min-height:0;margin:0 0 1em;padding:12px 14px;font-size:1em;line-height:1.7;overflow:auto}.markdown-preview code{font-family:var(--code-font)}.conversion-status{font-size:var(--small-text-size);color:var(--muted);font-weight:400}@media (width<=1000px){:root{--page-gutter:16px}#header-root{padding:16px 16px 0}.tool-directory{padding:0 16px 8px}}@media (width<=600px){.tool-directory{display:block}.tool-directory h2{margin-bottom:8px}}.tool-workspace-page{--tool-page-width:1440px;--workspace-height:clamp(360px, 56vh, 680px)}.single-tool>article{padding:24px}.single-tool .json,.single-tool .structured-directions,.single-tool .markdown-columns,.single-tool .paired-inputs{gap:20px}.single-tool textarea{min-height:240px}.single-tool .json textarea,.single-tool .json-result>pre,.single-tool .structured-directions textarea,.single-tool .structured-result>pre,.single-tool .markdown-columns textarea,.single-tool .markdown-result>.markdown-preview,.single-tool .translation-direction textarea,.single-tool .text-card textarea{height:var(--workspace-height)}.single-tool .paired-inputs textarea{height:clamp(280px,40vh,480px)}.single-tool .diff-result>pre{height:clamp(320px,48vh,580px)}.input-options{gap:2px;margin:0;display:flex}.input-options button{white-space:nowrap;border:1px solid var(--line);color:var(--muted);font:inherit;font-size:var(--small-text-size);cursor:pointer;background:0 0;border-radius:3px;padding:3px 7px}.input-options button[aria-pressed=true]{background:var(--button-bg);color:var(--button-ink);border-color:var(--button-bg)}.input-options button:hover{border-color:var(--accent)}.input-options button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.base64-workspace>div{min-width:0}.base64-workspace .compact-result{margin-top:0;margin-bottom:0}.base64-workspace .compact-result>pre{height:120px;padding-top:44px}.base64-workspace .compact-result>pre.result-empty{padding-top:10px}.single-tool .base64-workspace{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.single-tool .base64-card textarea{height:var(--workspace-height);overflow:auto}.single-tool .base64-card textarea:placeholder-shown{overflow:hidden}.single-tool .compact-result>pre{height:var(--workspace-height);padding-top:44px}.single-tool .compact-result>pre.result-empty{padding-top:10px}.single-tool .calculator-history,.single-tool .dns-result>pre{height:240px}.single-tool .network-row{padding-top:12px;padding-bottom:12px}.single-tool .counts{gap:20px}.single-tool .count-group{padding:16px}@media (width<=900px){.single-tool .json,.single-tool .structured-directions,.single-tool .markdown-columns,.single-tool .paired-inputs,.single-tool .base64-workspace{grid-template-columns:minmax(0,1fr)}}@media (width<=600px){.tool-workspace-page{--workspace-height:clamp(280px, 48vh, 420px)}.single-tool>article{padding:16px}}.grid>.calculator-card,.grid>.cidr-card,.grid>.time-card,.grid>.dns-card{padding-top:12px}.grid .calculator-history{height:138px}.grid .calculator-history li{min-height:40px}.grid>.dns-card{grid-template-rows:auto auto auto auto minmax(120px,1fr);align-content:start;display:grid}.grid>.dns-card>.dns-result{min-width:0;min-height:120px;display:grid}.grid>.dns-card>.dns-result>pre{min-width:0;height:auto;min-height:120px;margin-bottom:0}.grid .network-row{padding-top:6px;padding-bottom:6px}.grid .network-row>span{margin-bottom:2px}.grid .time-conversion+.time-conversion{margin-top:6px;padding-top:6px}.grid{--text-input-height:90px;--structured-height:280px;--diff-input-height:170px;--diff-result-height:200px;--preview-height:calc(var(--diff-input-height) + var(--diff-result-height) + 40px)}.grid .translation-direction textarea,.grid>.text-card>textarea,.grid .base64-card textarea{height:var(--text-input-height);min-height:var(--text-input-height)}.grid .json textarea,.grid .json-result>pre,.grid .structured-directions textarea,.grid .structured-result>pre{height:var(--structured-height)}.grid .json,.grid .structured-directions,.grid .paired-inputs,.grid .markdown-columns{gap:12px}.grid .paired-inputs textarea{height:var(--diff-input-height)}.grid .diff-result>pre{height:var(--diff-result-height)}.grid .markdown-columns textarea,.grid .markdown-result>.markdown-preview{height:var(--preview-height)}.grid>.text-card .counts{margin-top:8px}.grid .base64-workspace .compact-result>pre{height:90px}.grid .base64-workspace>div+div{margin-top:0}.grid>.translation{flex-direction:column;display:flex}.grid>.translation>.translation-direction{flex-direction:column;flex:1;display:flex}.grid>.translation>.translation-direction>textarea{flex:1}.grid>.translation>.translation-direction>:not(textarea){flex-shrink:0}.grid>article{padding-bottom:16px}.grid>article>:last-child,.single-tool>article>:last-child,.translation-direction>:last-child{margin-bottom:0}@media (width>=1001px) and (height<=800px){.grid{--structured-height:220px}}@media (width<=1000px){input:not([type=checkbox]),:root textarea{font-size:16px}}.syntax-error-output{background:var(--result);height:190px;font-family:var(--ui-font);font-size:var(--text-size);border-radius:2px;padding:44px 10px 10px;overflow:auto}.syntax-error-heading{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.syntax-error-heading strong{color:var(--accent);font-weight:600}.syntax-error-output>p{color:var(--ink);font-size:inherit;margin:10px 0}.syntax-error-output>pre,.structured-result .syntax-error-output>pre{background:var(--field);border:1px solid var(--line);white-space:pre;overflow-wrap:normal;height:auto;min-height:0;margin:0;padding:10px}.syntax-error-jump{border:1px solid color-mix(in srgb, var(--accent) 30%, var(--surface));background:color-mix(in srgb, var(--accent) 8%, var(--surface));min-height:30px;color:var(--accent);font:inherit;font-size:var(--small-text-size);cursor:pointer;white-space:nowrap;border-radius:3px;align-items:center;gap:5px;padding:4px 8px;display:inline-flex}.syntax-error-jump:hover{background:color-mix(in srgb, var(--accent) 16%, var(--surface));border-color:var(--accent)}.syntax-error-jump:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.syntax-error-jump svg{flex-shrink:0}.grid .syntax-error-output{height:var(--structured-height)}.single-tool .syntax-error-output{height:var(--workspace-height)}.input-options button:disabled{opacity:.4;cursor:default}.input-options button:disabled:hover{border-color:var(--line)}.formatter-result-heading .result-heading{gap:6px}.formatter-result-heading .result-title-group{flex-shrink:0;gap:4px}.formatter-output-controls{align-items:center;gap:6px;min-width:0;display:flex;overflow-x:auto}.formatter-output-controls .input-options{flex-shrink:0}.formatter-output-controls button{padding-left:5px;padding-right:5px;font-weight:400}@media (width<=1000px){.grid>.json-card .json,.grid>.yaml-card .structured-directions{grid-template-columns:minmax(0,1fr)}}.result-dialog-header-with-controls{grid-template-columns:minmax(0,1fr) auto auto;gap:12px 20px;display:grid}.result-dialog-controls{justify-self:end;min-width:0}.result-dialog-controls .formatter-output-controls{gap:8px}@media (width<=700px){.result-dialog-header-with-controls{grid-template-columns:minmax(0,1fr) auto}.result-dialog-header-with-controls>.dialog-actions{grid-area:1/2}.result-dialog-controls{grid-area:2/1/auto/-1;max-width:100%}}.result-dialog-header .dialog-actions{flex-shrink:0}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.translation-language,.time-zone-select select{border:1px solid var(--field-line);background:var(--field);min-width:0;max-width:100%;color:var(--ink);font:inherit;font-size:var(--small-text-size);border-radius:2px;padding:4px 6px;line-height:1.55}.translation-language:focus-visible,.time-zone-select select:focus-visible{border-color:var(--focus);outline:1px solid var(--focus);outline-offset:-1px}.title-with-controls{grid-template-columns:minmax(0,1fr) minmax(100px,160px) auto;display:grid}.title-with-controls>.processing-location{justify-self:end}@media (width<=1000px){.translation-language,.time-zone-select select{font-size:16px}}header .language-select{align-items:center;margin:0;display:inline-flex;position:relative}header .language-trigger,header .theme-toggle{border:1px solid var(--line);background:var(--field);width:auto;height:34px;color:var(--ink);font-family:var(--ui-font);font-size:var(--small-text-size);cursor:pointer;border-radius:3px;justify-content:center;align-items:center;gap:6px;margin:0;padding:6px 8px;font-weight:500;line-height:1.55;display:inline-flex}header .language-trigger>svg,header .theme-toggle>svg{flex-shrink:0}header .language-trigger:hover{background:var(--field);border-color:var(--accent)}header .theme-toggle:hover{background:var(--icon-hover);border-color:var(--accent)}header .language-trigger:focus-visible,header .theme-toggle:focus-visible{border-color:var(--focus);outline:1px solid var(--focus);outline-offset:-1px}.language-menu{overscroll-behavior:contain;z-index:20;border:1px solid var(--line);background:var(--surface);min-width:148px;max-height:min(360px,100dvh - 100px);color:var(--ink);border-radius:3px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto;box-shadow:0 4px 12px #00000018}.language-menu button{width:100%;color:var(--ink);font:inherit;font-size:var(--small-text-size);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:2px;justify-content:space-between;align-items:center;gap:16px;margin:0;padding:8px 10px;display:flex}.language-menu button:hover{background:0 0}.language-menu button[aria-selected=true]{color:var(--accent);font-weight:600}.language-menu button:focus-visible{outline:1px solid var(--focus);outline-offset:-1px}@media (width<=1000px){header .language-trigger,header .theme-toggle{height:38px;font-size:16px}.language-menu button{font-size:16px}}.translation-pair{align-items:center;gap:6px;display:flex}.translation-pair>span{color:var(--muted)}.translation-language option{background:var(--field);color:var(--ink)}@media (width<=600px){.translation .input-heading{grid-template-columns:minmax(0,1fr) auto;display:grid}.translation .input-heading>label{grid-area:1/1}.translation .input-heading>.reset-button{grid-area:1/2}.translation .input-heading-controls{grid-area:2/1/auto/-1;margin:0}}header .brand-message{border-left:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:4px 12px;min-width:0;padding-left:16px;display:flex}header .brand-message .brand-slogan{border-left:0;padding-left:0}header .bookmark-reminder{white-space:nowrap;color:var(--accent);font-size:var(--bookmark-text-size);flex-wrap:nowrap;align-items:center;gap:5px;margin:0;font-weight:500;line-height:1.5;display:flex}.bookmark-reminder svg{stroke-width:2px;flex-shrink:0;width:16px;height:16px}.bookmark-hint{color:var(--ink);font-weight:400}.bookmark-shortcut{border:1px solid var(--line);background:var(--surface);color:var(--accent);font-family:var(--ui-font);font-size:inherit;white-space:nowrap;border-bottom-width:2px;border-radius:3px;margin:0 3px;padding:0 5px;font-weight:600;line-height:1.5;display:inline-block}@media (width<=600px){header .brand-message{border-left:0;padding-left:0}}#header-root header{gap:16px}header>.brand-group{flex:1;align-items:flex-end;gap:18px;min-width:0;display:flex}header .brand-title{flex-shrink:0;align-items:center;min-height:34px;line-height:1;display:flex}header .brand-link{line-height:1}header .brand-message .brand-slogan{margin:0}@media (width<=1000px){#header-root header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 16px;display:grid}header>.brand-group{display:contents}header .brand-title{grid-area:1/1;min-height:38px}header>.header-actions{grid-area:1/2}header .brand-message{border-left:0;grid-area:2/1/auto/-1;padding-left:0}}.network-range-value{flex-direction:column;display:flex}.network-copy-all{align-items:stretch;display:flex}.network-copy-all .copy-action{width:100%;display:flex;position:relative;inset:auto}.network-copy-all .copy-action button{border:1px solid var(--line);width:100%;height:auto;min-height:42px;font:inherit;font-size:var(--text-size);justify-content:center;align-items:center;gap:6px;padding:6px 10px;display:flex}.network-copy-all .copy-action svg{flex-shrink:0}.network-results{grid-template-rows:minmax(70px,auto) repeat(3,minmax(48px,auto));align-content:start;min-height:232px}.network-results>.placeholder{grid-row:1/-1;align-self:start}.network-row{min-height:0}.cidr-card .network-row{line-height:1.4}.cidr-card .network-row>span{margin-bottom:2px}.single-tool .network-results{grid-template-rows:minmax(86px,auto) repeat(3,minmax(64px,auto));min-height:296px}.guide-example{margin-top:16px}.guide-example-pair{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.guide-example-pair>section{min-width:0}.guide-example-pair h3{color:var(--muted);margin:0 0 8px}.guide-example-pair pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.guide-example-context{font-weight:600}.guide-example-preview{border:1px solid var(--line);height:auto;min-height:0;padding:16px}.guide-basics{margin:0;line-height:1.7}.guide-basics dt{color:var(--ink);margin-top:16px;font-weight:600}.guide-basics dd{color:var(--ink);margin:4px 0 0}.grid-with-pipeline{grid-template-areas:"calculator calculator calculator cidr cidr cidr time time time dns dns dns""translation translation translation translation text text text text base64 base64 base64 base64""json json json json json json yaml yaml yaml yaml yaml yaml""pipeline pipeline pipeline pipeline pipeline pipeline diff diff diff diff diff diff""markdown markdown markdown markdown markdown markdown markdown markdown markdown markdown markdown markdown"}.pipeline-card{grid-area:pipeline}.pipeline-card textarea,.pipeline-command{font-family:var(--code-font)}.pipeline-input{height:170px}.pipeline-controls{white-space:nowrap;align-items:center;gap:8px;display:flex}.pipeline-shortcut{color:var(--muted);font-size:var(--small-text-size);font-weight:400}.pipeline-controls .translate-link{box-sizing:border-box;justify-content:center;height:30px;margin:0;padding:0 10px;line-height:1}.pipeline-result{background:var(--result);border-radius:2px;position:relative}.pipeline-result pre{white-space:pre;height:166px;margin:0;padding:10px 78px 10px 10px;overflow:auto}.pipeline-warning{white-space:pre-wrap;overflow-wrap:anywhere}.pipeline-card .result-heading{margin-top:6px}.single-tool .pipeline-input,.single-tool .pipeline-result pre{height:max(280px,36vh)}@media (width<=1000px){.grid-with-pipeline{grid-template-areas:"calculator cidr""time dns""translation text""base64 base64""json yaml""pipeline pipeline""diff diff""markdown markdown"}}@media (width<=600px){.grid-with-pipeline{grid-template-areas:"calculator""cidr""time""dns""translation""text""base64""json""yaml""pipeline""diff""markdown"}}.pipeline-card .input-heading-hint{min-width:0;color:var(--muted);font-size:var(--small-text-size);flex:1;font-weight:400;line-height:1.25}.pipeline-card .input-heading>label,.pipeline-controls{flex-shrink:0}.pipeline-input+.input-heading{margin-top:4px}.grid-with-pipeline>.pipeline-card,.grid-with-pipeline>.diff-card{flex-direction:column;display:flex}.grid-with-pipeline>.pipeline-card>*,.grid-with-pipeline>.diff-card>*{flex-shrink:0}.grid-with-pipeline .pipeline-input,.grid-with-pipeline .paired-inputs textarea{height:120px}.grid-with-pipeline .pipeline-result,.grid-with-pipeline .diff-result{flex-direction:column;flex:1;display:flex}.grid-with-pipeline .pipeline-result{min-height:110px}.grid-with-pipeline .diff-result{min-height:180px}.grid-with-pipeline .pipeline-result>pre,.grid-with-pipeline .diff-result>pre{flex:1;height:0;min-height:0;margin:0}.pipeline-compatibility{white-space:nowrap;color:var(--accent);text-underline-offset:2px}.diff-heading-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.diff-format-controls{gap:4px;display:flex}.diff-format-controls button{box-sizing:border-box;white-space:nowrap;height:30px;padding:0 7px;font-weight:400;line-height:1}.normal-diff-lines .diff-line{white-space:pre;overflow-wrap:normal;min-height:1.7em}.diff-card>.result-heading{flex-wrap:wrap;margin-top:4px}.tool-guide.guide-document{border:0;border-top:1px solid var(--line);background:0 0;border-radius:0;margin-top:20px;padding:24px}.guide-document .guide-document-label{color:var(--accent);font-size:var(--small-text-size);margin:0 0 8px;font-weight:600}.guide-document h1{margin:0 0 12px}.guide-document h2{margin-top:32px}@media (width<=600px){.tool-guide.guide-document{padding:20px 16px}}.tool-workspace-page .tool-home-link{margin-bottom:24px}.tool-workspace-page .single-tool-page{padding-bottom:0}.tool-workspace-page .search-content{padding-top:12px;padding-bottom:24px}.tool-workspace-page .guide-document{margin-top:12px;margin-bottom:24px;padding-bottom:0}.tool-workspace-page .guide-document>a:last-child{width:fit-content;display:block}.tool-workspace-page .search-content>footer{margin-top:0}.home-tool-page{padding-bottom:0}.home-search-content{padding-top:24px;padding-bottom:24px}.home-search-content>footer{margin-top:0}.search-content.site-document{max-width:1200px;padding-top:24px;padding-bottom:24px}.site-document .site-info{background:0 0;border:0;border-radius:0;margin:0 0 24px;padding:0 24px}.site-document .site-info h1{margin:0 0 16px}.site-document .site-info h2{margin-top:32px}.site-document .site-info-lead{font-size:14px;line-height:1.8}.site-document .site-info>a:last-child{width:fit-content;display:block}.site-document>footer{margin-top:0}@media (width<=600px){.site-document .site-info{padding-inline:16px}}.time-zone-pair{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.time-zone-pair select,.translation-pair-minimal select{appearance:none;width:0;min-width:0;height:30px;color:var(--ink);font:inherit;font-size:var(--text-size);cursor:pointer;background-color:#0000;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='m2 4 3 3 3-3' fill='none' stroke='%238d8275' stroke-width='1.3'/%3E%3C/svg%3E");background-position:right 4px center;background-repeat:no-repeat;border:0;border-radius:2px;flex:1;padding:3px 18px 3px 0;font-weight:600}.time-zone-pair select:hover,.translation-pair-minimal select:hover{background-color:var(--result)}.time-zone-pair select:focus-visible,.translation-pair-minimal select:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.time-direction-arrow{color:var(--ink);flex-shrink:0}.time-zone-pair select{font-size:var(--small-text-size)}@media (width<=1000px){.time-zone-pair select{font-size:16px}}.time-zone-pair option{background:var(--field);color:var(--ink)}.time-pair-heading{gap:6px}.translation-pair-minimal select{flex:initial;width:auto;max-width:125px;font-size:var(--small-text-size)}@media (width<=1000px){.translation-pair-minimal select{font-size:16px}}.calculator-operators{align-items:center;gap:2px;display:flex}.calculator-operators button{width:24px;height:24px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:2px;place-items:center;padding:0;font-size:16px;line-height:1;display:grid}.calculator-operators button:hover{background:var(--result)}.calculator-operators button:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.input-options button,.pipeline-controls .translate-link{box-sizing:border-box;height:24px;min-height:24px;color:var(--muted);font-family:var(--ui-font);font-size:var(--small-text-size);background:0 0;border:0;border-radius:2px;margin:0;padding:0 6px;font-weight:400;line-height:1}.input-options button[aria-pressed=true]{background:var(--result);color:var(--accent);font-weight:600}.pipeline-controls .translate-link{color:var(--accent);font-weight:600}.input-options button:hover:not(:disabled),.pipeline-controls .translate-link:hover:not(:disabled){background:var(--result);color:var(--ink)}.input-options button:focus-visible,.pipeline-controls .translate-link:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.formatter-output-controls>.input-options+.input-options{border-left:1px solid var(--line);padding-left:6px}.pipeline-controls .translate-link:not(:disabled){background:var(--result);color:var(--accent)}.pipeline-support-info a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.pipeline-support-info a:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.theme-reset-preference{border:1px solid var(--line);color:var(--accent);font:inherit;cursor:pointer;background:0 0;border-radius:2px;padding:5px 8px}.theme-reset-preference:hover{background:var(--result)}.theme-reset-preference:focus-visible{outline:2px solid var(--focus);outline-offset:2px}body:has(.home-tool-page .custom-home-grid) #header-root{max-width:1200px}body:has(.home-tool-page .custom-home-grid) .tool-directory{max-width:1200px}body:has(.home-tool-page .custom-home-grid) .home-tool-page{max-width:1200px}body:has(.home-tool-page .custom-home-grid) .home-search-content{max-width:1200px}.custom-home-grid{--home-card-height:400px;--single-line-input-height:32px;--panel-gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:none;grid-auto-flow:row;align-items:start}.layout-card{min-width:0}.layout-card[hidden]{display:none}.custom-home-grid .layout-card>article{height:var(--home-card-height);flex-direction:column;grid-area:auto;margin:0;padding:16px;display:flex}.custom-home-grid .layout-card>article>*{flex-shrink:0;min-width:0}.custom-home-grid .layout-card>article>:last-child{margin-bottom:0}.custom-home-grid .title{flex-wrap:wrap;min-height:34px;padding-bottom:8px}.custom-home-grid .tool-title{flex:1}.custom-home-grid .tool-title h2{font-size:14px;line-height:1.4}.custom-home-grid .processing-location{flex-shrink:0}.custom-home-grid .layout-card>article>p{margin:6px 0 8px;line-height:1.4}.custom-home-grid .input-heading,.custom-home-grid .result-heading{min-height:30px;margin-bottom:4px}.custom-home-grid input:not([type=checkbox]){height:var(--single-line-input-height);min-height:var(--single-line-input-height);padding:3px 9px;line-height:22px}.custom-home-grid .calculator-input>.translate-link,.custom-home-grid .dns-input>.translate-link,.custom-home-grid .translation-footer>.translate-link{height:var(--single-line-input-height);justify-content:center;align-items:center;padding:0 12px}.custom-home-grid textarea{resize:none}.custom-home-grid .calculator-history{flex:1;height:0;min-height:60px;margin-bottom:0}.custom-home-grid .network-results{flex:1;grid-template-rows:minmax(58px,1.4fr) repeat(3,minmax(36px,1fr));gap:4px;min-height:180px}.custom-home-grid .network-row{padding:4px 32px 4px 8px}.custom-home-grid .network-row>span{margin-bottom:1px}.custom-home-grid .network-row .copy-action{top:50%;right:2px;transform:translateY(-50%)}.custom-home-grid .network-copy-all .copy-action button{min-height:36px;padding:3px 8px}.custom-home-grid .time-conversion+.time-conversion{margin-top:16px;padding-top:0}.custom-home-grid .time-card .placeholder{margin-top:8px}.custom-home-grid .time-card>p:last-child{margin-top:6px}.custom-home-grid .dns-result{flex:1;min-height:64px;display:flex}.custom-home-grid .dns-result>pre{flex:1;height:0;min-height:100%;margin:0}.custom-home-grid .translation-direction{flex-direction:column;flex:1;min-height:0;display:flex}.custom-home-grid .translation-direction>textarea{flex:1;height:0;min-height:60px}.custom-home-grid .translation-direction>:not(textarea){flex-shrink:0}.custom-home-grid .translation-direction>p{margin:6px 0 0;line-height:1.4}.custom-home-grid .text-card>textarea{flex:1;height:0;min-height:64px}.custom-home-grid .text-card .counts{flex-shrink:0;gap:8px;margin-top:8px}.custom-home-grid .count-group h3{margin-bottom:4px}.custom-home-grid .count-result{padding-top:4px;padding-bottom:4px}.custom-home-grid .json,.custom-home-grid .structured-directions,.custom-home-grid .markdown-columns,.custom-home-grid .base64-workspace{gap:var(--panel-gap);flex-direction:column;flex:1;min-height:0;display:flex}.custom-home-grid .json>div,.custom-home-grid .structured-directions>div,.custom-home-grid .markdown-columns>div,.custom-home-grid .base64-workspace>div{flex-direction:column;flex:1;min-height:0;display:flex}.custom-home-grid .json textarea,.custom-home-grid .structured-directions textarea,.custom-home-grid .markdown-columns textarea,.custom-home-grid .base64-workspace textarea{flex:1;height:0;min-height:50px}.custom-home-grid .json-result,.custom-home-grid .structured-result,.custom-home-grid .markdown-result,.custom-home-grid .base64-workspace .compact-result{flex-direction:column;flex:1;min-height:0;margin:0;display:flex}.custom-home-grid .json-result>pre,.custom-home-grid .structured-result>pre,.custom-home-grid .markdown-result>.markdown-preview,.custom-home-grid .base64-workspace .compact-result>pre,.custom-home-grid .syntax-error-output{flex:1;height:0;min-height:0;margin:0;overflow:auto}.custom-home-grid .formatter-result-heading,.custom-home-grid .input-heading,.custom-home-grid .result-heading{flex-shrink:0}.custom-home-grid .formatter-result-heading .result-heading{flex-wrap:wrap;gap:2px 6px}.custom-home-grid .formatter-output-controls{max-width:100%;margin-left:auto}.custom-home-grid .formatter-result-heading .conversion-status{text-overflow:ellipsis;white-space:nowrap;max-width:86px;overflow:hidden}.custom-home-grid .paired-inputs{gap:8px}.custom-home-grid .paired-inputs textarea{height:72px;min-height:50px}.custom-home-grid .diff-card>.result-heading{margin-top:8px}.custom-home-grid .pipeline-card>.pipeline-input{flex-shrink:1;height:72px;min-height:50px}.custom-home-grid .pipeline-card .input-heading-hint{white-space:nowrap;flex:0 auto}.custom-home-grid .pipeline-shortcut{display:inline}.custom-home-grid .pipeline-result,.custom-home-grid .diff-result{flex-direction:column;flex:1;min-height:64px;display:flex}.custom-home-grid .pipeline-result>pre,.custom-home-grid .diff-result>pre{flex:1;height:0;min-height:0;margin:0}.custom-home-grid .pipeline-result>pre:not(.result-empty),.custom-home-grid .dns-result>pre:not(.result-empty),.custom-home-grid .json-result>pre:not(.result-empty),.custom-home-grid .structured-result>pre:not(.result-empty),.custom-home-grid .base64-workspace .compact-result>pre:not(.result-empty){padding:44px 10px 10px}.custom-home-grid .pipeline-warning{max-height:36px;overflow:auto}.layout-toolbar,.hidden-tools{color:var(--muted);font-size:var(--small-text-size);flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:12px;display:flex}.layout-toolbar button,.hidden-tools button{border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;border-radius:3px;padding:4px 8px}.layout-toolbar button[aria-pressed=true]{color:var(--accent);background:var(--result)}.layout-notice{flex-basis:100%}.layout-notice:empty{display:none}.layout-card-controls{justify-content:flex-end;gap:0;margin-left:auto;display:flex}.custom-home-grid.layout-editing .processing-location{display:none}.layout-handle{cursor:grab;touch-action:none;font-size:20px}.layout-empty{background:var(--surface);border:1px solid var(--line);padding:24px}.layout-dragging{border:1px dashed var(--accent);background:var(--result);border-radius:3px}.layout-dragging>article{z-index:100;left:var(--drag-left);top:var(--drag-top);width:var(--drag-width);transform:translate(var(--drag-x), var(--drag-y));pointer-events:none;opacity:.95;position:fixed;box-shadow:0 10px 30px #00000026}.layout-dragging .layout-handle{cursor:grabbing}.layout-drop-target{outline:2px solid var(--focus);outline-offset:3px;border-radius:4px;position:relative}.layout-drop-target:after{content:"";background:var(--accent);pointer-events:none;height:3px;position:absolute;left:0;right:0}.layout-drop-target.drop-before:after{top:-9px}.layout-drop-target.drop-after:after{bottom:-9px}@media (width<=1000px){.custom-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.custom-home-grid{--home-card-height:420px}}@media (width<=600px){.custom-home-grid,.custom-home-grid .paired-inputs{grid-template-columns:minmax(0,1fr)}.custom-home-grid .paired-inputs textarea{height:50px}}.custom-home-grid .time-card>.time-conversion{flex-direction:column;flex:none;min-height:0;display:flex}.custom-home-grid .time-conversion>.input-heading,.custom-home-grid .time-conversion>input,.custom-home-grid .time-conversion>.day-offset{flex-shrink:0}.custom-home-grid .calculator-card>.placeholder,.custom-home-grid .network-results>.placeholder,.custom-home-grid .time-card .placeholder{flex:0 0 var(--single-line-input-height);height:var(--single-line-input-height);min-height:var(--single-line-input-height);max-height:var(--single-line-input-height);white-space:nowrap;padding:5px 48px 5px 10px;line-height:22px}.custom-home-grid .single-line-output-text{scrollbar-width:none;white-space:nowrap;display:block;overflow:auto hidden}.custom-home-grid .single-line-output-text::-webkit-scrollbar{display:none}.custom-home-grid .single-line-output-text:has(.tool-error-notice){overflow:visible}.custom-home-grid .placeholder .tool-error-details{z-index:5;border:1px solid var(--line);background:var(--result);border-radius:2px;max-height:140px;margin-top:4px;padding:10px;position:absolute;top:100%;left:0;right:0;overflow:auto}.custom-home-grid .tool-error-notice{font-family:var(--ui-font)}.custom-home-grid .tool-error-summary{white-space:nowrap;align-items:center;gap:8px;display:flex}.custom-home-grid .tool-error-summary button{color:var(--accent);font:inherit;font-size:var(--small-text-size);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.custom-home-grid .tool-error-details{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:8px;display:block}.custom-home-grid.custom-home-grid .layout-card textarea{min-height:calc(3.1em + 20px)}.custom-home-grid .calculator-card>p:last-child,.custom-home-grid .time-card>p:last-child,.custom-home-grid .translation-direction>p:last-child,.custom-home-grid .base64-card>p:last-child{font-size:var(--small-text-size);color:var(--muted);margin-top:6px;font-weight:400;line-height:1.4}.custom-home-grid textarea:placeholder-shown,.custom-home-grid.custom-home-grid .layout-card .result-empty{overflow:hidden}.custom-home-grid pre.result-empty{white-space:pre-wrap;overflow-wrap:anywhere}.custom-home-grid .calculator-history li{min-height:var(--single-line-input-height);padding:4.5px 48px 4.5px 10px;line-height:22px}.custom-home-grid .calculator-history li:last-child{border-bottom:1px solid #0000}.custom-home-grid .calculator-history li>.copy-action{top:50%;transform:translateY(-50%)}.custom-home-grid .layout-card>.time-card>p:last-child{margin-top:auto;padding-top:16px}.custom-home-grid .tool-title h2{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.custom-home-grid .formatter-result-heading .result-heading{flex-wrap:nowrap}.custom-home-grid .formatter-output-controls{scrollbar-width:none;flex:1;min-width:0;max-width:none}.custom-home-grid .formatter-output-controls::-webkit-scrollbar{display:none}.custom-home-grid .diff-workspace{gap:var(--panel-gap);flex-direction:column;flex:1;min-height:0;display:flex}.custom-home-grid .diff-workspace>div{flex:1;min-height:0}.custom-home-grid .diff-workspace .paired-inputs{gap:var(--panel-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.custom-home-grid .diff-workspace>div:not(.paired-inputs),.custom-home-grid .diff-workspace .paired-inputs>div{flex-direction:column;min-height:0;display:flex}.custom-home-grid .diff-workspace textarea{flex:1;height:0;min-height:50px}.custom-home-grid .diff-workspace .result-heading{flex-wrap:nowrap;margin-top:0}.custom-home-grid .diff-workspace .result-title-group{min-width:0}.custom-home-grid .diff-workspace .conversion-status{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.custom-home-grid .diff-workspace .diff-heading-actions{flex-shrink:0}.custom-home-grid .diff-workspace .diff-result{min-height:0}.custom-home-grid .formatter-output-controls{flex:0 auto;justify-content:safe flex-end;margin-left:auto}.custom-home-grid .formatter-result-heading .result-title-group{flex-wrap:nowrap;flex-shrink:1;min-width:0}.custom-home-grid .formatter-result-heading .conversion-status{min-width:0;max-width:48px}.custom-home-grid .formatter-result-heading .result-title-group>span:first-child{white-space:nowrap;flex-shrink:0}.custom-home-grid .formatter-output-controls{gap:4px}.custom-home-grid .pipeline-support{display:inline-block;position:relative}.custom-home-grid .pipeline-support-button{color:var(--accent);font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.custom-home-grid .pipeline-support-button:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.custom-home-grid .pipeline-support-info{z-index:10;border:1px solid var(--line);background:var(--surface);width:min(280px,100vw - 96px);box-shadow:var(--card-shadow);color:var(--muted);white-space:normal;border-radius:3px;flex-direction:column;gap:8px;padding:12px;line-height:1.55;display:flex;position:absolute;top:calc(100% + 8px);left:0}.custom-home-grid .pipeline-support-info strong{color:var(--ink);font-weight:600}.custom-home-grid .pipeline-support-close{background:var(--result);height:24px;color:var(--accent);font:inherit;cursor:pointer;border:0;border-radius:2px;align-self:flex-end;padding:0 6px}.custom-home-grid .pipeline-controls{gap:6px}html .tool-workspace-page{--tool-page-width:calc(1200px - 2 * var(--page-gutter));--single-line-input-height:32px}html .tool-workspace-page #header-root,html .tool-workspace-page .tool-directory,html .tool-workspace-page .single-tool-page,html .tool-workspace-page .search-content{max-width:1200px}html .single-tool input:not([type=checkbox]){height:32px;min-height:32px;padding:3px 9px;line-height:22px}html .single-tool .calculator-input>.translate-link,html .single-tool .dns-input>.translate-link,html .single-tool .translation-footer>.translate-link{justify-content:center;align-items:center;height:32px;padding:0 12px}html .single-tool .calculator-card>.placeholder,html .single-tool .network-results>.placeholder,html .single-tool .time-card .placeholder{white-space:nowrap;height:32px;min-height:32px;max-height:32px;padding:5px 48px 5px 10px;line-height:22px}html .single-tool .time-conversion+.time-conversion{margin-top:16px;padding-top:0}html .single-tool .time-card .placeholder{margin-top:8px}html .single-tool textarea:placeholder-shown,html .single-tool .result-empty{overflow:hidden}html .single-tool pre.result-empty{white-space:pre-wrap;overflow-wrap:anywhere}html .single-tool .formatter-result-heading .result-heading{flex-wrap:nowrap}html .single-tool .formatter-output-controls{scrollbar-width:none;min-width:0;max-width:none}html .single-tool .formatter-output-controls::-webkit-scrollbar{display:none}html .single-tool .pipeline-card .input-heading-hint{white-space:nowrap;flex:0 auto}html .single-tool .time-card>p:last-child,html .single-tool .calculator-card>p:last-child,html .single-tool .translation-direction>p:last-child{font-size:var(--small-text-size);margin:16px 0 0;line-height:1.4}html .single-tool .formatter-result-heading .conversion-status{text-overflow:ellipsis;white-space:nowrap;max-width:86px;overflow:hidden}html .single-tool .single-line-output-text{scrollbar-width:none;white-space:nowrap;display:block;overflow:auto hidden}html .single-tool .single-line-output-text::-webkit-scrollbar{display:none}html .single-tool .single-line-output-text:has(.tool-error-notice){overflow:visible}html .single-tool .placeholder .tool-error-details{z-index:5;border:1px solid var(--line);background:var(--result);border-radius:2px;max-height:140px;margin-top:4px;padding:10px;position:absolute;top:100%;left:0;right:0;overflow:auto}html .single-tool .tool-error-notice{font-family:var(--ui-font)}html .single-tool .tool-error-summary{white-space:nowrap;align-items:center;gap:8px;display:flex}html .single-tool .tool-error-summary button{color:var(--accent);font:inherit;font-size:var(--small-text-size);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}html .single-tool .tool-error-details{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:8px;display:block}html .single-tool .calculator-history li{min-height:var(--single-line-input-height);padding:4.5px 48px 4.5px 10px;line-height:22px}html .single-tool .calculator-history li:last-child{border-bottom:1px solid #0000}html .single-tool .calculator-history li>.copy-action{top:50%;transform:translateY(-50%)}html .single-tool .formatter-output-controls{flex:0 auto;justify-content:safe flex-end;margin-left:auto}html .single-tool .formatter-result-heading .result-title-group{flex-wrap:nowrap;flex-shrink:1;min-width:0}html .single-tool .formatter-result-heading .conversion-status{min-width:0;max-width:48px}html .single-tool .formatter-result-heading .result-title-group>span:first-child{white-space:nowrap;flex-shrink:0}html .single-tool .formatter-output-controls{gap:4px}html .single-tool .pipeline-support{display:inline-block;position:relative}html .single-tool .pipeline-support-button{color:var(--accent);font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}html .single-tool .pipeline-support-button:focus-visible{outline:2px solid var(--focus);outline-offset:3px}html .single-tool .pipeline-support-info{z-index:10;border:1px solid var(--line);background:var(--surface);width:min(280px,100vw - 96px);box-shadow:var(--card-shadow);color:var(--muted);white-space:normal;border-radius:3px;flex-direction:column;gap:8px;padding:12px;line-height:1.55;display:flex;position:absolute;top:calc(100% + 8px);left:0}html .single-tool .pipeline-support-info strong{color:var(--ink);font-weight:600}html .single-tool .pipeline-support-close{background:var(--result);height:24px;color:var(--accent);font:inherit;cursor:pointer;border:0;border-radius:2px;align-self:flex-end;padding:0 6px}html .single-tool .pipeline-controls{gap:6px}html .single-tool .translation-direction textarea,html .single-tool .text-card textarea{height:clamp(200px,28vh,320px);min-height:200px}html .single-tool .pipeline-input,html .single-tool .pipeline-result pre{min-height:0;height:calc((var(--workspace-height) - 110px) / 2)}html .single-tool .paired-inputs textarea,html .single-tool .diff-result>pre{min-height:0;height:calc((var(--workspace-height) - 38px) / 2)}html .single-tool-page{--single-line-input-height:40px}html .single-tool-page .single-tool>article{padding:24px}html .single-tool-page .single-tool>article>.title+p{margin-bottom:20px}html .single-tool-page .single-tool input:not([type=checkbox]){height:var(--single-line-input-height);min-height:var(--single-line-input-height);padding:7px 9px;line-height:22px}html .single-tool-page .single-tool :is(.calculator-input,.dns-input,.translation-footer,.pipeline-controls)>.translate-link{height:var(--single-line-input-height);min-height:var(--single-line-input-height);justify-content:center;align-items:center;padding:0 12px;display:inline-flex}html .single-tool-page .single-tool .translation-footer{height:var(--single-line-input-height);flex-basis:var(--single-line-input-height);margin-top:16px}html .single-tool-page .single-tool :is(.calculator-card>.placeholder,.network-results>.placeholder,.time-card .placeholder){height:var(--single-line-input-height);min-height:var(--single-line-input-height);max-height:var(--single-line-input-height);padding:9px 48px 9px 10px;line-height:22px}html .single-tool-page .single-tool :is(.calculator-card>.placeholder,.time-card .placeholder,.network-results,.text-card .counts){margin-top:16px}html .single-tool-page .single-tool .time-conversion+.time-conversion{margin-top:24px}html .single-tool-page .single-tool :is(.result-heading-spaced,.diff-card>.result-heading,.pipeline-card .result-heading,.pipeline-input+.input-heading){margin-top:16px}html .single-tool-page .single-tool .calculator-history li{padding-top:8.5px;padding-bottom:8.5px}html .single-tool-page .pipeline-card .input-heading:has(.pipeline-supported-commands){grid-template-columns:auto minmax(0,1fr) auto auto;display:grid}html .single-tool-page .pipeline-card .input-heading:has(.pipeline-supported-commands) .input-heading-hint{white-space:normal;flex-wrap:wrap;align-items:center;gap:4px 12px;line-height:1.6;display:flex}html .single-tool-page .pipeline-supported-commands{min-width:0}@media (width<=700px){html .single-tool-page .pipeline-card .input-heading:has(.pipeline-supported-commands){grid-template-columns:minmax(0,1fr) auto auto}html .single-tool-page .pipeline-card .input-heading:has(.pipeline-supported-commands) .input-heading-controls{grid-area:1/2}html .single-tool-page .pipeline-card .input-heading:has(.pipeline-supported-commands)>.reset-button{grid-area:1/3}html .single-tool-page .pipeline-card .input-heading:has(.pipeline-supported-commands) .input-heading-hint{grid-area:2/1/auto/-1}}.input-options .stable-option-button{place-items:center;display:inline-grid}.stable-option-button>span{grid-area:1/1}.stable-option-button .option-width{visibility:hidden;font-weight:600}.custom-home-grid :is(.json-card,.yaml-card) .input-heading .input-options .stable-option-button,html .single-tool :is(.json-card,.yaml-card) .input-heading .input-options .stable-option-button,.custom-home-grid .diff-format-controls button.stable-option-button,html .single-tool .diff-format-controls button.stable-option-button{flex:none;width:auto}:root{--option-button-height:24px;--option-button-padding:6px}html body :is(.input-options button,.pipeline-controls .translate-link){height:var(--option-button-height);min-height:var(--option-button-height);width:auto;min-width:0;padding:0 var(--option-button-padding);color:var(--muted);font-family:var(--ui-font);font-size:var(--small-text-size);white-space:nowrap;background:0 0;border:0;border-radius:2px;flex:none;place-items:center;margin:0;font-weight:400;line-height:16px;display:inline-grid}html body .input-options{gap:2px}html body :is(.input-options button[aria-pressed=true],.pipeline-controls .translate-link:not(:disabled)){background:var(--result);color:var(--accent);font-weight:600}html body :is(.input-options button,.pipeline-controls .translate-link):hover:not(:disabled){background:var(--result);color:var(--accent)}html body :is(.input-options button,.pipeline-controls .translate-link):focus-visible{outline:2px solid var(--focus);outline-offset:-2px}html body :is(.custom-home-grid,.single-tool) .formatter-result-heading .result-heading{gap:8px;min-width:0}html body :is(.custom-home-grid,.single-tool) .formatter-result-heading .result-title-group{flex-wrap:nowrap;flex:none;max-width:45%}html body .formatter-result-heading .result-title-group>span:first-child{white-space:nowrap;flex-shrink:0}html body .formatter-result-heading .conversion-status{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:48px;overflow:hidden}html body .formatter-output-controls{gap:4px;min-width:0;overflow-x:auto}html body .formatter-result-heading .formatter-output-controls{flex:1 1 0;justify-content:safe flex-end;margin-left:auto}.result-dialog-header-with-controls{grid-template-columns:minmax(0,1fr) minmax(0,auto) auto}.result-dialog-header-with-controls h2{overflow-wrap:anywhere;min-width:0}.result-dialog-controls{max-width:100%}@media (width<=700px){.result-dialog-header-with-controls{grid-template-columns:minmax(0,1fr) auto}}.translation .translation-footer{flex:0 0 32px;align-items:center;gap:8px;height:32px;margin-top:8px;display:flex}.translation-direction-select{width:0;min-width:0;height:30px;color:var(--ink);font-family:var(--ui-font);font-size:var(--small-text-size);cursor:pointer;background:0 0;border:0;border-radius:2px;flex:1;padding:0 6px;font-weight:600}.translation-direction-select:disabled{color:var(--muted);cursor:default}.translation-direction-select:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.translation-direction-select option{background:var(--field);color:var(--ink)}.translation-footer>.translate-link{flex-shrink:0}html .translation .translation-direction>.translation-helper{min-height:34px;color:var(--muted);font-size:var(--small-text-size);flex-direction:column;flex-shrink:0;justify-content:flex-end;margin:8px 0 0;font-weight:400;line-height:1.4;display:flex}@media (width<=1000px){.translation-direction-select{font-size:16px}}.translation .translation-direction-select{appearance:none;font-family:inherit;line-height:inherit;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='m2 4 3 3 3-3' fill='none' stroke='%238d8275' stroke-width='1.3'/%3E%3C/svg%3E");background-position:right 4px center;background-repeat:no-repeat;padding:3px 18px 3px 0}.translation .translation-direction-select:hover{background-color:var(--result)}.translation .translation-needs-direction{color:var(--accent);background-color:var(--result);outline:1px solid var(--accent);outline-offset:-1px;padding-left:6px}html .translation .translation-direction>.translation-attention{color:var(--accent)}.translation .input-heading{display:flex}.translation .input-heading>label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.translation .input-heading-controls{flex:1;margin-left:0}.translation .translation-pair{width:100%}.translation .translation-pair select{flex:1;width:0;max-width:none}html body .tool-error-notice,html body .tool-attention,html body .syntax-error-output,html body .syntax-error-output>p,html body .syntax-error-output>pre{color:var(--accent)}.layout-smartphone-drag .title{touch-action:none}.layout-smartphone-drag.layout-editing .title{cursor:grab;-webkit-user-select:none;user-select:none}.layout-smartphone-drag .layout-dragging>article{cursor:grabbing}.layout-smartphone-drag .layout-dragging{outline:1px dashed var(--accent);outline-offset:-1px;border:0}.layout-smartphone-drag .layout-dragging>article{height:var(--home-card-height)}.layout-toolbar-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;min-height:28px;margin-bottom:12px;display:flex;position:relative}.layout-toolbar-right button{border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;font-size:var(--small-text-size);cursor:pointer;white-space:nowrap;border-radius:3px;padding:4px 6px;line-height:18px}.layout-toolbar-right .layout-edit-button{border-color:var(--accent);color:var(--accent);font-weight:600}.layout-toolbar-right .layout-edit-button[aria-pressed=true]{background:var(--result)}.layout-toolbar-right button:disabled{color:var(--muted);opacity:.5;cursor:default}.layout-toolbar-right button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.layout-toolbar-status{min-width:44px;color:var(--muted);font-size:var(--small-text-size);white-space:nowrap}.layout-hidden-popover{z-index:110;border:1px solid var(--line);background:var(--surface);border-radius:3px;width:260px;max-width:calc(100vw - 32px);padding:12px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 5px 18px #0000001a}.layout-hidden-popover>p{color:var(--muted);font-size:var(--small-text-size);margin:0 0 8px}.layout-hidden-list{flex-direction:column;align-items:stretch;gap:6px;display:flex}.layout-instruction-row{grid-template-columns:var(--layout-status-width,44px) minmax(0, 1fr) var(--layout-status-width,44px);flex-basis:100%;align-items:start;gap:8px;display:grid}.layout-instruction-row .layout-toolbar-status{text-align:right;grid-area:1/3;line-height:18px}.layout-toolbar-right .layout-drag-instruction{min-width:0;color:var(--accent);font-size:var(--small-text-size);text-align:center;grid-area:1/2;margin:0;line-height:1.5}.layout-drag-instruction-touch{display:none}.layout-toolbar-buttons{align-items:flex-start;gap:6px;max-width:100%;margin-left:auto;display:flex}.layout-toolbar-secondary{flex-wrap:wrap;justify-content:flex-end;gap:6px;min-width:0;display:flex}.layout-toolbar-buttons .layout-edit-button{flex-shrink:0;min-width:68px;display:inline-grid}.layout-edit-label,.layout-edit-width{text-align:center;grid-area:1/1}.layout-edit-width{visibility:hidden;font-weight:600}@media (pointer:coarse){.layout-drag-instruction-desktop{display:none}.layout-drag-instruction-touch{display:inline}}.layout-drag-instruction strong{font-weight:600}.layout-toolbar-right .layout-storage-instruction{color:var(--muted);font-size:var(--small-text-size);text-align:center;grid-area:2/1/auto/-1;margin:-4px 0 0;line-height:1.5}@media (width<=600px){.layout-instruction-row{grid-template-columns:minmax(0, 1fr) var(--layout-status-width,44px)}.layout-toolbar-right .layout-drag-instruction{grid-column:1}.layout-instruction-row .layout-toolbar-status{grid-column:2}}