:root{--topbar-h: 56px;--gutter: clamp(12px, 1.2vw, 24px);--gap: clamp(10px, 1vw, 18px);--radius: 10px;--nav-w: clamp(64px, 6vw, 240px);--filters-w: clamp(220px, 20vw, 340px);--preview-w: clamp(360px, 32vw, 860px);--bg: #f6f8fb;--panel: #ffffff;--line: rgba(17, 24, 39, .1);--text: #111827;--muted: rgba(17, 24, 39, .55)}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);overscroll-behavior-y:none}#root{margin:0;padding:0;text-align:initial}.appRoot{height:100%;min-height:100vh;width:100%;overflow:hidden;display:flex;flex-direction:column}.pageLayout{height:100%;min-height:0;padding:var(--gutter);display:grid;gap:var(--gap)}.pageLayout--one{grid-template-columns:1fr}.pageLayout--two{grid-template-columns:minmax(420px,1fr) minmax(360px,var(--preview-w))}.pageLayout--three{grid-template-columns:minmax(200px,var(--filters-w)) minmax(420px,1fr) minmax(360px,var(--preview-w))}.panel{min-height:0;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.panel--preview .panelInner{max-width:1100px;margin:0 auto;padding:clamp(12px,1.2vw,20px)}html[data-density=compact]{--gutter: clamp(8px, .9vw, 14px);--gap: clamp(8px, .8vw, 12px);--radius: 8px;--topbar-h: 52px}@media (max-width: 1280px){:root{--nav-w: 72px;--filters-w: 240px;--preview-w: 420px}}@media (max-width: 1100px){:root{--filters-w: 220px;--preview-w: 380px}}