:root{color:#16231a;background:#f9f5e9;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: oklch(24% .025 154);--muted: oklch(45% .03 154);--paper: oklch(97% .016 92);--paper-deep: oklch(91% .026 92);--line: oklch(75% .035 102);--leaf: oklch(43% .09 151);--leaf-deep: oklch(30% .065 151);--sun: oklch(72% .13 82);--focus: oklch(48% .16 248);--serif: Iowan Old Style, Palatino Linotype, Book Antiqua, Georgia, serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-24: 6rem}*{box-sizing:border-box}html{min-width:320px}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(circle at 94% 4%,oklch(89% .07 87) 0 10rem,transparent 10.1rem),var(--paper)}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.skip-link{position:fixed;z-index:10;top:-4rem;left:var(--space-4);padding:var(--space-2) var(--space-3);color:var(--paper);background:var(--ink)}.skip-link:focus{top:var(--space-4)}.site-frame{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.site-header,.site-footer,.page-shell,.tool-page{width:min(100% - 2rem,72rem);margin-inline:auto}.site-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-block:var(--space-6);border-bottom:1px solid var(--line)}.brand{font-family:var(--serif);font-size:1.4rem;font-weight:700;letter-spacing:-.06em;text-decoration:none}.brand span{color:var(--leaf)}.primary-nav,.site-footer nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-4)}.primary-nav a,.site-footer a{min-height:2.75rem;display:inline-flex;align-items:center;color:var(--muted);font-size:.875rem;font-weight:650;text-decoration:none}.primary-nav a:hover,.site-footer a:hover,.text-link:hover{color:var(--leaf-deep)}.page-shell,.tool-page{padding-block:clamp(var(--space-16),12vw,var(--space-24))}.page-shell{max-width:64rem}.eyebrow{margin:0 0 var(--space-3);color:var(--leaf-deep);font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}h1,h2,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:700;color:var(--ink)}h1{max-width:16ch;margin-bottom:var(--space-6);font-size:clamp(2.9rem,8vw,6.3rem);line-height:.9;letter-spacing:-.065em}h2{margin-bottom:var(--space-3);font-size:clamp(1.8rem,4vw,3.2rem);line-height:.98;letter-spacing:-.045em}.lead{max-width:48ch;margin-bottom:var(--space-8);color:var(--muted);font-size:clamp(1.125rem,2.6vw,1.5rem);line-height:1.55}.content-rule{width:min(16rem,45%);height:.4rem;margin-bottom:var(--space-8);background:var(--sun)}.body-copy{max-width:62ch;margin-bottom:var(--space-12);font-size:1rem;line-height:1.65}.next-up,.category-note{max-width:56rem;padding:clamp(var(--space-6),7vw,var(--space-12));color:#f2eee3;background:var(--leaf-deep)}.next-up h2,.category-note h2{color:inherit}.next-up p:not(.eyebrow),.category-note p{max-width:52ch;margin-bottom:var(--space-6);line-height:1.6}.next-up .eyebrow{color:#eed286}.tool-list{display:grid;gap:var(--space-2);padding:0;margin:var(--space-6) 0 0;list-style:none}.tool-list a{display:grid;gap:var(--space-1);padding:var(--space-3) 0;color:inherit;border-top:1px solid oklch(57% .055 151);text-decoration:none}.tool-list strong{font-family:var(--serif);font-size:1.35rem}.tool-list span{color:#ddd7c5}.text-link{display:inline-flex;min-height:2.75rem;align-items:center;gap:var(--space-2);color:inherit;font-weight:750;text-underline-offset:.22em}.tool-intro{max-width:56rem;margin-bottom:var(--space-12)}.tool-workspace{display:grid;gap:var(--space-8);padding:clamp(var(--space-6),7vw,var(--space-12));margin-bottom:var(--space-8);border:1px solid var(--line);background:color-mix(in oklch,var(--paper) 74%,var(--paper-deep));container-type:inline-size}.tool-workspace p{max-width:48ch;margin-bottom:0;line-height:1.6}.tool-workspace dl{margin:0;border-top:1px solid var(--line)}.tool-workspace dl div{display:flex;justify-content:space-between;gap:var(--space-3);padding-block:var(--space-3);border-bottom:1px solid var(--line)}.tool-workspace dt{color:var(--muted)}.tool-workspace dd{margin:0;font-weight:750}.compress-workspace{display:grid;gap:var(--space-8);margin-bottom:var(--space-8);padding:clamp(var(--space-6),6vw,var(--space-12));background:color-mix(in oklch,var(--paper) 70%,var(--paper-deep));border:1px solid var(--line)}.compress-workspace h2{font-size:clamp(1.7rem,3vw,2.5rem)}.upload-column,.control-column{display:grid;gap:var(--space-4);align-content:start}.file-drop{display:grid;min-height:11rem;align-content:center;gap:var(--space-2);padding:var(--space-6);border:2px dashed var(--leaf);cursor:pointer}.visually-hidden:focus-visible+.file-drop{outline:3px solid var(--focus);outline-offset:3px}.file-drop span,.file-drop small,.field-help{color:var(--muted);font-size:.875rem}.file-drop strong{font-size:1.15rem;overflow-wrap:anywhere}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.image-preview{width:100%;max-height:19rem;object-fit:contain;background:var(--paper-deep)}.control-column label{font-weight:750}.target-inputs{display:grid;grid-template-columns:minmax(0,1fr) auto}.target-inputs input{min-height:3rem;padding:0 var(--space-3);color:var(--ink);background:var(--paper);border:1px solid var(--line);font:inherit}.target-inputs input{min-width:0;border-right:0}.target-value{margin:0;font-family:var(--serif);font-size:clamp(2.5rem,7vw,4rem);font-weight:700;letter-spacing:-.06em}.primary-action,.secondary-action{min-height:3rem;padding:var(--space-2) var(--space-4);border:0;font:inherit;font-weight:800;cursor:pointer}.primary-action{color:var(--paper);background:var(--leaf-deep)}.primary-action:disabled{opacity:.55;cursor:not-allowed}.secondary-action{color:var(--leaf-deep);background:var(--sun)}.tool-error{margin:0;color:#90101a;font-weight:650;line-height:1.5}.image-facts,.dimension-result{margin:0;color:var(--muted);font-size:.9rem;line-height:1.5}.choice-set{display:flex;flex-wrap:wrap;gap:var(--space-3);padding:0;margin:0;border:0}.choice-set legend{width:100%;margin-bottom:var(--space-1);font-weight:750}.choice-set label,.checkbox-row{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:650}.dimension-inputs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:var(--space-2)}.dimension-inputs label,.control-column>label{display:grid;gap:var(--space-2)}.dimension-inputs input,.control-column input[type=number]{width:100%;min-height:3rem;padding:0 var(--space-3);color:var(--ink);background:var(--paper);border:1px solid var(--line);font:inherit}.preset-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.preset-button,.text-action{min-height:2.5rem;padding:var(--space-2) var(--space-3);color:var(--leaf-deep);background:transparent;border:1px solid currentColor;font:inherit;font-weight:750;cursor:pointer}.text-action{justify-self:start;border:0;text-decoration:underline;text-underline-offset:.2em}.text-action.inverted{color:#f5f2e7}.control-column input[type=range]{width:100%;accent-color:var(--leaf)}.result-panel{padding:clamp(var(--space-6),6vw,var(--space-12));margin-bottom:var(--space-8);color:#f5f2e7;background:var(--leaf-deep)}.result-panel h2{color:inherit}.result-panel p:not(.eyebrow){max-width:62ch;line-height:1.6}.result-panel .eyebrow{color:#eed286}.result-preview{margin-block:var(--space-4)}.result-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.tool-explainer{max-width:62ch;margin-bottom:var(--space-12)}.tool-explainer p{line-height:1.65}.tool-explainer ol{display:grid;gap:var(--space-2);padding-left:1.3rem;margin:0 0 var(--space-6);line-height:1.6}.tool-faq{max-width:62ch;margin-bottom:var(--space-12)}.tool-faq details{padding:var(--space-4) 0;border-top:1px solid var(--line)}.tool-faq details:last-child{border-bottom:1px solid var(--line)}.tool-faq summary{cursor:pointer;font-weight:750}.tool-faq p{margin:var(--space-3) 0 0;color:var(--muted);line-height:1.6}.related-tools{display:grid;max-width:62ch;gap:var(--space-2);margin-bottom:var(--space-12)}.related-tools h2{margin-bottom:var(--space-2)}.related-tools a{display:grid;gap:var(--space-1);padding:var(--space-3) 0;border-top:1px solid var(--line);text-decoration:none}.related-tools a:last-child{border-bottom:1px solid var(--line)}.related-tools strong{font-family:var(--serif);font-size:1.25rem}.metadata-summary{margin:0;color:var(--muted);font-size:1.1rem;line-height:1.55}.metadata-panel{display:grid;gap:var(--space-6);margin-bottom:var(--space-8);padding:clamp(var(--space-6),6vw,var(--space-12));background:color-mix(in oklch,var(--paper) 70%,var(--paper-deep));border:1px solid var(--line)}.metadata-panel-heading{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:var(--space-4)}.metadata-panel-heading h2{margin:0}.metadata-panel-heading label{display:grid;min-width:min(100%,18rem);gap:var(--space-2);font-weight:750}.metadata-panel-heading input{min-height:2.75rem;padding:0 var(--space-3);color:var(--ink);background:var(--paper);border:1px solid var(--line);font:inherit}.privacy-alert{display:grid;gap:var(--space-2);padding:var(--space-4);color:#691211;background:#ffe1ce;background:oklch(93% .06 55);border-left:.35rem solid oklch(62% .16 47);line-height:1.5}.metadata-group{display:grid;gap:var(--space-2)}.metadata-group h3{margin:0;font-family:var(--serif);font-size:1.45rem}.metadata-group dl{margin:0;border-top:1px solid var(--line)}.metadata-group dl div{display:grid;grid-template-columns:minmax(7rem,.65fr) minmax(0,1.35fr);gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--line)}.metadata-group dt{font-weight:750}.metadata-group dt small{display:block;margin-top:var(--space-1);color:var(--muted);font-weight:500}.metadata-group dd{display:flex;min-width:0;margin:0;gap:var(--space-3);justify-content:space-between;overflow-wrap:anywhere}.metadata-group .sensitive{color:#761615}.copy-field{flex:0 0 auto;align-self:start;padding:0;color:var(--leaf-deep);background:transparent;border:0;font:inherit;font-weight:750;text-decoration:underline;cursor:pointer}.metadata-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);color:var(--muted)}.metadata-limits{margin:0;color:var(--muted);line-height:1.6}@media (max-width: 34rem){.metadata-group dl div{grid-template-columns:1fr;gap:var(--space-2)}.metadata-group dd{display:grid}.copy-field{justify-self:start}}.text-workspace textarea{width:100%;min-height:10rem;resize:vertical;padding:var(--space-3);color:var(--ink);background:var(--paper);border:1px solid var(--line);font:inherit;line-height:1.5}.text-workspace label{font-weight:700}.text-output{grid-column:1 / -1;display:grid;gap:var(--space-3)}.url-change-preview{max-height:8rem;padding:.65rem .75rem;overflow:auto;color:#2c3b55;background:#f5f8fc;border:1px solid #d6e1ef;border-radius:.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;line-height:1.55;overflow-wrap:anywhere}.url-change-preview span{white-space:pre-wrap}.url-change-added{color:#165b3d;background:#d9f5e7}.url-change-removed{color:#942f3e;background:#fde3e6}.diff-workspace{display:grid;gap:var(--space-4);margin-bottom:var(--space-8)}.diff-workspace>div{display:grid;gap:var(--space-2)}.diff-workspace textarea{min-height:13rem;padding:var(--space-3);border:1px solid var(--line);background:var(--paper);color:var(--ink);font:inherit;line-height:1.5;resize:vertical}.diff-workspace label{font-weight:750}.diff-result{margin-bottom:var(--space-8);padding:var(--space-6);background:var(--paper-deep);overflow-x:auto}.diff-result ol{margin:0;padding:0;list-style:none;font-family:ui-monospace,monospace}.diff-result li{display:grid;grid-template-columns:1.5rem minmax(0,1fr);padding:.15rem var(--space-2);white-space:pre-wrap;overflow-wrap:anywhere}.diff-added{background:#b7e6b7}.diff-removed{background:#ffd5d0;background:oklch(91% .07 25)}@media (min-width: 48rem){.diff-workspace{grid-template-columns:1fr 1fr}.diff-workspace button{grid-column:1 / -1;justify-self:start}}.not-found{min-height:52vh}.site-footer{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-3) var(--space-6);padding-block:var(--space-8) max(var(--space-8),env(safe-area-inset-bottom));border-top:1px solid var(--line)}.site-footer p{margin:0;color:var(--muted);font-size:.875rem}@container (min-width: 38rem){.tool-workspace{grid-template-columns:minmax(0,1.4fr) minmax(14rem,.8fr);align-items:end}}@media (min-width: 48rem){.compress-workspace{grid-template-columns:minmax(0,1.35fr) minmax(16rem,.8fr);align-items:start}}@media (min-width: 48rem){.site-header,.site-footer,.page-shell,.tool-page{width:min(100% - 5rem,72rem)}}@media (hover: hover){.primary-nav a,.site-footer a,.text-link{transition:color .15s cubic-bezier(.25,1,.5,1)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{color:#172033;background:#edf2f7;font-family:Avenir Next,Segoe UI,ui-sans-serif,system-ui,sans-serif;--ink: #172033;--muted: #5d6b82;--paper: #ffffff;--paper-deep: #f4f7fb;--line: #d7e0ec;--leaf: #1c9b68;--leaf-deep: #117553;--sun: #f8c857;--focus: #2563eb;--serif: "Avenir Next", "Segoe UI", ui-sans-serif, system-ui, sans-serif;--navy: #152238;--blue: #2563eb;--blue-deep: #194bbd;--blue-pale: #e8f0ff;--danger: #c43a48;--canvas: #edf2f7;--grid-line: #dfe7f1;--surface: #ffffff;--surface-subtle: #f4f7fb;--surface-editor: #f9fbfe;--surface-code: #f5f8fc;--surface-toolbar: #edf3fa;--border-panel: #d4deeb;--border-control: #b9c7d9;--border-subtle: #d6e1ef;--divider: #e1e8f1;--text-control: #40506a;--text-option: #52627a;--text-editor: #23344f;--text-placeholder: #8291a7;--on-dark: #ffffff}body{background-color:var(--canvas);background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:2rem 2rem}.site-header,.site-footer,.page-shell,.tool-page{width:min(100% - 2rem,78rem)}.site-header{min-height:4.5rem;margin-top:.75rem;padding:.65rem 1rem;background:color-mix(in srgb,var(--surface) 94%,var(--blue-pale));border:1px solid var(--border-panel);border-radius:.85rem;box-shadow:0 .35rem 1.2rem #1e314e12}.brand{display:inline-flex;min-height:2.75rem;align-items:center;gap:.45rem;color:var(--navy);font-family:inherit;font-size:1.05rem;font-weight:850;letter-spacing:-.035em}.brand:before{width:1.65rem;height:1.65rem;border-radius:.45rem;background:linear-gradient(135deg,var(--blue) 0 47%,#78a3ff 47% 54%,var(--navy) 54%);content:""}.brand span{color:var(--blue)}.primary-nav{gap:.25rem}.primary-nav a{min-height:2.4rem;padding:0 .7rem;color:var(--text-control);border-radius:.5rem;font-size:.875rem;font-weight:750}.primary-nav a:hover{color:var(--blue-deep);background:var(--blue-pale)}.page-shell,.tool-page{padding-block:clamp(1.5rem,4vw,3.5rem) clamp(3rem,6vw,5rem)}h1,h2{font-family:inherit;color:var(--navy)}h1{max-width:24ch;margin-bottom:.8rem;font-size:clamp(2.1rem,4.2vw,3.85rem);line-height:1.02;letter-spacing:-.055em}h2{margin-bottom:.65rem;font-size:clamp(1.35rem,2.5vw,2.1rem);line-height:1.1;letter-spacing:-.035em}.eyebrow{color:var(--blue-deep);font-size:.7rem;letter-spacing:.1em}.lead{max-width:58ch;margin-bottom:.85rem;color:#45546a;font-size:clamp(1rem,1.7vw,1.25rem);line-height:1.55}.body-copy{max-width:64ch;margin-bottom:0;color:#637189;font-size:.95rem;line-height:1.6}.content-rule{display:none}.content-hero{max-width:60rem;margin-bottom:clamp(1.5rem,4vw,2.75rem)}.page-home .content-hero{padding:clamp(1.35rem,3vw,2.4rem);background:var(--navy);border-radius:1rem;box-shadow:0 .9rem 2rem #15223824}.page-home .content-hero h1{color:var(--on-dark);max-width:17ch}.page-home .content-hero .lead{color:#d5e1f4}.page-home .content-hero .body-copy{color:#aebfd8}.page-home .content-hero .eyebrow{color:#91b6ff}.tool-launchpad,.tool-directory,.home-tool-directory,.content-facts,.contact-channel{padding:clamp(1.2rem,3vw,2rem);background:var(--surface);border:1px solid var(--border-panel);border-radius:1rem;box-shadow:0 .55rem 1.5rem #1e314e0f}.home-tool-directory{margin-bottom:1.25rem}.home-tool-list{margin-top:1.1rem}.content-facts{display:grid;gap:1rem;margin-top:1.25rem}.content-facts article{padding-top:1rem;border-top:1px solid var(--border-subtle)}.content-facts article:first-child{padding-top:0;border-top:0}.content-facts h2{margin-bottom:.35rem;font-size:1.05rem}.content-facts p{max-width:70ch;margin:0;color:var(--muted);line-height:1.6}.contact-channel{display:grid;gap:.45rem;margin-top:1.25rem}.contact-channel h2{margin:0}.contact-email{width:fit-content;color:var(--blue-deep);font-size:1.15rem;font-weight:800}.tool-launchpad{display:grid;gap:1.25rem}.tool-launchpad h2{margin:0}.launchpad-links{display:grid;gap:.75rem}.launchpad-links a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.2rem 1rem;padding:1rem;color:var(--ink);background:var(--paper-deep);border:1px solid #dce5f0;border-radius:.7rem;text-decoration:none}.launchpad-links a:hover{border-color:#8fb0f0;background:var(--blue-pale)}.launchpad-links strong{font-size:1rem}.launchpad-links span{color:var(--muted);font-size:.9rem;line-height:1.45}.launchpad-links b{grid-column:2;grid-row:1 / span 2;align-self:center;color:var(--blue);font-size:.82rem}.directory-heading{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:.75rem 2rem;margin-bottom:1.25rem}.directory-heading h2{margin:0}.directory-heading>p{max-width:34rem;margin:0;color:var(--muted);font-size:.9rem;line-height:1.5}.tool-list{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:11.5rem;align-items:stretch;gap:.85rem;margin:0;border:0}.tool-list>li{min-width:0;min-height:0}.tool-list .tool-card{position:relative;display:grid;grid-template-columns:2.1rem minmax(0,1fr) 1.7rem;grid-template-rows:auto 1fr;width:100%;height:100%;min-width:0;gap:0 .8rem;padding:1.15rem;overflow:hidden;color:#f5f8ff;background:#002fa7;border:1px solid #2857c4;border-radius:.8rem;box-shadow:0 .3rem .75rem #002fa738;text-decoration:none;transition:border-color .18s cubic-bezier(.25,1,.5,1),background-color .18s cubic-bezier(.25,1,.5,1),box-shadow .18s cubic-bezier(.25,1,.5,1),transform .18s cubic-bezier(.25,1,.5,1)}.tool-list .tool-card:after{position:absolute;right:-2.8rem;bottom:-3.6rem;width:7.5rem;height:7.5rem;opacity:.72;background:radial-gradient(circle,rgb(255 255 255 / 24%),transparent 68%);content:"";pointer-events:none;transition:transform .22s cubic-bezier(.25,1,.5,1),opacity .18s cubic-bezier(.25,1,.5,1)}.tool-list>li:nth-child(2n) .tool-card{border-left:1px solid #dce5f0}.tool-card-copy{position:relative;z-index:1;display:grid;grid-column:2;grid-row:1 / -1;min-width:0;align-content:start;gap:.52rem}.tool-card-copy strong{color:#f5f8ff;font-size:1.08rem;font-weight:825;letter-spacing:-.03em;line-height:1.22;text-wrap:balance}.tool-card-copy>span{color:#dbe6ff;font-size:.9rem;line-height:1.5}.tool-card-number{position:relative;z-index:1;display:grid;grid-column:1;grid-row:1;place-items:center;width:1.85rem;height:1.85rem;color:#f2f6ff;background:#ffffff29;border:1px solid rgb(255 255 255 / 20%);border-radius:.5rem;font-size:.68rem;font-weight:850;font-variant-numeric:tabular-nums}.tool-card-status{position:relative;z-index:1;display:inline-flex;grid-column:3;grid-row:1;align-items:center;justify-self:end;gap:.28rem;padding-top:.16rem;color:#dbe6ff;font-size:.62rem;font-weight:850;letter-spacing:.075em;text-transform:uppercase}.tool-card-status i{width:.38rem;height:.38rem;background:#a9ddc4;border-radius:999px;box-shadow:0 0 0 .18rem #a9ddc429}.tool-card-action{position:relative;z-index:1;display:inline-flex;grid-column:3;grid-row:2;align-self:end;align-items:center;justify-self:end;gap:.32rem;min-height:1.7rem;padding:.22rem .42rem .22rem .5rem;color:#f2f6ff;background:#ffffff21;border:1px solid rgb(255 255 255 / 32%);border-radius:999px;box-shadow:0 .14rem .32rem #113b932e;font-size:.7rem;font-weight:800}.tool-card-action b{font-size:1.05rem;font-weight:850;line-height:1;transition:transform .16s cubic-bezier(.25,1,.5,1)}@media (hover: hover){.tool-list .tool-card:hover{background:#1044bd;border-color:#7197f4;box-shadow:0 .85rem 1.6rem #002fa752;transform:translateY(-3px)}.tool-list .tool-card:hover:after{opacity:1;transform:translate(-.8rem,-.8rem) scale(1.15)}.tool-list .tool-card:hover .tool-card-action{color:#002fa7;background:#f5f8ff;border-color:#f5f8ff}.tool-list .tool-card:hover .tool-card-action b{transform:translate(2px)}}@media (min-width: 70rem){.tool-list{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:12rem}}.tool-intro{max-width:70rem;margin-bottom:1.25rem}.tool-page .tool-intro h1{max-width:28ch;font-size:clamp(1.9rem,3.3vw,3rem)}.tool-page .tool-intro .lead{margin-bottom:0}.compress-workspace,.tool-workspace,.metadata-panel{gap:1.15rem;padding:clamp(1rem,3vw,1.75rem);margin-bottom:1.25rem;background:var(--surface);border:1px solid var(--border-panel);border-radius:.9rem;box-shadow:0 .6rem 1.5rem #1e314e0f}.compress-workspace{container-type:inline-size}.compress-workspace h2{margin:0;font-size:1.1rem;letter-spacing:-.02em}.upload-column,.control-column{gap:.8rem}.file-drop{min-height:9rem;padding:1.15rem;color:var(--navy);background:#f7faff;border:2px dashed #6f9df4;border-radius:.7rem;transition:background .15s ease,border-color .15s ease}.file-drop:hover{background:#edf4ff;border-color:var(--blue)}.file-drop strong{font-size:1rem}.file-drop span,.file-drop small,.field-help{color:var(--muted)}.visually-hidden:focus-visible+.file-drop,.file-drop:has(+.visually-hidden:focus-visible){outline:3px solid var(--focus);outline-offset:3px}.image-preview{border:1px solid #d7e0ec;border-radius:.6rem;background:#f2f5f9}.target-inputs input,.dimension-inputs input,.control-column input:not(.visually-hidden),.metadata-panel-heading input,.text-workspace textarea,.diff-workspace textarea{color:var(--ink);background:var(--surface);border-color:var(--border-control);border-radius:.45rem}.target-inputs input{border-radius:.45rem 0 0 .45rem}.target-value{color:var(--navy);font-family:inherit;font-size:2.25rem;letter-spacing:-.06em}.primary-action,.secondary-action{min-height:3.05rem;border-radius:.5rem;font-weight:800}.primary-action{color:var(--on-dark);background:var(--blue);box-shadow:inset 0 -1px #0000002e}.primary-action:hover:not(:disabled){background:var(--blue-deep)}.secondary-action{color:var(--on-dark);background:var(--navy)}.secondary-action:hover{background:#253b61}.preset-button,.text-action{color:var(--blue-deep);border-color:#b9c9e0;border-radius:.45rem}.text-action{border:0}.choice-set{gap:.65rem 1rem}.choice-set label,.checkbox-row{color:#34435a}.result-panel{padding:clamp(1rem,3vw,1.75rem);margin-bottom:1.25rem;color:var(--on-dark);background:var(--navy);border:1px solid #263e64;border-radius:.9rem;box-shadow:0 .7rem 1.6rem #15223824}.result-panel h2{color:var(--on-dark)}.result-panel .eyebrow{color:#9ebdff}.result-panel .secondary-action{color:var(--navy);background:#a7c4ff}.result-panel .secondary-action:hover{background:#c3d7ff}.tool-explainer,.tool-faq,.related-tools{max-width:68rem;margin-bottom:2rem}.tool-explainer{padding-top:.5rem}.tool-explainer p,.tool-faq p{color:var(--muted)}.tool-faq details,.related-tools a{border-color:var(--border-panel)}.related-tools strong{font-family:inherit;font-size:1rem}.related-tools a:hover{color:var(--blue-deep)}.related-tools span{color:var(--muted)}.metadata-panel{background:var(--surface)}.privacy-alert{color:#733e18;background:#fff2d9;border-left-color:#e4a335;border-radius:.45rem}.metadata-group h3{font-family:inherit;font-size:1.05rem}.copy-field{color:var(--blue-deep)}.metadata-group .sensitive{color:var(--danger)}.site-footer{margin-top:1rem;padding-block:1.5rem max(1.5rem,env(safe-area-inset-bottom));border-top:1px solid #cad5e4}.site-footer p,.site-footer a{color:#65738a}.site-footer a:hover{color:var(--blue-deep)}.control-section{display:grid;gap:.55rem;min-width:0;padding:0;margin:0;border:0}.control-section legend{padding:0;color:var(--text-control);font-size:.78rem;font-weight:800;letter-spacing:.025em}.resize-controls>.control-section+.control-section,.convert-controls>.control-section+.control-section{padding-top:.8rem;border-top:1px solid var(--divider)}.segmented-control,.unit-segments{display:inline-flex;width:fit-content;max-width:100%;min-height:2.9rem;padding:.2rem;overflow:auto hidden;background:var(--surface-toolbar);border:1px solid #cfdaea;border-radius:.6rem}.segmented-control button,.unit-segments button{position:relative;z-index:0;min-height:2.4rem;padding:.4rem .8rem;color:var(--text-option);background:transparent;border:0;border-radius:.42rem;font:inherit;font-size:.83rem;font-weight:800;line-height:1;white-space:nowrap;cursor:pointer;transition:color .16s cubic-bezier(.25,1,.5,1),background-color .16s cubic-bezier(.25,1,.5,1),transform .16s cubic-bezier(.25,1,.5,1),box-shadow .16s cubic-bezier(.25,1,.5,1)}.segmented-control button.active,.unit-segments button.active{color:var(--on-dark);background:var(--blue);box-shadow:0 .12rem .32rem #194bbd3d}.segmented-control button:disabled,.unit-segments button:disabled,.toggle-control:disabled{opacity:.45;cursor:not-allowed}.target-inputs{grid-template-columns:minmax(0,1fr) auto}.target-inputs .unit-segments{min-height:3rem;border-radius:0 .45rem .45rem 0}.target-inputs .unit-segments button{min-height:2.45rem}.toggle-stack{gap:.45rem}.toggle-control{display:inline-flex;align-items:center;justify-self:start;min-height:2.75rem;gap:.6rem;padding:.45rem .05rem;color:var(--text-control);background:transparent;border:0;font:inherit;font-size:.88rem;font-weight:750;text-align:left;cursor:pointer}.toggle-control>span{display:grid;flex:0 0 auto;place-items:center;width:1.28rem;height:1.28rem;color:var(--on-dark);background:var(--surface);border:1.5px solid #9aacc5;border-radius:.35rem;box-shadow:inset 0 0 0 1px #fffc;transition:background-color .16s cubic-bezier(.25,1,.5,1),border-color .16s cubic-bezier(.25,1,.5,1),transform .16s cubic-bezier(.25,1,.5,1)}.toggle-control.active>span{background:var(--blue);border-color:var(--blue)}.toggle-control.active>span:after{content:"✓";font-size:.82rem;font-weight:900;transform:translateY(-.03rem)}.quality-control{grid-template-columns:minmax(0,1fr) auto;align-items:baseline}.quality-control input{grid-column:1 / -1}.quality-control span{color:var(--blue-deep);font-size:.8rem;font-weight:850}.control-column input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.control-column input[type=number]::-webkit-inner-spin-button,.control-column input[type=number]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.quality-control input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:2.75rem;padding:0;background:transparent;cursor:pointer}.quality-control input[type=range]::-webkit-slider-runnable-track{height:.42rem;background:#c8d7ef;border:1px solid #a9bddc;border-radius:999px}.quality-control input[type=range]::-webkit-slider-thumb{width:1.25rem;height:1.25rem;margin-top:-.46rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--blue);border:3px solid var(--surface);border-radius:50%;box-shadow:0 0 0 1px #244f9d,0 .18rem .4rem #194bbd3d}.quality-control input[type=range]::-moz-range-track{height:.42rem;background:#c8d7ef;border:1px solid #a9bddc;border-radius:999px}.quality-control input[type=range]::-moz-range-progress{height:.42rem;background:var(--blue);border-radius:999px}.quality-control input[type=range]::-moz-range-thumb{width:.9rem;height:.9rem;background:var(--blue);border:3px solid var(--surface);border-radius:50%;box-shadow:0 0 0 1px #244f9d}.hex-color-control{display:grid;grid-template-columns:2.7rem minmax(0,1fr);align-items:center;gap:.45rem .65rem;min-width:min(100%,18rem);color:var(--text-control);font-size:.82rem;font-weight:800}.hex-color-swatch{grid-row:1 / span 2;width:2.7rem;height:2.7rem;background-image:linear-gradient(45deg,#e5ebf5 25%,transparent 25%),linear-gradient(-45deg,#e5ebf5 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e5ebf5 75%),linear-gradient(-45deg,transparent 75%,#e5ebf5 75%);background-position:0 0,0 .35rem,.35rem -.35rem,-.35rem 0;background-size:.7rem .7rem;border:1px solid #9aacc5;border-radius:.5rem;box-shadow:inset 0 0 0 .2rem #ffffffb3}.hex-color-control input{min-width:0;min-height:2.65rem;padding:0 .7rem;color:var(--ink);background:var(--surface);border:1px solid var(--border-control);border-radius:.45rem;font:800 .9rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:lowercase}.tool-faq summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:2.75rem;list-style:none}.tool-faq summary::-webkit-details-marker{display:none}.tool-faq summary:after{content:"+";flex:0 0 auto;color:var(--blue);font-size:1.35rem;font-weight:500;line-height:1;transition:transform .16s cubic-bezier(.25,1,.5,1)}.tool-faq details[open] summary:after{transform:rotate(45deg)}.field-heading,.workspace-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem}.field-heading label{font-weight:800}.workspace-heading h2{margin:0}.sample-action{min-height:2.5rem;padding:.4rem .65rem;color:var(--blue-deep);background:#f5f8ff;border:1px solid #b8cbef;border-radius:.45rem;font:inherit;font-size:.79rem;font-weight:800;cursor:pointer;transition:color .16s cubic-bezier(.25,1,.5,1),background-color .16s cubic-bezier(.25,1,.5,1),border-color .16s cubic-bezier(.25,1,.5,1),transform .16s cubic-bezier(.25,1,.5,1)}.upload-column>.sample-action{justify-self:start;margin-top:-.2rem}.compression-progress{display:grid;gap:.45rem;margin-top:.1rem;padding:.75rem;color:var(--text-control);background:#eef4fc;border:1px solid #cbdaf0;border-radius:.55rem}.compression-progress-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:.78rem;font-weight:750}.compression-progress-heading strong{color:var(--blue-deep);font-variant-numeric:tabular-nums}.compression-progress-track{height:.45rem;overflow:hidden;background:#d6e2f2;border-radius:999px}.compression-progress-track span{display:block;height:100%;background:var(--blue);border-radius:inherit;transition:width .18s ease}.compression-progress .text-action{justify-self:start;min-height:2.15rem;padding-inline:0;font-size:.78rem}.uuid-output{max-height:34rem}.uuid-list{display:grid;gap:0;max-height:18rem;padding:0;margin:0;overflow:auto;list-style:none;border-top:1px solid #dce5f0}.uuid-list li{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-width:0;padding:.55rem 0;border-bottom:1px solid #dce5f0}.uuid-list code{min-width:0;overflow-wrap:anywhere;color:var(--navy);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.uuid-list .text-action{flex:0 0 auto;min-height:2.25rem}.json-workspace{align-items:stretch}.inline-actions{display:inline-flex;flex-wrap:wrap;gap:.5rem}.json-input-column{min-width:0}.json-input-heading{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:.65rem 1rem}.field-kicker{margin:0 0 .18rem;color:#6b7b94;font-size:.67rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.json-input-heading label{display:block;color:var(--navy);font-size:1.08rem;font-weight:850;letter-spacing:-.02em}.json-editor-shell{display:grid;min-width:0;overflow:hidden;background:#f8faff;border:1px solid #bdcce0;border-radius:.7rem;box-shadow:inset 0 1px #ffffffe5,0 .28rem .7rem #223b5e0d;transition:border-color .16s cubic-bezier(.25,1,.5,1),box-shadow .16s cubic-bezier(.25,1,.5,1),background-color .16s cubic-bezier(.25,1,.5,1)}.json-editor-shell:focus-within{background:#fff;border-color:var(--blue);box-shadow:0 0 0 .22rem #2563eb24,inset 0 1px #ffffffe5}.json-editor{width:100%;min-width:0;min-height:20rem!important;padding:1rem 1.05rem;resize:vertical;color:#23344f;background:transparent;border:0;outline:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important;font-size:.88rem;line-height:1.65;-moz-tab-size:2;tab-size:2}.json-editor::placeholder{color:#8291a7;opacity:1}.json-editor-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.35rem 1rem;padding:.55rem .8rem;color:#697a92;background:#edf3fa;border-top:1px solid #d5e0ee;font-size:.72rem;font-weight:700;line-height:1.4}.json-format-options{padding-top:.85rem;border-top:1px solid #e1e8f1}.json-option-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem 1rem}.json-action-panel{display:grid;align-content:start;gap:1rem;min-width:0;padding:1.1rem;color:#dbe6fb;background:var(--navy);border:1px solid #263e64;border-radius:.72rem;box-shadow:0 .5rem 1.15rem #15223821}.json-action-panel h2{margin:0;color:#fff;font-size:clamp(1.3rem,2vw,1.7rem)}.json-action-panel>div:first-child>p:last-child{margin:.45rem 0 0;color:#b8c9e6;font-size:.86rem;line-height:1.5}.json-action-panel .field-kicker{color:#9ebdff}.json-primary-actions{display:grid;gap:.55rem}.json-primary-actions .primary-action,.json-primary-actions .secondary-action{width:100%;min-height:3.1rem}.json-primary-actions .secondary-action{color:#fff;background:#304464;border:1px solid #536c93}.json-primary-actions .secondary-action:hover{background:#3a5278}.json-utility-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;padding-top:.95rem;border-top:1px solid rgb(206 220 243 / 20%)}.json-utility-actions button{min-height:2.5rem;padding:.35rem .45rem;color:#dce8fd;background:transparent;border:1px solid #496382;border-radius:.45rem;font:inherit;font-size:.77rem;font-weight:800;cursor:pointer;transition:color .16s cubic-bezier(.25,1,.5,1),background-color .16s cubic-bezier(.25,1,.5,1),border-color .16s cubic-bezier(.25,1,.5,1)}.json-shortcuts{padding-top:.1rem;margin:0;color:#afc0dd;font-size:.72rem;line-height:1.85}.json-shortcuts kbd{display:inline-block;min-width:1.25rem;padding:.03rem .22rem;color:#dce8fd;background:#263a59;border:1px solid #496382;border-bottom-color:#6581aa;border-radius:.22rem;font-family:inherit;font-size:.66rem;font-weight:800;text-align:center}.json-action-panel .field-kicker+h2{margin-bottom:0}.json-error{grid-column:1 / -1;margin:0}.json-output{gap:1rem}.json-output h2{margin-bottom:0}.json-lines{max-height:34rem;overflow:auto;padding:.75rem 0;color:#23344f;background:#f5f8fc;border:1px solid #d6e1ef;border-radius:.55rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;line-height:1.65}.json-lines>div{display:grid;grid-template-columns:3.5rem minmax(0,1fr);min-width:max-content;padding-right:1rem}.json-lines>div>span{padding-right:.75rem;color:#7b8aa0;text-align:right;-webkit-user-select:none;user-select:none}.json-lines code{color:inherit;white-space:pre}.json-lines:not(.json-no-wrap) code{white-space:pre-wrap;overflow-wrap:anywhere}.json-lines.json-no-wrap{overflow:auto}.json-lines .json-key{color:#165bc7}.json-lines .json-string{color:#9e3d1f}.json-lines .json-number{color:#7a3ea8}.json-lines .json-literal{color:#14735c;font-weight:750}.json-tree{display:grid;gap:.15rem;max-height:34rem;padding:.75rem;margin:0;overflow:auto;color:#2d3c54;background:#f5f8fc;border:1px solid #d6e1ef;border-radius:.55rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.84rem;line-height:1.55;list-style:none}.json-tree ul{display:grid;gap:.15rem;padding-left:1.25rem;margin:.15rem 0 0;list-style:none}.json-tree-node{min-width:max-content}.json-tree-toggle{display:inline-flex;min-height:2rem;align-items:center;gap:.45rem;padding:.15rem .3rem;color:#31425c;background:transparent;border:0;border-radius:.3rem;font:inherit;cursor:pointer}.json-tree-toggle:hover{color:var(--blue-deep);background:#e7effe}.json-tree-toggle>span{display:grid;place-items:center;width:1.1rem;height:1.1rem;color:#fff;background:var(--blue);border-radius:.22rem;font-weight:800}.json-tree-key{color:#165bc7}.json-tree-value.json-string{color:#9e3d1f}.json-tree-value.json-number{color:#7a3ea8}.json-tree-value.json-boolean,.json-tree-value.json-null{color:#14735c;font-weight:750}.timestamp-now-strip{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem 1.5rem;padding:1rem 1.25rem;margin-bottom:1.25rem;color:#dbe6fb;background:var(--navy);border:1px solid #263e64;border-radius:.9rem;box-shadow:0 .55rem 1.3rem #1522381f}.timestamp-now-copy{display:grid;min-width:0;gap:.15rem}.timestamp-now-copy .eyebrow{margin:0;color:#9ebdff}.timestamp-now-value{display:flex;flex-wrap:wrap;align-items:baseline;gap:.45rem}.timestamp-now-value output{color:var(--on-dark);font-size:clamp(1.65rem,3.5vw,2.5rem);font-weight:850;letter-spacing:-.055em;font-variant-numeric:tabular-nums}.timestamp-now-value span{color:#b8c9e6;font-size:.78rem;font-weight:800;text-transform:uppercase}.timestamp-now-copy .field-help{color:#afc0dd}.timestamp-now-actions{display:flex;flex-wrap:wrap;justify-content:end;gap:.5rem}.timestamp-now-actions .primary-action{min-width:0}.timestamp-utility-action{min-height:2.75rem;padding:.4rem .7rem;color:#dbe6fb;background:transparent;border:1px solid #496382;border-radius:.45rem;font:inherit;font-size:.8rem;font-weight:800;cursor:pointer}.timestamp-workspace{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:1.35rem}.timestamp-workspace-heading{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:.75rem 1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--divider)}.timestamp-workspace-heading .eyebrow{margin-bottom:.25rem}.timestamp-workspace-heading h2{margin:0;font-size:clamp(1.4rem,2.5vw,1.95rem)}.timestamp-workspace-heading p:not(.eyebrow){margin:.35rem 0 0;color:var(--muted);font-size:.9rem;line-height:1.5}.timestamp-workspace-heading .sample-action{flex:0 0 auto}.timestamp-conversion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.timestamp-conversion-block{display:grid;min-width:0;align-content:start;gap:.9rem}.timestamp-conversion-block+.timestamp-conversion-block{padding-left:1.5rem;border-inline-start:1px solid var(--divider)}.timestamp-block-heading{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.65rem;align-items:start}.timestamp-block-heading>span{display:grid;place-items:center;width:2rem;height:2rem;color:var(--blue-deep);background:var(--blue-pale);border:1px solid #c4d5f5;border-radius:.45rem;font-size:.72rem;font-weight:850;font-variant-numeric:tabular-nums}.timestamp-block-heading h3{margin:0;color:var(--navy);font-size:1rem;letter-spacing:-.015em}.timestamp-block-heading p{margin:.23rem 0 0;color:var(--muted);font-size:.82rem;line-height:1.45}.timestamp-conversion-block>label{display:grid;gap:.45rem;color:var(--text-control);font-size:.8rem;font-weight:850}.timestamp-conversion-block .primary-action,.timestamp-conversion-block .secondary-action{width:100%}.timestamp-zone-summary{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:.45rem 1rem;padding:.7rem 0;border-top:1px solid var(--divider);border-bottom:1px solid var(--divider)}.timestamp-zone-summary>div{display:grid;min-width:0;gap:.08rem}.timestamp-zone-summary span{color:var(--text-option);font-size:.72rem;font-weight:800}.timestamp-zone-summary strong{overflow-wrap:anywhere;color:var(--navy);font-size:.83rem}.timestamp-zone-summary .text-action{min-height:2.25rem;padding-inline:0;font-size:.79rem}.timestamp-zone-settings{display:grid;gap:.85rem;padding:1rem;background:var(--surface-toolbar);border:1px solid var(--border-subtle);border-radius:.7rem}.timestamp-zone-heading{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:.5rem 1rem}.timestamp-zone-heading .eyebrow{margin-bottom:.2rem}.timestamp-zone-heading h3{margin:0;color:var(--navy);font-size:1rem}.timestamp-zone-heading .text-action{min-height:2.25rem;padding-inline:0;font-size:.79rem}.timezone-options{display:grid;gap:.45rem}.timezone-options>p{margin:0;color:var(--text-control);font-size:.75rem;font-weight:850;letter-spacing:.03em}.timezone-options>div{display:flex;flex-wrap:wrap;gap:.4rem}.timezone-options button{min-height:2.2rem;padding:.35rem .6rem;overflow:hidden;color:var(--text-option);text-overflow:ellipsis;white-space:nowrap;background:var(--surface-subtle);border:1px solid #cbd8e9;border-radius:999px;font:inherit;font-size:.75rem;font-weight:750;cursor:pointer}.timezone-options button.active{color:var(--on-dark);background:var(--blue);border-color:var(--blue)}.timezone-options span{color:var(--muted);font-size:.8rem;line-height:1.45}.timestamp-workspace>.timestamp-error{margin:0}.timestamp-result dl{display:grid;gap:0;max-width:62rem;margin:0;border-top:1px solid rgb(206 220 243 / 30%)}.timestamp-result dl div{display:grid;grid-template-columns:minmax(8rem,.55fr) minmax(0,1.45fr);gap:.75rem;padding:.65rem 0;border-bottom:1px solid rgb(206 220 243 / 30%)}.timestamp-result dt{color:#b8c9e6;font-weight:750}.timestamp-result dd{display:flex;min-width:0;justify-content:space-between;gap:.75rem;margin:0;overflow-wrap:anywhere}.timestamp-result .copy-field{color:#b8d0ff}.timestamp-code{display:grid;gap:.35rem;margin-top:1rem}.timestamp-code code{width:fit-content;max-width:100%;padding:.35rem .5rem;overflow-wrap:anywhere;color:#40506a;background:#eef3fa;border:1px solid #d6e1ef;border-radius:.35rem;font-size:.82rem}.workbench-input,.timestamp-workspace .workbench-input{width:100%;min-height:3rem;padding:0 .8rem;color:#23344f;background:#f9fbfe;border:1px solid #b9c7d9;border-radius:.5rem;box-shadow:inset 0 1px #ffffffeb;font:inherit;transition:border-color .16s cubic-bezier(.25,1,.5,1),box-shadow .16s cubic-bezier(.25,1,.5,1),background-color .16s cubic-bezier(.25,1,.5,1)}.workbench-input::placeholder{color:#8291a7;opacity:1}.workbench-input:focus{background:#fff;border-color:var(--blue);box-shadow:0 0 0 .22rem #2563eb24;outline:0}.timezone-entry{display:grid;gap:.4rem}.timezone-entry>label{color:#40506a;font-size:.75rem;font-weight:850;letter-spacing:.03em}.timezone-entry>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem}.timezone-entry .secondary-action{min-height:3rem;padding-inline:.9rem}@container (max-width: 30rem){.timestamp-conversion-grid{grid-template-columns:1fr}.timestamp-conversion-block+.timestamp-conversion-block{padding-top:1.25rem;padding-left:0;border-top:1px solid var(--divider);border-inline-start:0}.timezone-entry>div{grid-template-columns:1fr}}@media (max-width: 47.99rem){.timestamp-conversion-grid{grid-template-columns:1fr}.timestamp-conversion-block+.timestamp-conversion-block{padding-top:1.25rem;padding-left:0;border-top:1px solid var(--divider);border-inline-start:0}.timezone-entry>div{grid-template-columns:1fr}}@media (hover: hover){.segmented-control button:not(:disabled):hover,.unit-segments button:not(:disabled):hover{color:var(--blue-deep);background:#e0ebff}.segmented-control button.active:not(:disabled):hover,.unit-segments button.active:not(:disabled):hover{color:#fff;background:var(--blue-deep);transform:translateY(-1px)}.toggle-control:not(:disabled):hover{color:var(--blue-deep)}.toggle-control:not(:disabled):hover>span{border-color:var(--blue);transform:scale(1.06)}.sample-action:hover{color:#fff;background:var(--blue);border-color:var(--blue);transform:translateY(-1px)}.json-utility-actions button:hover{color:#fff;background:#304464;border-color:#6e91c2}}@media (max-width: 34rem){.timestamp-now-strip{grid-template-columns:1fr}.timestamp-now-actions{justify-content:start}.timestamp-now-actions>*{flex:1 1 auto}.timestamp-workspace-heading{align-items:start}.timestamp-workspace-heading .sample-action{width:100%}.timestamp-zone-summary{align-items:start}.timestamp-result dl div{grid-template-columns:1fr;gap:.35rem}.timestamp-result dd{display:grid}.timestamp-result .copy-field{justify-self:start}}@media (min-width: 42rem){.tool-launchpad{grid-template-columns:minmax(12rem,.7fr) minmax(0,1.3fr);align-items:start}.launchpad-links{grid-template-columns:1fr 1fr}}@media (min-width: 42rem){.home-tool-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 48rem){.site-header,.site-footer,.page-shell,.tool-page{width:min(100% - 3rem,78rem)}.compress-workspace{grid-template-columns:minmax(0,1.2fr) minmax(16rem,.8fr)}.timestamp-workspace{grid-template-columns:minmax(0,1fr)}.json-workspace{grid-template-columns:minmax(0,1.35fr) minmax(17rem,.65fr)}}@media (max-width: 34rem){.site-header{display:grid;grid-template-columns:1fr;align-items:start}.primary-nav{display:grid;grid-template-columns:repeat(3,1fr);width:100%;justify-content:stretch;gap:.2rem}.primary-nav a{justify-content:center;padding-inline:.25rem;font-size:.76rem}.brand:before{width:1.45rem;height:1.45rem}.brand{font-size:.95rem}.tool-list{grid-template-columns:1fr;grid-auto-rows:11rem}.tool-list>li:nth-child(2n) .tool-card{border-left:1px solid #2d466c}.launchpad-links{grid-template-columns:1fr}}.diff-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;margin-bottom:1.25rem;padding:clamp(1rem,3vw,1.75rem);background:#fff;border:1px solid #d4deeb;border-radius:.9rem;box-shadow:0 .6rem 1.5rem #1e314e0f;container-type:inline-size}.diff-toolbar,.diff-controls,.diff-result-heading,.diff-export-actions,.diff-display-options,.diff-editors,.diff-split{display:grid;gap:.9rem;min-width:0}.diff-toolbar{grid-template-columns:repeat(3,minmax(0,max-content));align-items:end;justify-content:space-between;padding-bottom:1rem;border-bottom:1px solid #e1e8f1}.diff-toolbar .inline-actions{align-items:center}.diff-editors{grid-template-columns:repeat(2,minmax(0,1fr))}.diff-editor{display:grid;min-width:0;gap:.55rem}.diff-editor .field-heading{color:#40506a;font-size:.78rem;font-weight:800;letter-spacing:.025em}.diff-editor .field-heading span{color:#77869b;font-size:.72rem;font-weight:750;letter-spacing:normal}.diff-editor textarea{width:100%;min-width:0;min-height:17rem;padding:.8rem;color:#23344f;background:#f9fbfe;border:1px solid #b9c7d9;border-radius:.55rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.84rem;line-height:1.55;resize:vertical;-moz-tab-size:2;tab-size:2}.diff-editor textarea:focus{background:#fff;border-color:var(--blue)}.file-action{display:inline-flex;width:fit-content;min-height:2.35rem;align-items:center;padding:.35rem .6rem;color:var(--blue-deep);background:#f5f8ff;border:1px solid #b8cbef;border-radius:.45rem;font-size:.79rem;font-weight:800;cursor:pointer}.file-action:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:3px}.diff-controls{grid-template-columns:minmax(0,1fr) auto;align-items:end;padding-top:.25rem}.diff-controls .toggle-stack{display:flex;flex-wrap:wrap;gap:.2rem 1rem}.diff-controls .primary-action{min-width:10.5rem}.diff-result{display:grid;gap:1.1rem;margin-bottom:1.25rem;padding:clamp(1rem,3vw,1.75rem);color:var(--ink);background:#fff;border:1px solid #d4deeb;border-radius:.9rem;box-shadow:0 .6rem 1.5rem #1e314e0f;container-type:inline-size}.diff-result-heading{grid-template-columns:minmax(0,1fr) auto;align-items:end;padding-bottom:1rem;border-bottom:1px solid #e1e8f1}.diff-result-heading h2{max-width:34ch;margin-bottom:.35rem;font-size:clamp(1.2rem,2vw,1.65rem);line-height:1.18}.diff-result-heading .eyebrow{margin-bottom:.25rem}.diff-limit-note{max-width:56rem;margin:0;color:#7a5318;font-size:.84rem;line-height:1.5}.diff-export-actions{grid-template-columns:repeat(2,max-content);align-items:center;justify-content:end}.diff-export-actions .text-action{min-height:2.75rem;padding-inline:.25rem;white-space:nowrap}.diff-export-actions .secondary-action{min-height:2.7rem;padding-inline:.75rem;white-space:nowrap}.diff-display-options{grid-template-columns:max-content max-content minmax(0,1fr);align-items:end;padding:.85rem;background:#f4f7fb;border:1px solid #d6e1ef;border-radius:.65rem}.diff-change-navigation>div{display:inline-grid;grid-template-columns:max-content max-content max-content;align-items:center;gap:.45rem}.diff-change-navigation .text-action{min-height:2.4rem;padding-inline:.25rem;white-space:nowrap}.diff-change-navigation span{min-width:3.7rem;color:#52627a;font-size:.78rem;font-weight:800;text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap}.diff-display-toggles{justify-self:end}.diff-display-options .toggle-stack{display:flex;flex-wrap:wrap;justify-content:end;gap:.2rem 1rem}.diff-split{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.diff-split>div{display:grid;grid-template-rows:auto minmax(7rem,1fr);min-width:0}.diff-split h3{margin:0;padding:.55rem .75rem;color:#40506a;background:#edf3fa;border:1px solid #d6e1ef;border-bottom:0;border-radius:.55rem .55rem 0 0;font-size:.78rem;letter-spacing:.035em;text-transform:uppercase}.diff-stream,.diff-unified{min-width:0;max-height:34rem;overflow:auto;color:#23344f;background:#f9fbfe;border:1px solid #d6e1ef;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;line-height:1.65}.diff-stream{display:block;padding-block:.35rem;border-radius:0 0 .55rem .55rem}.diff-unified{display:block;padding-block:.35rem;border-radius:.55rem}.diff-stream>span,.diff-unified>span{display:inline;min-width:0;padding:.08rem .12rem;white-space:pre-wrap;overflow-wrap:anywhere}.precision-line .diff-stream>span,.precision-line.diff-unified>span{display:grid;grid-template-columns:1.6rem 2.8rem minmax(0,1fr);column-gap:.55rem;min-height:1.9rem;align-items:center;padding:.16rem .65rem;background:#fff;border-bottom:1px solid #dbe6f3;border-inline-start:3px solid transparent;transition:background-color .14s ease,border-color .14s ease}.diff-stream>span>b,.diff-unified>span>b{display:inline-block;width:1.2rem;color:#7b8aa0;font-weight:800;-webkit-user-select:none;user-select:none}.precision-line .diff-stream>span>b,.precision-line.diff-unified>span>b{display:inline-grid;width:1.25rem;height:1.25rem;place-items:center;border-radius:999px;color:#7b8aa0;background:#e9eff7;font-size:.72rem;line-height:1}.precision-line .diff-stream>span>i,.precision-line.diff-unified>span>i{color:#8a9ab0;font-size:.7rem;font-style:normal;font-variant-numeric:tabular-nums;text-align:right;-webkit-user-select:none;user-select:none}.diff-line-content{min-width:0;color:inherit;font:inherit;white-space:inherit;overflow-wrap:inherit}.precision-line .diff-stream>span.diff-added,.precision-line.diff-unified>span.diff-added{color:#145b3d;background:#cfeedd;border-inline-start-color:#2b9b6b}.precision-line .diff-stream>span.diff-removed,.precision-line.diff-unified>span.diff-removed{color:#963b4c;background:#ffdfe5;border-inline-start-color:#d65a70}.precision-line .diff-added>b{color:#11633f;background:#c9efdc}.precision-line .diff-removed>b{color:#963b4c;background:#ffd9df}.precision-line .diff-stream>span:not(.diff-added):not(.diff-removed):hover,.precision-line.diff-unified>span:not(.diff-added):not(.diff-removed):hover{background:#dce8f7}.diff-current-change{border-inline-start-color:var(--blue)!important}.precision-line .diff-current-change>b{color:#fff;background:var(--blue)}.diff-no-wrap .diff-stream>span,.diff-no-wrap .diff-unified>span{white-space:pre;overflow-wrap:normal}.diff-no-wrap .diff-stream,.diff-no-wrap .diff-unified{overflow:auto}@media (hover: hover){.file-action:hover{color:#fff;background:var(--blue);border-color:var(--blue)}}@container (max-width: 48rem){.diff-toolbar{grid-template-columns:1fr;justify-content:stretch}.diff-editors{grid-template-columns:1fr}.diff-editor textarea{min-height:12rem}.diff-controls,.diff-result-heading,.diff-display-options{grid-template-columns:1fr;align-items:start}.diff-export-actions{grid-template-columns:repeat(2,max-content);justify-content:start}.diff-change-navigation>div{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.diff-change-navigation>div>span{grid-column:1 / -1;grid-row:2}.diff-change-navigation>div>button{min-width:0;overflow:hidden;text-overflow:ellipsis}.diff-change-navigation>div>button:last-child{grid-column:2;grid-row:1}.diff-display-toggles{justify-self:start}.diff-display-options .toggle-stack{display:grid;justify-content:start}.diff-split{grid-template-columns:1fr}}@media (max-width: 34rem){.diff-workspace,.diff-result{padding:.85rem;border-radius:.7rem}.diff-export-actions{grid-template-columns:1fr 1fr}.diff-export-actions .secondary-action,.diff-export-actions .text-action{width:100%;padding-inline:.35rem;font-size:.78rem}.diff-display-options .segmented-control{width:100%}.diff-display-options .segmented-control button{flex:1}.diff-toolbar .segmented-control{width:100%}.diff-toolbar .segmented-control button{flex:1}.diff-controls .primary-action{width:100%}}