@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Inter:wght@400;500;600;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f0f2f5;--panel:#fff;--surface-soft:#f7f9fb;--ink:#1a1f2b;--muted:#586779;--line:#dce1e8;--accent:#06b6d4;--accent-dark:#0891b2;--accent-hover:#22c5de;--accent-text:#0e7490;--accent-soft:#ecfeff;--accent-glow:#06b6d42e;--on-accent:#062a32;--chart-secondary:#657789;--danger:#b91c1c;--danger-soft:#fee2e2;--ok:#166534;--ok-soft:#dcfce7;--warn:#92400e;--warn-soft:#fef3c7;--sidebar-bg:#e4e7ec;--grid-line:#06b6d40f;--overlay:#00000059;--rat-fur:#f1f2f5;--rat-highlight:#fff;--rat-shadow:#cbd0da;--rat-outline:#667080;--sidebar-w:240px;--font-ui:"Inter", system-ui, -apple-system, sans-serif;--text-body:14px;--text-sm:13px;--text-xs:12px;--text-title:22px;--text-repo-title:32px;--text-brand:36px;--weight-brand:700;--text-heading:16px;--text-value:24px;--line-height:1.6;--weight-medium:500;--weight-strong:600;--card-min:172px;font-family:var(--font-ui)}:root[data-theme=pink-light]{--accent:#f08caf;--accent-dark:#d45a86;--accent-hover:#e978a0;--accent-text:#a62c57;--accent-soft:#fff0f5;--accent-glow:#d45a862e;--on-accent:#491427;--sidebar-bg:#ece5e9;--grid-line:#a62c570f}:root[data-theme$=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101318;--panel:#181c22;--surface-soft:#20252c;--ink:#edf3f8;--muted:#acb6c2;--line:#343c46;--sidebar-bg:#14181e;--accent:#087d9c;--accent-dark:#09677f;--accent-hover:#09677f;--accent-text:#75d9ee;--accent-soft:#102f3a;--accent-glow:#087d9c3d;--on-accent:#fff;--chart-secondary:#a3b2c2;--grid-line:#bad6eb0b;--danger:#fda4af;--danger-soft:#421f2a;--ok:#86efac;--ok-soft:#183728;--warn:#fcd34d;--warn-soft:#3c3018;--overlay:#000000a6;--rat-fur:#9ca5b2;--rat-highlight:#bbc2cc;--rat-shadow:#707c8d;--rat-outline:#505c6c}:root[data-theme=pink-dark]{--bg:#151114;--panel:#201a1e;--surface-soft:#292126;--line:#42353d;--sidebar-bg:#1a1518;--accent:#b53556;--accent-dark:#942842;--accent-hover:#942842;--accent-text:#ffa4b8;--accent-soft:#391f29;--accent-glow:#b535563d;--grid-line:#f0acc10b}:root[data-font=pixel]{--font-ui:"Press Start 2P", ui-monospace, monospace;--text-body:11px;--text-sm:10px;--text-xs:9px;--text-title:17px;--text-repo-title:22px;--text-brand:26px;--weight-brand:400;--text-heading:12px;--text-value:16px;--line-height:1.9;--weight-medium:400;--weight-strong:400;--card-min:200px}*{box-sizing:border-box}body{background:var(--bg);background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);color:var(--ink);font-size:var(--text-body);line-height:var(--line-height);background-size:24px 24px;margin:0}h1,h2,h3{font-weight:var(--weight-strong);overflow-wrap:anywhere;margin:0 0 12px;line-height:1.6}h1{font-size:var(--text-title)}h2{font-size:var(--text-heading)}h3{font-size:var(--text-sm);color:var(--muted)}button,input,select,textarea{font:inherit;font-size:var(--text-sm)}code,pre{font-family:inherit;font-size:inherit}small{font-size:var(--text-xs)}input,select,textarea{color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:8px;min-width:0;max-width:100%;padding:9px 12px}input[type=checkbox],input[type=radio]{accent-color:var(--accent)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}input::file-selector-button{font:inherit;background:var(--surface-soft);color:var(--ink);border:1px solid var(--line);cursor:pointer;border-radius:6px;margin-right:12px;padding:6px 10px}:where(button,input,select,textarea,a,summary):focus-visible{outline:2px solid var(--accent-text);outline-offset:3px}::selection{background:var(--accent);color:var(--on-accent)}a{color:var(--accent-text);text-decoration:none}.layout{height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);flex:0 0 var(--sidebar-w);background:var(--sidebar-bg);background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);color:var(--ink);border-right:1px solid var(--line);background-size:24px 24px;flex-direction:column;height:100vh;padding:16px 12px;display:flex;position:sticky;top:0;overflow:hidden auto}.sidebar .brand-row{align-items:center;gap:8px;margin-bottom:4px;display:flex}.sidebar .brand-rat{width:48px;height:48px;image-rendering:pixelated;border-radius:4px;flex-shrink:0}.sidebar .brand{font-family:inherit;font-size:var(--text-brand);font-weight:var(--weight-brand);color:var(--ink);letter-spacing:.04em;line-height:1.2}.sidebar .add-btn{background:var(--accent);color:var(--on-accent);width:32px;height:32px;font-size:var(--text-heading);font-weight:var(--weight-strong);cursor:pointer;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;transition:transform .2s,background .2s;display:flex}.sidebar .add-btn:hover{background:var(--accent-hover);transform:scale(1.15)}.sidebar .add-btn:active{transform:scale(.95)}.commit-search{color:var(--muted);font-size:var(--text-sm);gap:6px;display:grid}.commit-pagination,.children-pagination{justify-content:center;align-items:center;gap:14px;margin-top:12px;display:flex}.commit-search{max-width:480px;margin:12px 0}.sidebar .tagline{color:var(--muted);font-size:var(--text-xs);margin-bottom:20px;padding-left:56px}.sidebar nav{flex:1}.sidebar nav button{text-align:left;width:100%;color:var(--muted);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;transition:background .2s,color .2s,transform .15s;display:flex}.sidebar nav button:hover{background:var(--accent-soft);color:var(--ink)}.sidebar nav button:active{transform:scale(.97)}.sidebar nav button.active{background:var(--accent);color:var(--on-accent);box-shadow:0 2px 8px var(--accent-glow)}.sidebar-tools{flex-shrink:0;margin-top:auto;padding:12px 0}.settings-toggle{width:100%;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}.settings-toggle:hover{background:var(--accent-soft);color:var(--ink)}.navigation-icon{object-fit:contain;width:32px;height:32px;image-rendering:pixelated;flex-shrink:0}.settings-toggle{justify-content:space-between}.settings-chevron{transition:transform .18s}.settings-chevron.expanded{transform:rotate(180deg)}.appearance-controls{font-size:var(--text-sm);padding:10px 12px 4px}.appearance-controls[hidden]{display:none}.palette-picker{border:0;min-width:0;margin:0;padding:0}.palette-picker legend{color:var(--muted);font-size:var(--text-xs);margin-bottom:8px;padding:0}.palette-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.palette-option{border:1px solid var(--line);background:var(--panel);min-width:0;color:var(--ink);text-align:left;font-size:var(--text-xs);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px;transition:transform .18s,background .18s,border-color .18s;display:flex}.palette-option:hover{background:var(--surface-soft);transform:translateY(-1px)}.palette-option:active{transform:scale(.97)}.palette-option[aria-pressed=true]{border-color:var(--accent-text);box-shadow:inset 0 0 0 1px var(--accent-text)}.palette-swatch{border:1px solid var(--line);border-radius:5px;flex:0 0 24px;width:24px;height:24px}.palette-swatch.blue-light{background:linear-gradient(135deg,#fff 50%,#06b6d4 50%)}.palette-swatch.blue-dark{background:linear-gradient(135deg,#101318 50%,#087d9c 50%)}.palette-swatch.pink-light{background:linear-gradient(135deg,#fff 50%,#f08caf 50%)}.palette-swatch.pink-dark{background:linear-gradient(135deg,#151114 50%,#b53556 50%)}.font-setting{justify-content:space-between;align-items:center;gap:12px;padding-top:12px;display:flex}.font-switch{border:1px solid var(--muted);background:var(--surface-soft);cursor:pointer;border-radius:20px;flex:0 0 40px;width:40px;height:24px;padding:3px;transition:background .18s,transform .18s}.switch-thumb{background:var(--muted);border-radius:50%;width:16px;height:16px;transition:transform .18s,background .18s;display:block}.font-switch[aria-checked=true]{background:var(--accent);border-color:var(--accent)}.font-switch[aria-checked=true] .switch-thumb{background:var(--on-accent);transform:translate(16px)}.font-switch:hover{box-shadow:0 0 0 3px var(--accent-glow)}.font-switch:active{transform:scale(.96)}.sidebar .lab-footer{border-top:1px solid var(--line);flex-shrink:0;margin-top:0;padding-top:12px;overflow:hidden}.road-track{grid-template-rows:2px 48px 2px;place-items:center;gap:4px;display:grid}.road-line{background:repeating-linear-gradient(90deg, var(--muted) 0px, var(--muted) 6px, transparent 6px, transparent 12px);opacity:.4;width:100%;height:2px;animation:.6s linear infinite road-scroll}@keyframes road-scroll{0%{background-position:0 0}to{background-position:-12px 0}}.running-rat{width:64px;height:48px;overflow:hidden}.running-rat svg{width:256px;max-width:none;height:48px;image-rendering:pixelated;animation:.48s steps(4,end) infinite sprite-run;display:block}@keyframes sprite-run{0%{transform:translate(0)}to{transform:translate(-256px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.content{flex:1;min-width:0;max-width:1320px;height:100vh;padding:24px 28px;overflow-y:auto}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;margin-bottom:18px;padding:18px;transition:box-shadow .25s;box-shadow:0 1px 3px #0000000a}.panel:hover{box-shadow:0 3px 12px #0000000f}.repository-header{flex-wrap:wrap;align-items:center;gap:12px 24px;min-height:56px;margin-bottom:22px;display:flex;position:relative}.repository-heading{align-items:center;gap:12px;min-width:0;max-width:100%;display:flex}.repository-heading h1{min-width:0;font-size:var(--text-repo-title);color:var(--ink);margin:0;line-height:1.4}.repository-heading.switching{flex:100%}.repository-heading.switching h1{text-overflow:ellipsis;white-space:nowrap;max-width:38%;overflow:hidden}.repo-switcher{flex:0 0 40px;align-items:center;min-width:40px;display:flex}.repo-switcher.is-open{flex:160px}.repo-switcher-toggle,.carousel-step{border:1px solid var(--line);background:var(--panel);width:40px;height:40px;color:var(--muted);cursor:pointer;border-radius:10px;flex:0 0 40px;justify-content:center;align-items:center;padding:0;transition:background .18s,color .18s,transform .18s;display:flex}.repo-switcher-toggle:hover,.repo-switcher-toggle[aria-expanded=true],.carousel-step:hover{background:var(--accent-soft);color:var(--accent-text);border-color:var(--accent-text)}.repo-switcher-toggle:active,.carousel-step:active{transform:scale(.95)}.repository-carousel{opacity:0;visibility:hidden;grid-template-columns:28px minmax(0,1fr) 28px;align-items:center;gap:4px;width:0;min-width:0;max-width:0;margin-left:0;transition:max-width .28s,width .28s,margin .28s,opacity .2s,visibility .28s;display:grid;overflow:hidden}.repo-switcher.is-open .repository-carousel{opacity:1;visibility:visible;width:100%;max-width:720px;margin-left:8px}.carousel-step{background:0 0;border:0;border-radius:8px;width:28px;height:32px}.repository-options{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--line) transparent;align-items:center;gap:8px;min-width:0;padding:5px 2px;display:flex;overflow-x:auto}.repository-options p{flex:none;margin:0}.repository-options button{border:1px solid var(--line);background:var(--panel);color:var(--ink);white-space:nowrap;scroll-snap-align:start;cursor:pointer;border-radius:999px;flex:none;padding:8px 14px;transition:background .18s,border-color .18s,transform .18s}.repository-options button:hover{background:var(--accent-soft);color:var(--accent-text);border-color:var(--accent-text)}.repository-options button[aria-current=true]{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.repository-options button:active{transform:scale(.97)}.repository-options button:focus-visible,.carousel-step:focus-visible{outline-offset:-3px}.filterbar{background:var(--surface-soft);border:1px solid var(--line);border-radius:10px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:end;gap:12px;padding:14px 16px;display:grid}.filterbar label{font-size:var(--text-xs);font-weight:var(--weight-strong);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;flex-direction:column;gap:4px;display:flex}.filterbar select,.filterbar input{border:1px solid var(--line);background:var(--panel);font-size:var(--text-sm);color:var(--ink);border-radius:8px;padding:8px 10px;transition:border-color .2s,box-shadow .2s}.filterbar select:focus,.filterbar input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.filterbar .filter-actions{justify-self:end;align-items:center;gap:8px;display:flex}button.primary,button.secondary,button.danger{font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;border:1px solid #0000;border-radius:8px;padding:9px 16px;transition:all .2s cubic-bezier(.22,1,.36,1)}button.primary{background:var(--accent);color:var(--on-accent);box-shadow:0 2px 6px var(--accent-glow)}button.primary:hover{background:var(--accent-hover);box-shadow:0 4px 14px var(--accent-glow);transform:translateY(-2px)}button.primary:active{box-shadow:0 1px 4px var(--accent-glow);transform:translateY(0)scale(.97)}button.secondary{background:var(--panel);border-color:var(--line);color:var(--ink)}button.secondary:hover{border-color:var(--accent);color:var(--accent-text);background:var(--accent-soft);transform:translateY(-1px)}button.secondary:active{transform:translateY(0)scale(.97)}button.danger{background:var(--panel);border-color:var(--danger);color:var(--danger)}button.danger:hover{background:var(--danger-soft);transform:translateY(-1px)}button.danger:active{transform:translateY(0)scale(.97)}button:disabled,button:disabled:hover{opacity:1;color:var(--muted);background:var(--surface-soft);border-color:var(--line);box-shadow:none;cursor:not-allowed;transform:none!important}.cards{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--card-min)), 1fr));gap:12px;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.card{min-width:0}.card .label{color:var(--muted);font-size:var(--text-xs);font-weight:var(--weight-strong);text-transform:uppercase;letter-spacing:.03em}.card .value{font-weight:var(--weight-strong);font-size:var(--text-value);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;color:var(--ink);margin-top:6px}table.grid{border-collapse:collapse;width:100%;font-size:var(--text-sm)}table.grid th,table.grid td{border-bottom:1px solid var(--line);text-align:left;padding:8px 10px}table.grid th{color:var(--muted);font-weight:var(--weight-strong);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.03em;background:var(--surface-soft)}table.grid tr.clickable{cursor:pointer;transition:background .15s}table.grid tr.clickable:hover{background:var(--accent-soft)}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.table-container{border:1px solid var(--line);border-radius:8px;max-height:320px;overflow-y:auto}.table-container::-webkit-scrollbar{width:6px}.table-container::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}.table-container::-webkit-scrollbar-thumb:hover{background:var(--muted)}.load-more-row{text-align:center;border-top:1px solid var(--line);padding:12px}.load-more-row button{background:var(--accent-soft);border:1px solid var(--accent);color:var(--accent-text);font-size:var(--text-xs);font-weight:var(--weight-strong);cursor:pointer;border-radius:6px;padding:7px 20px;transition:all .2s}.load-more-row button:hover{background:var(--accent);color:var(--on-accent);transform:translateY(-1px)}.load-more-row button:active{transform:translateY(0)scale(.97)}.water-bottle-bar{align-items:center;gap:6px;min-width:140px;display:flex}.water-bottle-bar .bottle-track{background:var(--accent-soft);border:1px solid var(--line);border-radius:7px;flex:1;height:14px;overflow:hidden}.water-bottle-bar .bottle-fill{background:linear-gradient(90deg, var(--accent), var(--accent-dark));border-radius:7px;height:100%;transition:width .8s cubic-bezier(.22,1,.36,1)}.badge{font-size:var(--text-xs);font-weight:var(--weight-strong);text-transform:uppercase;letter-spacing:.04em;background:var(--accent-soft);color:var(--accent-text);border-radius:999px;padding:3px 9px;display:inline-block}.badge.ready{background:var(--ok-soft);color:var(--ok)}.badge.error{background:var(--danger-soft);color:var(--danger)}.badge.ingesting,.badge.pending,.badge.running{background:var(--warn-soft);color:var(--warn)}.breadcrumbs{font-size:var(--text-sm);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px;display:flex}.breadcrumbs button{color:var(--accent-text);cursor:pointer;font-size:var(--text-sm);background:0 0;border:0;border-radius:4px;padding:3px 6px;transition:background .15s,transform .15s}.breadcrumbs button:hover{background:var(--accent-soft)}.breadcrumbs button:active{transform:scale(.95)}.breadcrumbs span.sep,.muted{color:var(--muted)}.text-small{font-size:var(--text-xs)}.text-medium{font-weight:var(--weight-medium)}.field-label{color:var(--muted);font-size:var(--text-xs);font-weight:var(--weight-strong)}.success-text{color:var(--ok);font-weight:var(--weight-medium)}.url-input{flex:240px;width:100%}button.text-button{color:var(--accent-text);background:0 0;border:0;padding:0}.filterbar label{min-width:0}.filterbar .filter-actions{flex-wrap:wrap}table.grid th{z-index:1;position:sticky;top:0}.repositories-table{overflow-x:auto}.error-text{color:var(--danger);font-weight:var(--weight-medium)}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.spread{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.progress{background:var(--line);border-radius:3px;min-width:160px;height:6px;overflow:hidden}.progress>div{background:linear-gradient(90deg, var(--accent), var(--accent-dark));border-radius:3px;height:100%;transition:width .6s cubic-bezier(.22,1,.36,1)}.modal-backdrop{background:var(--overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:40;justify-content:center;align-items:flex-start;padding:60px 20px;display:flex;position:fixed;inset:0}.modal{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:14px;width:min(780px,100%);max-height:70vh;padding:22px;overflow:auto;box-shadow:0 20px 60px #0000001f}.rat-wheel-container{flex-direction:column;align-items:center;gap:10px;padding:28px;display:flex}.rat-wheel{place-items:center;width:80px;height:80px;display:grid;position:relative}.rat-wheel-container.compact{flex-direction:row;gap:10px;min-width:0;padding:0}.rat-wheel-container.compact .rat-wheel{flex:0 0 56px;width:56px;height:56px}.rat-wheel-container.compact .running-rat{transform:scale(.625)}.rat-wheel-container.compact .rat-wheel-label{max-width:24ch}.rat-wheel .running-rat{position:relative}.rat-wheel .wheel-ring{border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:1s linear infinite spin;position:absolute;inset:0}.rat-wheel .wheel-spokes{border:2px dashed var(--accent);opacity:.3;border-radius:50%;animation:1.5s linear infinite reverse spin;position:absolute;inset:6px}@keyframes spin{to{transform:rotate(360deg)}}.rat-wheel-label{font-size:var(--text-xs);color:var(--muted);font-weight:var(--weight-medium)}.chart-panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;margin-bottom:18px;padding:18px;box-shadow:0 1px 3px #0000000a}.chart-panel h2{color:var(--ink);margin-bottom:14px}.chart-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.chart-toolbar h2{margin:0}.chart-description{margin:0 0 14px}.chart-view-picker{border:1px solid var(--line);background:var(--surface-soft);border-radius:10px;flex-wrap:wrap;gap:4px;max-width:100%;padding:4px;display:flex}.chart-view-picker button{width:38px;height:38px;color:var(--muted);font-size:var(--text-xs);font-weight:var(--weight-medium);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;flex:0 0 38px;justify-content:center;align-items:center;padding:0;transition:background .18s,color .18s,transform .18s;display:flex}.chart-view-picker button:hover{background:var(--accent-soft);color:var(--accent-text)}.chart-view-picker button[aria-pressed=true]{background:var(--accent);color:var(--on-accent);box-shadow:0 2px 6px var(--accent-glow)}.chart-view-picker button:active{transform:scale(.96)}.chart-panel .recharts-surface:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px;border-radius:6px}.chart-panel .recharts-text{font-family:var(--font-ui);font-size:var(--text-xs);fill:var(--muted)}.chart-panel .recharts-legend-item-text{color:var(--ink)!important}.chart-panel .recharts-tooltip-wrapper{font-family:var(--font-ui);font-size:var(--text-sm)}.chart-panel .churn-total{fill:var(--ink);font-size:var(--text-heading);font-weight:var(--weight-strong)}.churn-total-caption{text-align:center;font-size:var(--text-sm);color:var(--ink);margin:0 0 12px}.churn-breakdown{font-size:var(--text-xs);flex-wrap:wrap;justify-content:center;gap:10px 24px;margin:0;padding:0;list-style:none;display:flex}.churn-breakdown li{overflow-wrap:anywhere;align-items:center;gap:8px;min-width:0;display:flex}.churn-swatch{border-radius:3px;flex:0 0 10px;height:10px}.churn-swatch.added{background:var(--accent);border:1px solid var(--accent-text)}.churn-swatch.removed{background:var(--chart-secondary)}@media (width<=768px){.layout{flex-direction:column;height:auto;overflow:visible}.sidebar{z-index:30;flex-flow:wrap;flex:none;align-items:center;gap:8px;width:100%;height:auto;max-height:50dvh;padding:10px 14px;position:sticky;top:0}.sidebar .brand-row{flex:1 0 100%}.sidebar nav{flex:1 0 100%;gap:4px;display:flex;overflow-x:auto}.sidebar nav button{width:auto;padding:8px 12px}.navigation-icon{width:24px;height:24px}.sidebar .tagline,.sidebar .lab-footer{display:none}.sidebar-tools{width:100%;padding:0}.appearance-controls{flex-wrap:wrap;align-items:center;gap:12px;width:100%;padding:8px 12px;display:flex}.palette-picker{flex:280px}.palette-options{grid-template-columns:repeat(4,minmax(0,1fr))}.palette-option{gap:4px;padding:6px}.font-setting{padding:0}.content{width:100%;height:auto;padding:16px;overflow:visible}.filterbar{grid-template-columns:1fr}}