:root{font-family:system-ui,sans-serif;color:#111;background:#f7f7f7}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}#root{min-height:100vh}main{max-width:1120px;margin:0 auto;padding:24px 16px}.layout{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:16px;align-items:start}.sidebar{order:1}.content{order:2}.panel{margin-bottom:16px;padding:16px;border:1px solid #d8d8d8;background:#fff}h1,h2,h3,p,dl{margin-top:0}h1{margin-bottom:20px;font-size:1.8rem}h2{margin-bottom:12px;font-size:1rem}h3{margin-bottom:8px;font-size:.95rem}p{margin-bottom:12px}label{display:block;line-height:1.6}.actions{display:flex;flex-wrap:wrap;gap:8px}button{padding:6px 12px}input[type=file]{max-width:100%}.info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin-bottom:12px}.info div{min-width:0}.info .wide{grid-column:1 / -1}.info dt{color:#666;font-size:.85rem}.info dd{margin:2px 0 0;overflow-wrap:anywhere}.section-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:4px 16px;margin-top:12px}.subsection{margin-top:16px;padding-top:16px;border-top:1px solid #e4e4e4}.error{color:#a40000}.log{min-height:120px;max-height:360px;margin:0;padding:8px 8px 8px 32px;overflow:auto;border:1px solid #ccc;background:#fff;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9rem;line-height:1.5}@media (max-width: 640px){main{padding:16px 12px}.layout,.info{grid-template-columns:1fr}}
