.navbar{margin-bottom:12px}.nav-list{background-color:var(--nav-bg);box-shadow:var(--shadow-soft);border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;margin:0;padding:0;list-style-type:none;display:flex;overflow:hidden}.nav-menu-toggle{display:none}.nav-list li a{color:var(--nav-text);border-radius:8px;margin:4px;padding:10px 16px;text-decoration:none;transition:background-color .2s,color .2s;display:block}.nav-list li a:hover{background-color:var(--nav-bg-hover)}.nav-list li a.active{background-color:var(--nav-bg-hover);border-radius:8px}.nav-status{color:var(--nav-text);align-items:center;gap:10px;margin-left:auto;padding:8px 16px;font-size:14px;display:flex}.nav-status__text{white-space:nowrap}.nav-button{border:1px solid var(--nav-button-border);color:var(--nav-text);cursor:pointer;font:inherit;background:0 0;border-radius:999px;padding:8px 12px;transition:background-color .2s,border-color .2s,color .2s}.nav-button:hover{background-color:var(--nav-button-hover)}.nav-theme-toggle{align-items:center;gap:6px;padding:6px;font-weight:700;display:inline-flex}.nav-theme-toggle__icon{opacity:.72;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;transition:background-color .2s,opacity .2s,transform .2s;display:inline-flex}.nav-theme-toggle__icon.is-active{background-color:var(--nav-button-hover);opacity:1}.nav-theme-toggle__icon svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}@media (width<=900px){.nav-status{border-top:1px solid var(--nav-divider);justify-content:center;width:100%;margin-left:0}}@media (width<=760px){.nav-menu-toggle{background:var(--nav-bg);width:100%;color:var(--nav-text);font:inherit;cursor:pointer;box-shadow:var(--shadow-soft);border:0;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;font-weight:700;display:flex}.nav-menu-toggle__label{letter-spacing:.02em}.nav-menu-toggle__icon{flex-direction:column;flex-shrink:0;justify-content:space-between;width:24px;height:18px;display:inline-flex}.nav-menu-toggle__icon span{transform-origin:50%;background:currentColor;border-radius:999px;width:100%;height:2px;transition:transform .2s,opacity .2s}.nav-menu-toggle__icon.is-open span:first-child{transform:translateY(8px)rotate(45deg)}.nav-menu-toggle__icon.is-open span:nth-child(2){opacity:0}.nav-menu-toggle__icon.is-open span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.nav-list{opacity:0;pointer-events:none;flex-direction:column;align-items:stretch;max-height:0;margin-top:10px;transition:max-height .25s,opacity .2s}.nav-list--open{opacity:1;pointer-events:auto;max-height:640px}.nav-list li{width:100%}.nav-list li+li{border-top:1px solid var(--nav-divider)}.nav-list li a{border-radius:0;margin:0;padding:14px 18px}.nav-list li a.active{border-radius:0}.nav-status{border-top:1px solid var(--nav-divider);flex-wrap:wrap;justify-content:flex-start;gap:12px;padding:16px 18px}.nav-status__text{width:100%}}.admin-summary-panel{margin-bottom:20px}.admin-stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.admin-grid{align-items:start}.admin-list-panel{margin-top:20px}.admin-household-row{align-items:stretch}.admin-household-copy{flex:1}.admin-household-header{gap:8px;display:grid}.admin-badge-row{flex-wrap:wrap;gap:8px;display:flex}.admin-badge,.member-badge{border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.admin-badge{background:var(--status-info-bg);color:var(--status-info-text);border:1px solid var(--status-info-border)}.member-badge{background:var(--color-surface-muted);color:var(--color-text-soft);border:1px solid var(--color-border-muted)}.member-list{gap:10px;margin-top:14px;display:grid}.member-row{background:var(--color-surface-muted);border:1px solid var(--color-border-muted);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.member-copy{gap:4px;min-width:0;display:grid}@media (width<=700px){.member-row{flex-direction:column;align-items:flex-start}}.chart-container{color:var(--color-text);justify-content:center;align-items:center;gap:20px;font-family:inherit;display:flex}circle{transform-origin:50%;transition:stroke-dasharray .6s,stroke-dashoffset .6s;transform:rotate(-90deg)}.legend{flex-direction:column;gap:8px;font-family:inherit;display:flex}.legend-item{align-items:center;gap:10px;display:flex}.dot{border-radius:50%;width:12px;height:12px;display:inline-block}.item-component-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:16px;display:grid}.item-component{border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;align-items:flex-start;gap:12px;padding:10px;font-family:inherit;display:flex}.item-component__img{flex:none}.item-component__img img{object-fit:cover;border-radius:6px;width:72px;height:72px;display:block}.item-component__content{flex-direction:column;flex:1;gap:6px;display:flex}.item-component__line{color:var(--color-text-strong);margin:0;padding:0}.item-component__line--title{font-weight:700}.item-component__line--subtitle{color:var(--color-text-soft);font-size:.95em}.item-component__line--desc{color:var(--color-text-muted);font-size:.9em}.item-component__textarea{box-sizing:border-box;width:100%;font:inherit;border:1px solid var(--color-border-strong);background:var(--color-input-bg);color:var(--color-text);border-radius:4px;padding:6px}.item-component__textarea:focus{border-color:var(--color-focus);box-shadow:0 0 0 3px var(--color-focus-ring);outline:none}@media (width<=900px){.item-component-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.item-component-grid{grid-template-columns:repeat(1,1fr)}}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.auth-grid{align-items:start;margin-top:24px}.stack-form{gap:16px;display:grid}.two-column-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.stats-panel{align-self:start}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px;display:grid}.stat-card{background:var(--color-surface-muted);border:1px solid var(--color-border-muted);border-radius:12px;gap:8px;min-width:0;padding:16px;display:grid}.stat-card strong{font-size:26px}.stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;overflow-wrap:anywhere;font-size:12px;line-height:1.3}.chart-panel{grid-column:span 2}.full-width-panel{grid-column:1/-1}@media (width<=900px){.chart-panel{grid-column:span 1}.two-column-grid,.stats-grid{grid-template-columns:1fr}}.management-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin-bottom:20px;display:grid}.editor-form{gap:16px;display:grid}.entity-list{gap:12px;margin-top:20px;display:grid}.entity-row{border:1px solid var(--color-border-subtle);background:var(--color-surface-subtle);border-radius:12px;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px;display:flex}.entity-row.is-selected{border-color:var(--color-focus);box-shadow:0 0 0 3px var(--color-focus-ring-strong)}.entity-copy{gap:6px;min-width:0;display:grid}.entity-meta{color:var(--color-text-muted);font-size:14px;line-height:1.5}.entity-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.item-detail-card{background:var(--color-surface-muted);border:1px solid var(--color-border-muted);border-radius:12px;gap:6px;margin-top:20px;padding:16px;display:grid}.inventory-list-panel{margin-top:20px}.compact-empty-state{margin:0;padding:20px}.form-note{color:var(--color-text-muted);margin:0;font-size:13px;line-height:1.5}@media (width<=700px){.entity-row{flex-direction:column}.entity-actions{justify-content:flex-start;width:100%}}.search-container{margin-bottom:30px}.search-form{flex-direction:column;gap:15px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--color-text-strong);font-weight:700}.form-group input,.form-group select{border:1px solid var(--color-border);background:var(--color-input-bg);color:inherit;border-radius:4px;padding:10px;font-family:inherit;font-size:14px}.form-group input:focus,.form-group select:focus{border-color:var(--button-primary-bg);box-shadow:0 0 5px var(--button-primary-ring);outline:none}.quantity-range,.date-range{align-items:flex-end;gap:15px;display:flex}.quantity-range .form-group,.date-range .form-group{flex:1}.search-buttons{flex-wrap:wrap;gap:10px;display:flex}.location-results{margin-bottom:24px}.location-results-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.location-result-card{background:var(--color-surface-muted);border:1px solid var(--color-border-subtle);color:var(--color-text-soft);border-radius:12px;gap:6px;padding:16px;display:grid}.results-info{text-align:center;color:var(--color-text-muted);margin-bottom:20px;font-size:16px}.no-results{text-align:center;color:var(--color-text-muted);padding:40px;font-size:18px}.item-expiry-badge{border-radius:4px;margin-top:4px;padding:4px 8px;font-size:12px;font-weight:700;display:inline-block}.expiry-fresh{background-color:var(--status-success-bg);color:var(--status-success-text)}.expiry-soon{background-color:var(--status-warning-bg);color:var(--status-warning-text)}.expiry-expired{background-color:var(--status-error-bg);color:var(--status-error-text)}.pagination-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin:30px 0;display:flex}.pagination-size{align-items:center;gap:10px;display:flex}.pagination-size label{color:var(--color-text-strong);font-weight:700}.pagination-size select{border:1px solid var(--color-border);background-color:var(--color-input-bg);color:inherit;cursor:pointer;border-radius:4px;padding:8px 12px;font-size:14px}.pagination-size select:focus{border-color:var(--button-primary-bg);outline:none}.pagination-nav{align-items:center;gap:10px;display:flex}.pagination-nav button{border:1px solid var(--color-border);background-color:var(--color-surface-muted);color:var(--color-text-strong);cursor:pointer;border-radius:4px;padding:8px 12px;font-weight:700;transition:all .2s}.pagination-nav button:hover:not(:disabled){background-color:var(--button-primary-bg);color:var(--button-primary-text);border-color:var(--button-primary-bg)}.pagination-nav button:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:var(--color-text-muted);text-align:center;min-width:120px;font-size:14px}@media (width<=600px){.quantity-range,.date-range,.search-buttons,.pagination-controls{flex-direction:column;gap:15px}.pagination-size,.pagination-nav{justify-content:center}}.barcode-page,.barcode-workspace,.barcode-management-grid{gap:20px;display:grid}.barcode-workspace{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);align-items:start}.barcode-management-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scanner-panel,.scan-summary-panel,.editor-panel,.match-panel{gap:16px;display:grid}.scanner-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.scanner-header h3{text-align:left;margin:0}.scanner-header p,.scan-summary-copy p,.manual-entry-note,.editor-empty-state p{color:var(--color-text-muted);margin:0;line-height:1.6}.mode-toggle{flex-wrap:wrap;gap:10px;display:inline-flex}.mode-btn{border:1px solid var(--color-border-strong);background:var(--color-input-bg);color:var(--color-text);cursor:pointer;font:inherit;border-radius:999px;padding:10px 18px;font-weight:700;transition:background-color .2s,color .2s,border-color .2s}.mode-btn.active{background:var(--button-primary-bg);border-color:var(--button-primary-bg);color:var(--button-primary-text)}.camera-frame{border:1px solid var(--color-border);background:radial-gradient(circle at top left, #2563eb2e, transparent 35%), linear-gradient(135deg, var(--color-surface-subtle), var(--color-surface-muted));border-radius:24px;min-height:380px;position:relative;overflow:hidden}.camera-frame.is-active{background:var(--color-video-bg)}.camera-target,.camera-target video,.camera-target canvas{width:100%;height:100%;position:absolute;inset:0}.camera-target video,.camera-target canvas{object-fit:cover}.camera-placeholder{text-align:center;color:var(--color-text-soft);place-content:center;gap:10px;padding:24px;display:grid;position:absolute;inset:0}.camera-placeholder strong{color:var(--color-text-strong);font-size:24px}.camera-overlay{pointer-events:none;background:linear-gradient(#0f172a2e,#0f172a0d);position:absolute;inset:0}.scan-window{border:2px solid #ffffffd9;border-radius:24px;position:absolute;inset:16% 12%;box-shadow:0 0 0 999px #0f172a38}.scan-window:before,.scan-window:after{content:"";border-style:solid;border-color:#fff;width:46px;height:46px;position:absolute}.scan-window:before{border-width:4px 0 0 4px;border-radius:22px 0 0;top:-2px;left:-2px}.scan-window:after{border-width:0 4px 4px 0;border-radius:0 0 22px;bottom:-2px;right:-2px}.camera-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.scanner-status{background:var(--status-info-bg);border:1px solid var(--status-info-border);color:var(--status-info-text);border-radius:14px;flex:1;min-width:240px;padding:12px 14px;line-height:1.5}.camera-controls,.manual-entry-actions,.quick-actions,.lookup-result-actions{flex-wrap:wrap;gap:10px;display:flex}.manual-entry-panel{align-content:start;gap:14px;display:grid}.barcode-input{font-family:Consolas,Courier New,monospace;font-size:18px}.scan-summary-card{background:radial-gradient(circle at top right, #4caf502e, transparent 32%), linear-gradient(180deg, var(--color-surface-subtle), var(--color-surface));border:1px solid var(--color-border);border-radius:18px;gap:12px;padding:18px;display:grid}.scan-summary-label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);font-size:13px}.scan-summary-value{color:var(--color-text-strong);word-break:break-word;font-family:Consolas,Courier New,monospace;font-size:clamp(28px,4vw,40px);line-height:1.1}.scan-summary-meta{flex-wrap:wrap;gap:8px;display:flex}.scan-chip{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:34px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}.scan-chip.is-success{background:var(--status-success-bg);border-color:var(--status-success-border);color:var(--status-success-text)}.scan-chip.is-warning{background:var(--status-warning-bg);border-color:var(--status-warning-border);color:var(--status-warning-text)}.scan-chip.is-neutral{background:var(--color-surface-muted);border-color:var(--color-border-muted);color:var(--color-text-soft)}.lookup-results-grid,.match-candidate-list{gap:12px;display:grid}.lookup-results-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.lookup-result-card,.match-candidate-row,.editor-empty-state{border:1px solid var(--color-border-muted);background:var(--color-surface-muted);border-radius:16px}.lookup-result-card{gap:10px;padding:16px;display:grid}.lookup-result-card.is-selected{border-color:var(--color-focus);box-shadow:0 0 0 3px var(--color-focus-ring-strong)}.lookup-result-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.lookup-result-meta{color:var(--color-text-soft);line-height:1.5}.editor-empty-state{padding:22px}.match-search-field{max-width:520px}.match-candidate-row{justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.match-candidate-copy{gap:6px;min-width:0;display:grid}@media (width<=1024px){.barcode-workspace,.barcode-management-grid{grid-template-columns:1fr}}@media (width<=720px){.scanner-header,.camera-toolbar,.match-candidate-row{flex-direction:column;align-items:stretch}.camera-frame{min-height:300px}.scan-window{inset:20% 8%}.camera-controls .btn,.manual-entry-actions .btn,.quick-actions .btn,.lookup-result-actions .btn,.match-candidate-row .btn{width:100%}}.users-page-panel{margin-top:24px}.users-page-note{margin-bottom:20px}.users-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.user-card{background:var(--color-surface-muted);border:1px solid var(--color-border-muted);border-radius:12px;gap:8px;padding:18px;display:grid}.users-role-list{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.users-role-badge{background:var(--status-info-bg);color:var(--status-info-text);border:1px solid var(--status-info-border);border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.users-role-badge--empty{background:var(--color-surface-subtle);color:var(--color-text-muted);border-color:var(--color-border-muted)}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f4f7fb;--color-surface:#fff;--color-surface-muted:#f8fafc;--color-surface-subtle:#fbfcfe;--color-text:#1e293b;--color-text-strong:#0f172a;--color-text-soft:#475569;--color-text-muted:#64748b;--color-border:#dde5ef;--color-border-strong:#cbd5e1;--color-border-muted:#dbe4f0;--color-border-subtle:#d9e2ef;--color-rule:#5b5b5b;--color-focus:#2563eb;--color-focus-ring:#2563eb1f;--color-focus-ring-strong:#2563eb24;--color-chart-track:#f2f2f2;--color-video-bg:#000;--color-input-bg:#fff;--color-input-focus-bg:#fffef0;--shadow-panel:0 16px 32px #0f172a0a;--shadow-soft:0 2px 4px #0000001a;--nav-bg:#333;--nav-bg-hover:#111;--nav-text:#fff;--nav-button-border:#ffffff59;--nav-button-hover:#ffffff24;--nav-divider:#ffffff1f;--button-primary-bg:#4caf50;--button-primary-hover:#45a049;--button-primary-text:#fff;--button-primary-ring:#4caf504d;--button-secondary-bg:#ddd;--button-secondary-hover:#bbb;--button-secondary-text:#333;--button-danger-bg:#f44336;--button-danger-hover:#da190b;--button-danger-text:#fff;--button-accent-bg:#2196f3;--button-accent-hover:#0b7dda;--button-accent-text:#fff;--status-error-bg:#fff1f2;--status-error-border:#fecdd3;--status-error-text:#be123c;--status-success-bg:#ecfdf5;--status-success-border:#bbf7d0;--status-success-text:#15803d;--status-success-bg-strong:#c8e6c9;--status-info-bg:#eff6ff;--status-info-border:#bfdbfe;--status-info-text:#1d4ed8;--status-warning-bg:#fff3e0;--status-warning-border:#ffe0b2;--status-warning-text:#e65100;--status-warning-text-strong:#d84315}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#0f172a;--color-surface:#172033;--color-surface-muted:#1e293b;--color-surface-subtle:#22304a;--color-text:#e2e8f0;--color-text-strong:#f8fafc;--color-text-soft:#cbd5e1;--color-text-muted:#94a3b8;--color-border:#334155;--color-border-strong:#475569;--color-border-muted:#42526b;--color-border-subtle:#3f4f68;--color-rule:#475569;--color-focus:#60a5fa;--color-focus-ring:#60a5fa38;--color-focus-ring-strong:#60a5fa47;--color-chart-track:#334155;--color-video-bg:#020617;--color-input-bg:#0b1220;--color-input-focus-bg:#111c31;--shadow-panel:0 18px 36px #02061773;--shadow-soft:0 10px 24px #02061747;--nav-bg:#020617;--nav-bg-hover:#1e293b;--nav-text:#e2e8f0;--nav-button-border:#94a3b859;--nav-button-hover:#94a3b829;--nav-divider:#94a3b833;--button-primary-bg:#22c55e;--button-primary-hover:#16a34a;--button-primary-text:#f8fafc;--button-primary-ring:#22c55e47;--button-secondary-bg:#334155;--button-secondary-hover:#475569;--button-secondary-text:#e2e8f0;--button-danger-bg:#ef4444;--button-danger-hover:#dc2626;--button-danger-text:#f8fafc;--button-accent-bg:#3b82f6;--button-accent-hover:#2563eb;--button-accent-text:#eff6ff;--status-error-bg:#3b0d19;--status-error-border:#7f1d1d;--status-error-text:#fecdd3;--status-success-bg:#052e1a;--status-success-border:#166534;--status-success-text:#bbf7d0;--status-success-bg-strong:#14532d;--status-info-bg:#0c2447;--status-info-border:#1d4ed8;--status-info-text:#bfdbfe;--status-warning-bg:#422006;--status-warning-border:#c2410c;--status-warning-text:#fed7aa;--status-warning-text-strong:#fdba74}html{background:var(--color-bg)}@media screen and (width>=1921px) and (width<=2560px){body{padding-left:20%;padding-right:20%}}@media screen and (width<=1920px){body{padding-left:10%;padding-right:10%}}body{background:var(--color-bg);color:var(--color-text);margin:0;padding-top:12px;font-family:Arial,Helvetica,sans-serif}#root{min-height:100vh}body,hr,.btn,.panel,.auth-required,.empty-state,.field-group input,.field-group select,.field-group textarea{transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}#page-content{padding-bottom:32px}h2{text-align:center;font-size:xx-large}h3{text-align:center;font-size:x-large}hr{background:var(--color-rule);border:0;width:100%;height:2px;margin:20px 0}.btn{cursor:pointer;border:none;border-radius:10px;padding:12px 20px;font-size:14px;font-weight:700;transition:background-color .3s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--button-primary-bg);color:var(--button-primary-text)}.btn-primary:hover{background-color:var(--button-primary-hover)}.btn-secondary{background-color:var(--button-secondary-bg);color:var(--button-secondary-text)}.btn-secondary:hover{background-color:var(--button-secondary-hover)}.btn-danger{background-color:var(--button-danger-bg);color:var(--button-danger-text)}.btn-danger:hover{background-color:var(--button-danger-hover)}.panel{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-panel);border-radius:16px;padding:24px}.status-banner{border:1px solid #0000;border-radius:12px;margin-bottom:16px;padding:14px 16px}.status-banner--error{background:var(--status-error-bg);border-color:var(--status-error-border);color:var(--status-error-text)}.status-banner--success{background:var(--status-success-bg);border-color:var(--status-success-border);color:var(--status-success-text)}.status-banner--info{background:var(--status-info-bg);border-color:var(--status-info-border);color:var(--status-info-text)}.auth-required,.empty-state{background:var(--color-surface);border:1px dashed var(--color-border-strong);text-align:center;color:var(--color-text-muted);border-radius:16px;padding:24px}.field-group{gap:8px;display:grid}.field-group label{color:var(--color-text-soft);font-weight:700}.field-group input,.field-group select,.field-group textarea{box-sizing:border-box;border:1px solid var(--color-border-strong);width:100%;font:inherit;background:var(--color-input-bg);color:inherit;border-radius:10px;padding:11px 12px}.field-group input::placeholder,.field-group select::placeholder,.field-group textarea::placeholder{color:var(--color-text-muted)}.field-group textarea{resize:vertical}.field-group input:focus,.field-group select:focus,.field-group textarea:focus{border-color:var(--color-focus);box-shadow:0 0 0 3px var(--color-focus-ring);outline:none}.button-row{flex-wrap:wrap;gap:10px;display:flex}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.section-heading h3{text-align:left;margin:0}.subtle-text{color:var(--color-text-muted);font-size:14px}code{font-family:Consolas,Courier New,monospace;font-size:.95em}@media (width<=720px){body{padding-left:16px!important;padding-right:16px!important}.panel{padding:18px}.form-grid{grid-template-columns:1fr}.button-row,.section-heading{flex-direction:column;align-items:stretch}}