:root{color:#d7dde5;background:#111418;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}main{grid-template-rows:auto auto minmax(0,1fr);gap:12px;min-height:100vh;padding:16px;display:grid}.app-header,.toolbar,.demo-card{background:#181c22;border:1px solid #2a3038;border-radius:8px;box-shadow:0 1px 2px #0000004d}.app-header,.toolbar{padding:12px 14px}.app-header{grid-template-columns:minmax(0,1fr);align-items:start;gap:16px;display:grid}h1,h2,p{margin-top:0}h1{color:#f3f5f7;letter-spacing:-.02em;margin-bottom:4px;font-size:1.25rem;font-weight:650}h2{color:#eef1f4;margin-bottom:2px;font-size:.95rem;font-weight:650}p{color:#9aa4b2;margin-bottom:0;line-height:1.45}code{color:#d7dde5;background:#222832;border-radius:4px;padding:1px 4px;font-size:.9em}.toolbar{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.toolbar-title{min-width:170px;margin-right:2px}.controls{flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex}.control-row{padding-top:8px}.toolbar .controls>label:not(.field),.control-row.with-fields>button,.control-row.with-fields>label:not(.field){margin-top:calc(1.02rem + 4px)}label,.field{color:#b6bec9;vertical-align:middle;align-items:center;gap:6px;min-height:32px;font-size:.85rem;font-weight:500;line-height:1;display:inline-flex}.field{min-height:unset;flex-direction:column;align-items:flex-start;gap:4px;line-height:1.2}button,select{color:#e5eaf0;min-height:32px;font:inherit;background:#222832;border:1px solid #3a424d;border-radius:6px;padding:5px 9px}button{cursor:pointer;font-weight:600}button.primary{color:#fff;background:#3f4652;border-color:#687384}button:hover,select:hover{background:#2a3038;border-color:#5b6573}button.primary:hover{background:#4b5563;border-color:#7d8898}input[type=checkbox]{appearance:none;background:#11161d;border:1px solid #4b5563;border-radius:3px;place-content:center;width:14px;height:14px;margin:0;display:grid}input[type=checkbox]:before{content:"";clip-path:polygon(14% 44%,0 60%,40% 100%,100% 18%,84% 4%,38% 68%);background:#c8d0da;width:8px;height:8px;transform:scale(0)}input[type=checkbox]:checked:before{transform:scale(1)}.demo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-height:0;display:grid}.demo-card{grid-template-rows:auto auto minmax(360px,1fr);gap:10px;min-width:0;min-height:0;padding:12px;display:grid}.card-header{justify-content:space-between;align-items:start;gap:12px;display:flex}.card-header p{max-width:54ch;font-size:.85rem}niivue-viewer,niivue-scene{background:#0b1020;border:1px solid #303743;border-radius:6px;width:100%;height:100%;min-height:360px;overflow:hidden}@media (width<=1100px){main{grid-template-rows:auto auto auto}.app-header,.demo-grid{grid-template-columns:1fr}.demo-card{grid-template-rows:auto auto minmax(420px,55vh)}}