/* Tool surfaces inherit the same palette as the catalogue without changing behavior. */
.lab-shell[data-lab-category="tool"] {
  --cream:var(--home-bg);
  --white:var(--lab-card);
  --dark:var(--lab-ink);
  --brown:var(--lab-muted);
  --honey:var(--lab-green);
  --amber:var(--lab-green);
  --honey-glow:var(--lab-soft);
  --dark-soft:var(--lab-soft);
  --shadow-soft:0 4px 18px #18392b05;
}
.lab-shell[data-lab-category="tool"] .container,
.lab-shell[data-lab-category="tool"] main.workbench,
.lab-shell[data-lab-category="tool"].legacy-tool main {
  width:min(1200px,calc(100% - 64px));
  max-width:1200px;
  margin-inline:auto;
}
.lab-shell[data-lab-category="tool"] main.workbench,
.lab-shell[data-lab-category="tool"].legacy-tool main {padding:32px 0 46px}
.lab-shell[data-lab-category="tool"] main .container .container {width:100%}
.lab-shell[data-lab-category="tool"] main h1 {
  margin:0 0 16px;
  color:var(--lab-ink);
  font-size:clamp(32px,3.4vw,46px);
  font-weight:800;
  line-height:1.35;
  letter-spacing:-.045em;
}
.lab-shell[data-lab-category="tool"] main h2 {color:var(--lab-ink);font-size:22px;line-height:1.5;letter-spacing:-.025em}
.lab-shell[data-lab-category="tool"] main :is(.eyebrow,.section-label,.mini-label) {
  color:var(--lab-green);
  font:700 11px/1.7 Inter,"Noto Sans TC",sans-serif;
  letter-spacing:.13em;
  margin:0 0 12px;
}
.lab-shell[data-lab-category="tool"] main.workbench>.eyebrow {margin-top:0!important}
.lab-shell[data-lab-category="tool"] main :is(.tool-intro,.intro,.page-banner p) {font-size:16px;line-height:1.9;color:var(--lab-muted)}
.lab-shell[data-lab-category="tool"] main>.tool-intro {max-width:800px;margin-bottom:28px}
.lab-shell[data-lab-category="tool"] main .page-banner {padding:32px 0 30px}
.lab-shell[data-lab-category="tool"] main :is(.tool-panel,.converter,.calculator,.ig-upload,.ig-result-card,.ig-help,.ig-stat,.meal-card) {
  border-color:var(--lab-line);
  border-radius:16px;
  background:var(--lab-card);
  box-shadow:none;
}
.lab-shell[data-lab-category="tool"] main :is(.tool-panel,.converter,.ig-result-card,.ig-help,.meal-card) {padding:28px}
.lab-shell[data-lab-category="tool"] main :is(.tool-label,.field>label,.converter>label) {font-size:14px;font-weight:650;color:var(--lab-ink);line-height:1.7}
.lab-shell[data-lab-category="tool"] main :is(input:not([type="checkbox"]):not([type="range"]):not([type="file"]),select,textarea) {
  min-width:0;
  border:1px solid var(--lab-line);
  border-radius:8px;
  background:var(--home-bg);
  color:var(--lab-ink);
  font-family:inherit;
  font-size:16px;
  line-height:1.7;
}
.lab-shell[data-lab-category="tool"] main :is(.tool-input,.tool-select,.converter input,.converter select) {min-height:48px;padding:12px 14px}
.lab-shell[data-lab-category="tool"] main :is(.tool-textarea,.converter textarea) {padding:14px 16px;line-height:1.85}
.lab-shell[data-lab-category="tool"] main .tool-textarea.mono {font-family:"JetBrains Mono",ui-monospace,monospace;font-size:14px}
.lab-shell[data-lab-category="tool"] main :is(input,textarea)::placeholder {color:var(--lab-muted);opacity:.8}
.lab-shell[data-lab-category="tool"] main :is(input[type="checkbox"],input[type="range"]) {accent-color:var(--lab-green)}
.lab-shell[data-lab-category="tool"] main :is(.btn,.converter button,.meal-custom-actions button) {min-height:44px;border-radius:7px;padding:10px 16px;font-size:15px;line-height:1.6;font-weight:600}
.lab-shell[data-lab-category="tool"] main .btn-primary,
.lab-shell[data-lab-category="tool"] main .converter :is(#copy,#refresh),
.lab-shell[data-lab-category="tool"] main .meal-custom-actions button:first-child,
.lab-shell[data-lab-category="tool"] main .igdl-download {
  border:1px solid var(--lab-green);
  background:var(--lab-green);
  color:var(--lab-card)!important;
  box-shadow:none;
}
.lab-shell[data-lab-category="tool"] main :is(.btn-primary,.igdl-download):hover {background:var(--lab-green);border-color:var(--lab-green);filter:brightness(.94)}
.lab-shell[data-lab-category="tool"] main .btn-secondary,
.lab-shell[data-lab-category="tool"] main .converter #clear,
.lab-shell[data-lab-category="tool"] main .meal-custom-actions button+button {
  border:1px solid var(--lab-line);
  background:var(--lab-card);
  color:var(--lab-ink)!important;
}
.lab-shell[data-lab-category="tool"] main :is(.btn-secondary,.converter #clear):hover {border-color:var(--lab-green);background:var(--lab-soft)}
.lab-shell[data-lab-category="tool"] main :is(.tool-status,.tool-note,.fine-print,.note,.ig-note,.meal-small) {font-size:14px;line-height:1.9;color:var(--lab-muted)}
.lab-shell[data-lab-category="tool"] main .tool-status[data-error="true"] {color:#b34032}
.dark .lab-shell[data-lab-category="tool"] main .tool-status[data-error="true"] {color:#f8b4a7}
.lab-shell[data-lab-category="tool"] main :is(.tool-status,.ig-status,.meal-status) {min-height:26px}
.lab-shell[data-lab-category="tool"] main :is(.tool-actions,.actions) {gap:10px}
.lab-shell[data-lab-category="tool"] main :is(input,select,textarea,button,a,summary):focus-visible {outline:3px solid var(--home-yolk);outline-offset:3px}

/* Calculator: a calm explanation beside a clear, tactile keypad. */
.lab-shell[data-lab-category="tool"] main .layout {grid-template-columns:minmax(0,1fr) minmax(320px,440px);gap:56px;align-items:start}
.lab-shell[data-lab-category="tool"] main .layout .intro {max-width:560px}
.lab-shell[data-lab-category="tool"] main .intro .tag {margin:2px 0 20px;padding:4px 10px;font-size:12px;border-radius:5px;background:var(--lab-soft);border-color:var(--lab-line);color:var(--lab-green)}
.lab-shell[data-lab-category="tool"] main .intro .help {font-size:14px;line-height:1.9;margin-top:28px;padding-top:20px;border-color:var(--lab-line)}
.lab-shell[data-lab-category="tool"] main .calculator {padding:20px}
.lab-shell[data-lab-category="tool"] main .calculator .screen {padding:17px 16px 14px;margin-bottom:16px;border:1px solid var(--lab-line);border-radius:10px;background:var(--lab-soft);min-height:150px}
.lab-shell[data-lab-category="tool"] main .calculator #expression {min-height:30px;padding:0;border:0;background:transparent;text-align:right;color:var(--lab-muted);font:500 16px/1.8 "JetBrains Mono",ui-monospace,monospace}
.lab-shell[data-lab-category="tool"] main .calculator output {color:var(--lab-ink);font-size:clamp(30px,4vw,42px);font-weight:700;line-height:1.5}
.lab-shell[data-lab-category="tool"] main .calculator #message {font-size:13px;color:var(--lab-muted)}
.lab-shell[data-lab-category="tool"] main .keys {gap:9px}
.lab-shell[data-lab-category="tool"] main .keys button {min-height:56px;border:1px solid var(--lab-line);border-radius:8px;background:var(--home-bg);color:var(--lab-ink);font:600 21px/1.4 Inter,"Noto Sans TC",sans-serif}
.lab-shell[data-lab-category="tool"] main .keys button:hover {border-color:var(--lab-green);background:var(--lab-soft)}
.lab-shell[data-lab-category="tool"] main .keys .operator {background:var(--lab-soft);color:var(--lab-green)}
.lab-shell[data-lab-category="tool"] main .keys .equals {background:var(--lab-green);border-color:var(--lab-green);color:var(--lab-card)}
.lab-shell[data-lab-category="tool"] main .keys .equals:hover {background:var(--lab-green);filter:brightness(.94)}

/* Currency and financial Chinese conversion emphasize the result. */
.lab-shell[data-lab-category="tool"] main .converter {width:100%;max-width:880px;margin:28px 0 0}
.lab-shell[data-lab-category="tool"] main .converter .answer {margin-top:26px;padding:23px 24px;border:1px solid var(--lab-line);border-radius:10px;background:var(--lab-soft)}
.lab-shell[data-lab-category="tool"] main .converter .answer-label {font-size:13px;color:var(--lab-muted)}
.lab-shell[data-lab-category="tool"] main .converter #converted {font-size:clamp(30px,5vw,46px);line-height:1.5;color:var(--lab-green)}
.lab-shell[data-lab-category="tool"] main .converter :is(#rate,#status) {font-size:14px;line-height:1.8;color:var(--lab-muted)}
.lab-shell[data-lab-category="tool"] main .converter #swap {background:var(--lab-soft);border:1px solid var(--lab-line);color:var(--lab-green);font-size:23px;padding:8px 0;min-height:50px}
.lab-shell[data-lab-category="tool"] main .converter .meta {gap:14px;font-size:13px;line-height:1.8}
.lab-shell[data-lab-category="tool"] main .converter .input-row {border-color:var(--lab-line);border-radius:8px;background:var(--home-bg)}
.lab-shell[data-lab-category="tool"] main .converter .input-row:focus-within {outline:3px solid var(--home-yolk);outline-offset:3px}
.lab-shell[data-lab-category="tool"] main .converter .input-row input {padding:13px 0;border:0;background:transparent;font-size:24px;outline:none}
.lab-shell[data-lab-category="tool"] main .converter .input-row span {font-size:16px;color:var(--lab-green)}
.lab-shell[data-lab-category="tool"] main .converter textarea#result {min-height:150px;background:var(--lab-soft);color:var(--lab-green);font-size:24px;font-weight:600;line-height:1.85}
.lab-shell[data-lab-category="tool"] main .converter .examples {font-size:13px;gap:9px}
.lab-shell[data-lab-category="tool"] main .converter .examples button {min-height:36px;padding:5px 11px;border:1px solid var(--lab-line);background:var(--lab-soft);font-size:13px;color:var(--lab-green)!important}
.lab-shell[data-lab-category="tool"] main :is(.fine-print,.note) {max-width:880px}

/* Text and prompt workbenches share editor spacing and useful output emphasis. */
.lab-shell[data-lab-category="tool"] main .tool-panel+.tool-panel {margin-top:22px}
.lab-shell[data-lab-category="tool"] main .tool-panel h2 {font-size:22px}
.lab-shell[data-lab-category="tool"] main .tool-panel .tool-field {margin-bottom:22px}
.lab-shell[data-lab-category="tool"] main .form-columns {gap:22px}
.lab-shell[data-lab-category="tool"] main #outputResult {background:var(--lab-soft);min-height:310px}
.lab-shell[data-lab-category="tool"] main .stats-row {gap:14px;margin-top:22px}
.lab-shell[data-lab-category="tool"] main .stats-cell {padding:19px 20px;border:1px solid var(--lab-line);border-radius:10px;background:var(--lab-card)}
.lab-shell[data-lab-category="tool"] main .stats-cell dt {font-size:13px;color:var(--lab-muted)}
.lab-shell[data-lab-category="tool"] main .stats-cell dd {font-size:28px;color:var(--lab-green);margin-top:8px}

/* Focus and sound controls retain separate, well-spaced work areas. */
.lab-shell[data-lab-category="tool"] main .focus-layout {grid-template-columns:minmax(0,1.1fr) minmax(300px,.8fr);gap:22px}
.lab-shell[data-lab-category="tool"] main .focus-mode {min-height:42px;padding:9px 12px;border:1px solid var(--lab-line);border-radius:7px;background:var(--home-bg);color:var(--lab-muted);font-size:14px}
.lab-shell[data-lab-category="tool"] main .focus-mode[aria-pressed="true"] {background:var(--lab-soft);border-color:var(--lab-green);color:var(--lab-green)}
.lab-shell[data-lab-category="tool"] main .timer-ring {width:248px;height:248px;margin:32px auto;border:6px solid var(--lab-line);border-top-color:var(--lab-green);background:var(--lab-soft)}
.lab-shell[data-lab-category="tool"] main .timer-digits {color:var(--lab-ink);font-size:54px;line-height:1.4}
.lab-shell[data-lab-category="tool"] main .timer-state {font-size:14px;color:var(--lab-muted)}
.lab-shell[data-lab-category="tool"] main .audio-label {color:var(--lab-muted);font-size:14px}
.lab-shell[data-lab-category="tool"] main .volume-row {gap:16px;margin-top:18px}

/* Local IG file comparison retains clear upload, comparison and result stages. */
.lab-shell[data-lab-category="tool"] main .ig-content {padding-bottom:46px;background:transparent}
.lab-shell[data-lab-category="tool"] main .ig-privacy {font-size:14px;font-weight:500;padding:10px 14px;border-radius:8px;margin-top:18px;line-height:1.8}
.lab-shell[data-lab-category="tool"] main .ig-upload-grid {gap:22px}
.lab-shell[data-lab-category="tool"] main .ig-upload {padding:28px;border:1px dashed var(--lab-line)}
.lab-shell[data-lab-category="tool"] main .ig-upload:focus-within,
.lab-shell[data-lab-category="tool"] main .ig-upload.ig-dragging {background:var(--lab-soft);border-color:var(--lab-green)}
.lab-shell[data-lab-category="tool"] main .ig-upload .ig-step {font-size:11px;letter-spacing:.08em;font-weight:650;color:var(--lab-green);margin-bottom:14px}
.lab-shell[data-lab-category="tool"] main .ig-upload h2 {font-size:24px}
.lab-shell[data-lab-category="tool"] main .ig-upload p {font-size:14px;line-height:1.85;color:var(--lab-muted)}
.lab-shell[data-lab-category="tool"] main .ig-upload label {font-size:14px;color:var(--lab-ink)}
.lab-shell[data-lab-category="tool"] main .ig-upload input[type="file"] {font-size:14px;color:var(--lab-muted);border-radius:7px}
.lab-shell[data-lab-category="tool"] main .ig-upload input::file-selector-button {border:1px solid var(--lab-line);border-radius:7px;background:var(--lab-soft);color:var(--lab-green);font-size:14px;font-weight:600;min-height:44px;padding:10px 14px}
.lab-shell[data-lab-category="tool"] main :is(.ig-text-button,.meal-text-button) {font-size:14px;font-weight:500;color:var(--lab-green)}
.lab-shell[data-lab-category="tool"] main .ig-help {margin-top:20px}
.lab-shell[data-lab-category="tool"] main .ig-help summary {font-size:17px;font-weight:650;color:var(--lab-ink)}
.lab-shell[data-lab-category="tool"] main .ig-help :is(p,li) {font-size:14px;line-height:1.9}
.lab-shell[data-lab-category="tool"] main .ig-stats {gap:14px}
.lab-shell[data-lab-category="tool"] main .ig-stat {padding:20px}
.lab-shell[data-lab-category="tool"] main .ig-stat dt {font-size:13px;color:var(--lab-muted)}
.lab-shell[data-lab-category="tool"] main .ig-stat dd {font-size:34px;color:var(--lab-ink)}
.lab-shell[data-lab-category="tool"] main .ig-filter {border:1px solid var(--lab-line);border-radius:7px;padding:9px 13px;background:var(--home-bg);color:var(--lab-muted);font-size:14px;font-weight:500}
.lab-shell[data-lab-category="tool"] main .ig-search span {font-size:14px;color:var(--lab-ink)}
.lab-shell[data-lab-category="tool"] main .ig-list a {font-size:16px;color:var(--lab-ink);min-height:58px}
.lab-shell[data-lab-category="tool"] main .ig-list a:hover {color:var(--lab-green)}
.lab-shell[data-lab-category="tool"] main .ig-account-action {font-size:12px;color:var(--lab-muted)}
.lab-shell[data-lab-category="tool"] main .ig-empty {border-radius:10px;background:var(--home-bg);font-size:15px}

/* Meal selection keeps its animated result prominent without a competing theme. */
.lab-shell[data-lab-category="tool"] main .meal-content {padding-bottom:46px;background:transparent}
.lab-shell[data-lab-category="tool"] main .meal-layout {grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:24px}
.lab-shell[data-lab-category="tool"] main .meal-card h2 {font-size:22px;line-height:1.5;margin-bottom:22px}
.lab-shell[data-lab-category="tool"] main .meal-result {padding:34px 28px;min-height:440px;background:var(--lab-soft);color:var(--lab-ink)}
.lab-shell[data-lab-category="tool"] main .meal-result h2 {font-size:clamp(30px,3.6vw,42px);font-weight:800;line-height:1.4}
.lab-shell[data-lab-category="tool"] main .meal-result .mini-label {color:var(--lab-green)}
.lab-shell[data-lab-category="tool"] main .meal-result-note {font-size:15px;line-height:1.85;color:var(--lab-muted)}
.lab-shell[data-lab-category="tool"] main .meal-plate {width:132px;height:132px;font-size:60px;border:8px solid var(--lab-card);background:var(--home-bg);box-shadow:0 6px 0 #18392b0b}
.lab-shell[data-lab-category="tool"] main .meal-mode {min-height:44px;border:1px solid var(--lab-line);border-radius:7px;background:var(--home-bg);color:var(--lab-muted);font-size:14px;font-weight:500;padding:9px 13px}
.lab-shell[data-lab-category="tool"] main :is(.meal-field span,.meal-type-group legend) {font-size:14px;font-weight:650;color:var(--lab-ink)}
.lab-shell[data-lab-category="tool"] main .meal-type-group legend span {font-size:11px;background:var(--lab-soft);color:var(--lab-muted);border-radius:4px}
.lab-shell[data-lab-category="tool"] main .meal-type-option {border-color:var(--lab-line);border-radius:7px;background:var(--home-bg);font-size:14px;font-weight:500;color:var(--lab-muted);padding:9px;min-height:44px}
.lab-shell[data-lab-category="tool"] main .meal-type-option:has(input:checked) {border-color:var(--lab-green);background:var(--lab-soft);color:var(--lab-green)}
.lab-shell[data-lab-category="tool"] main .meal-type-option:focus-within {outline-color:var(--home-yolk)}
.lab-shell[data-lab-category="tool"] main .meal-pool {border-top:1px solid var(--lab-line);padding-top:16px;margin-top:16px;font-size:14px}
.lab-shell[data-lab-category="tool"] main .meal-pool strong {border-radius:5px;background:var(--lab-soft);color:var(--lab-green);font-weight:650}
.lab-shell[data-lab-category="tool"] main .meal-tags span {border-radius:5px;border-color:var(--lab-line);background:var(--lab-card);color:var(--lab-green);font-size:12px}
.lab-shell[data-lab-category="tool"] main .meal-custom summary {font-size:19px;font-weight:650;color:var(--lab-ink)}
.lab-shell[data-lab-category="tool"] main .meal-custom label {font-size:14px;color:var(--lab-ink)}
.lab-shell[data-lab-category="tool"] main .meal-history li {font-size:13px;border-color:var(--lab-line);border-radius:5px;padding:6px 10px;background:var(--lab-card);color:var(--lab-muted)}
.lab-shell[data-lab-category="tool"] main .meal-animation-option {color:var(--lab-muted);font-size:14px}

/* Extension downloads retain the actual product demo and browser availability. */
.lab-shell[data-lab-category="tool"] main.igdl-main {padding-bottom:40px}
.lab-shell[data-lab-category="tool"] main .igdl-hero {padding-block:32px 44px;gap:48px}
.lab-shell[data-lab-category="tool"] main #igdl-title>span {color:var(--lab-green)}
.lab-shell[data-lab-category="tool"] main .igdl-lead {font-size:19px;color:var(--lab-ink)}
.lab-shell[data-lab-category="tool"] main .igdl-summary {font-size:15px;line-height:1.9}
.lab-shell[data-lab-category="tool"] main .igdl-demo-scene {background:var(--lab-soft);background-image:none;border-color:var(--lab-line)}
.lab-shell[data-lab-category="tool"] main :is(.igdl-browser-card,.igdl-feature-grid article,.igdl-scope,.igdl-basics,.igdl-bottom) {border-color:var(--lab-line);border-radius:16px;background:var(--lab-card);box-shadow:none}
.lab-shell[data-lab-category="tool"] main .igdl-browser-card {padding:26px}
.lab-shell[data-lab-category="tool"] main .igdl-browser-card h3 {font-size:23px;color:var(--lab-ink)}
.lab-shell[data-lab-category="tool"] main .igdl-browser-card p {font-size:14px;line-height:1.9}
.lab-shell[data-lab-category="tool"] main .igdl-browser-card .igdl-browser-platform {font-size:12px}
.lab-shell[data-lab-category="tool"] main .igdl-browser-card .btn {font-size:14px}
.lab-shell[data-lab-category="tool"] main .igdl-browser-coming .igdl-browser-badge {background:var(--lab-soft);color:var(--lab-green)}
.lab-shell[data-lab-category="tool"] main .igdl-browser-coming .igdl-coming-soon {background:var(--home-bg);border:1px solid var(--lab-line);border-radius:7px;color:var(--lab-muted);font-size:14px}
.lab-shell[data-lab-category="tool"] main .igdl-basics p,
.lab-shell[data-lab-category="tool"] main :is(.igdl-feature-grid,.igdl-scope,.igdl-steps,.igdl-faq) p {font-size:14px;line-height:1.9}
.lab-shell[data-lab-category="tool"] main .igdl-section {padding-top:48px}
.lab-shell[data-lab-category="tool"] main .igdl-browser-section {padding-top:0}
.lab-shell[data-lab-category="tool"] main .igdl-section-heading h2 {font-size:27px}
.lab-shell[data-lab-category="tool"] main .igdl-feature-grid h3,
.lab-shell[data-lab-category="tool"] main .igdl-scope h3 {font-size:19px}
.lab-shell[data-lab-category="tool"] main .igdl-steps h3 {font-size:17px}
.lab-shell[data-lab-category="tool"] main .igdl-faq summary {font-size:16px;line-height:1.8}
.lab-shell[data-lab-category="tool"] main .igdl-note p {font-size:13px;line-height:1.9}
.lab-shell[data-lab-category="tool"] main .igdl-install-section {margin-top:48px;padding:38px 0;background:var(--lab-card);border-color:var(--lab-line)}

@media(max-width:1000px) {
  .lab-shell[data-lab-category="tool"] .container,
  .lab-shell[data-lab-category="tool"] main.workbench,
  .lab-shell[data-lab-category="tool"].legacy-tool main {width:calc(100% - 48px)}
  .lab-shell[data-lab-category="tool"] main .layout {gap:32px;grid-template-columns:minmax(0,1fr) minmax(300px,400px)}
  .lab-shell[data-lab-category="tool"] main .igdl-hero {gap:30px}
  .lab-shell[data-lab-category="tool"] main .igdl-browser-card {padding:22px}
}
@media(max-width:800px) {
  .lab-shell[data-lab-category="tool"] main :is(.layout,.focus-layout,.meal-layout) {grid-template-columns:1fr;gap:22px}
  .lab-shell[data-lab-category="tool"] main .layout .intro {max-width:none}
  .lab-shell[data-lab-category="tool"] main .calculator {width:100%;max-width:460px;justify-self:center}
  .lab-shell[data-lab-category="tool"] main .meal-result {min-height:370px}
  .lab-shell[data-lab-category="tool"] main .igdl-hero {grid-template-columns:1fr;padding-bottom:34px}
  .lab-shell[data-lab-category="tool"] main .igdl-browser-grid {grid-template-columns:1fr}
}
@media(max-width:700px) {
  .lab-shell[data-lab-category="tool"] .container,
  .lab-shell[data-lab-category="tool"] main.workbench,
  .lab-shell[data-lab-category="tool"].legacy-tool main {width:calc(100% - 36px)}
  .lab-shell[data-lab-category="tool"] main.workbench,
  .lab-shell[data-lab-category="tool"].legacy-tool main {padding-top:24px;padding-bottom:32px}
  .lab-shell[data-lab-category="tool"] main h1 {font-size:34px}
  .lab-shell[data-lab-category="tool"] main .page-banner {padding-top:24px;padding-bottom:25px}
  .lab-shell[data-lab-category="tool"] main :is(.tool-panel,.converter,.ig-result-card,.ig-help,.ig-upload,.meal-card) {padding:23px}
  .lab-shell[data-lab-category="tool"] main .ig-upload-grid {grid-template-columns:1fr;gap:16px}
  .lab-shell[data-lab-category="tool"] main .stats-row {gap:12px}
  .lab-shell[data-lab-category="tool"] main .stats-cell {padding:16px}
  .lab-shell[data-lab-category="tool"] main .form-columns {grid-template-columns:1fr;gap:0}
  .lab-shell[data-lab-category="tool"] main .igdl-hero {padding-top:24px}
  .lab-shell[data-lab-category="tool"] main .igdl-section-heading h2 {font-size:24px}
}
@media(max-width:490px) {
  .lab-shell[data-lab-category="tool"] main h1 {font-size:32px}
  .lab-shell[data-lab-category="tool"] main :is(.tool-panel,.converter,.ig-result-card,.ig-help,.ig-upload,.meal-card) {padding:20px}
  .lab-shell[data-lab-category="tool"] main :is(.tool-intro,.intro,.page-banner p) {font-size:15px}
  .lab-shell[data-lab-category="tool"] main .calculator {padding:16px}
  .lab-shell[data-lab-category="tool"] main .calculator .screen {padding-inline:12px}
  .lab-shell[data-lab-category="tool"] main .keys {gap:8px}
  .lab-shell[data-lab-category="tool"] main .keys button {min-height:54px}
  .lab-shell[data-lab-category="tool"] main .converter .answer {padding:20px}
  .lab-shell[data-lab-category="tool"] main .converter textarea#result {font-size:21px}
  .lab-shell[data-lab-category="tool"] main .stats-row {grid-template-columns:repeat(2,minmax(0,1fr))}
  .lab-shell[data-lab-category="tool"] main .output-heading {align-items:flex-start;flex-wrap:wrap}
  .lab-shell[data-lab-category="tool"] main .timer-ring {width:220px;height:220px}
  .lab-shell[data-lab-category="tool"] main .timer-digits {font-size:48px}
  .lab-shell[data-lab-category="tool"] main .focus-mode {font-size:13px;padding:8px 10px}
  .lab-shell[data-lab-category="tool"] main .meal-result {min-height:350px}
  .lab-shell[data-lab-category="tool"] main .meal-card h2 {font-size:21px}
  .lab-shell[data-lab-category="tool"] main .meal-result h2 {font-size:32px}
  .lab-shell[data-lab-category="tool"] main .igdl-browser-card {padding:22px}
  .lab-shell[data-lab-category="tool"] main .igdl-section {padding-top:36px}
  .lab-shell[data-lab-category="tool"] main .igdl-browser-section {padding-top:0}
}