/* Original 2026-09-03 visual system. Only fit, overflow and input reachability. */
html{min-height:100%}body{min-height:100dvh}.container{height:100dvh;gap:clamp(24px,calc((100vw - 1056px)/2),140px);padding-inline:120px}.card-zone{flex-shrink:0}.column{flex-shrink:0}.option:focus-visible,.category-item:focus-visible,.export-item:focus-visible{outline:1px solid #78746c;outline-offset:6px}.category-item,.export-item{min-height:28px;display:flex;align-items:center}.card-box{flex-shrink:0}
@media(max-width:1100px){.container{padding:96px 24px 90px;gap:clamp(16px,4vw,70px);min-height:500px;height:100dvh}.slot-left,.slot-right{min-width:120px}.category-panel{top:18px;bottom:auto;left:24px;right:24px;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px 24px}.export-panel{top:auto;bottom:14px;left:24px;right:24px;flex-direction:row;justify-content:center;align-items:center;gap:20px}.category-item,.export-item{min-height:36px}.export-panel .col-label{margin:0}body{overflow:auto}.column{gap:32px}.theme-scroll{gap:32px}}
@media(max-width:760px){body{display:block}.container{flex-direction:column;justify-content:center;min-height:100dvh;height:auto;padding:86px 24px 104px;gap:32px}.column{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;min-width:0;gap:20px 24px}.column:empty{display:none}.column .col-label{width:100%;text-align:center}.theme-scroll{width:100%;max-height:none!important;overflow:visible;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:20px 24px;margin:0;padding:0}.option{font-size:17px;min-height:32px;display:flex;align-items:center}.option::after{bottom:-2px}.card-box{aspect-ratio:auto}.category-panel{gap:8px 20px;background:#f3f3f1e8}.export-panel{gap:16px;background:#f3f3f1ed}.category-panel,.export-panel{left:0;right:0;padding-inline:16px}.category-panel{top:0;padding-block:12px}.export-panel{bottom:0;padding-block:12px}.option-picker{justify-content:center}.glow{max-width:calc(100vw - 32px)}}
@media(max-height:560px) and (min-width:761px){.container{min-height:560px}.category-panel,.export-panel{position:absolute}.export-panel{top:508px;bottom:auto}}
@media(max-width:760px){body{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}.category-panel{position:sticky;top:0;order:0;flex-shrink:0;min-height:60px}.container{order:1;min-height:calc(100dvh - 120px);padding:32px 24px;flex-shrink:0}.export-panel{position:static;order:2;min-height:60px;flex-shrink:0;background:transparent}.glow{pointer-events:none}}