:root{color:#202124;background:#f3f4f6;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}header{color:#fff;background:#243447;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem max(1rem,50vw - 600px);display:flex}h1{margin:0;font-size:1.25rem}h2{margin-top:0;font-size:1.1rem}.header-actions,.actions,.navigation{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}nav{background:#fff;border-bottom:1px solid #ddd;gap:.25rem;padding:.5rem max(1rem,50vw - 600px);display:flex;overflow-x:auto}main{max-width:1200px;margin:1rem auto;padding:0 1rem}.card{background:#fff;border-radius:.6rem;margin-bottom:1rem;padding:1rem;box-shadow:0 1px 5px #0002}.workspace{grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:1rem;display:grid}.hidden{display:none!important}button,.button-link,.file-button{color:#fff;min-height:2.6rem;font:inherit;cursor:pointer;background:#1769aa;border:0;border-radius:.4rem;justify-content:center;align-items:center;padding:.6rem .9rem;font-weight:650;text-decoration:none;display:inline-flex}button:disabled{opacity:.45;cursor:default}.secondary{background:#52616b}.danger{background:#a12622}.nav{color:#333;white-space:nowrap;background:0 0}.nav.active{color:#075ea3;background:#e8f2fb}input,select,textarea{width:100%;min-height:2.5rem;font:inherit;padding:.4rem}textarea{resize:vertical;font-family:ui-monospace,monospace}label{margin:.5rem 0;font-weight:600;display:block}.file-button{position:relative;overflow:hidden}.file-button input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.form-grid{grid-template-columns:repeat(4,minmax(120px,1fr));gap:.7rem;display:grid}canvas{aspect-ratio:1;touch-action:manipulation;width:100%;max-width:760px;margin:auto;display:block}.navigation{justify-content:center;margin-top:.6rem}.navigation label{align-items:center;gap:.3rem;margin:0;display:flex}.navigation input{width:5rem}.analysis-panel input{width:7rem}.analysis-panel button{width:100%}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;margin-top:.7rem}th,td{text-align:right;border-bottom:1px solid #ddd;padding:.4rem}th:first-child,td:first-child{text-align:left}.status{font-size:.85rem}.ok{color:#18723c}.warn{color:#a43d00}header .ok{color:#9ce4b5}header .warn{color:#ffc097}.local-auth{background:#fff3cd;gap:1rem;padding:.4rem max(1rem,50vw - 600px);display:flex}.local-auth label{align-items:center;gap:.4rem;margin:0;display:flex}.local-auth input,.local-auth select{width:10rem}.list-item{border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;gap:.7rem;padding:.7rem 0;display:flex}.list-item:last-child{border:0}.section-heading{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.section-heading h2{margin:0}.notice{background:#fff4d6;border-left:.25rem solid #b26a00;padding:.65rem .8rem}.busy{cursor:progress;opacity:.75}dialog{border:0;border-radius:.6rem;width:min(32rem,100vw - 2rem);padding:1rem;box-shadow:0 12px 40px #0006}dialog::backdrop{background:#0008}.dialog-header{justify-content:space-between;align-items:center;display:flex}.dialog-header h2{margin:0}.icon{color:#222;background:0 0;min-width:2.5rem;padding:0;font-size:1.5rem}@media (width<=767px){header{align-items:flex-start}.header-actions{justify-content:flex-end}main{margin:.5rem auto;padding:0 .5rem}.workspace{grid-template-columns:1fr}.card{padding:.7rem}.form-grid{grid-template-columns:1fr 1fr}.local-auth{flex-direction:column;gap:.2rem}.list-item{flex-direction:column;align-items:flex-start}}