*{box-sizing:border-box}html,body{height:100%;margin:0;font:14px system-ui,sans-serif;color:#10385b;background:#f3f6fa}main{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto}header,footer{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:10px 12px;background:#fff}#cabinet-viewer{position:relative;min-height:100px;overflow:hidden}#cabinet-status{margin:0;padding:6px 12px;font-size:12px}button,select,a{font:inherit;color:inherit;border:1px solid #ccd5de;border-radius:6px;padding:8px;background:#fff;min-height:36px}a{text-decoration:none;margin-left:auto}#cabinet-size{font-size:12px}.embed-transparency{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px}.embed-transparency input{width:100px;min-height:36px}.embed-transparency output{min-width:32px}button:focus-visible,a:focus-visible{outline:3px solid #2672b8;outline-offset:2px}@media(max-width:350px){footer{gap:4px;padding:8px}button,a{font-size:12px;padding:6px}}select:focus-visible,input:focus-visible{outline:3px solid #2672b8;outline-offset:2px}