.layout-btn { gap: 6px; background: var(--c-card); }
.layout-btn svg, #layout-pop svg { width: 18px; height: 18px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
#layout-pop { width: 280px; padding: 8px; }
.layout-section { padding: 7px 8px 5px; color: var(--c-dim); font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.layout-option { justify-content: flex-start; gap: 10px; padding: 7px 8px; text-align: left; }
.layout-option-text { display: grid; gap: 2px; flex: 1; }
.layout-option-text small, .layout-size small, .layout-note { color: var(--c-dim); font-size: 12px; }
.layout-check { width: 16px; flex: none; color: #c4b5fd; text-align: center; }
.layout-size { gap: 8px; padding: 6px 8px; }
.layout-size > span:first-child { flex: 1; }
.layout-inputs { display: flex; gap: 8px; padding: 8px; }
.layout-inputs label { display: flex; align-items: center; gap: 6px; min-width: 0; flex: 1; color: var(--c-dim); font-size: 12px; }
.layout-inputs input { width: 100%; min-width: 0; padding: 6px; border: 1px solid var(--c-line); border-radius: 6px; background: var(--c-card); color: var(--c-text); font: inherit; }
.layout-note { margin: 6px 8px 10px; }
@media (max-width: 640px) { #layout-label { display: none; } .layout-btn { padding-left: 7px; padding-right: 7px; } }