:root{color:#e7ecf0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#171e26;font-family:Arial,Helvetica,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}button,select,a{font:inherit}button,select{color:inherit;background:#25313d;border:1px solid #526170;border-radius:4px;min-height:44px;padding:8px 12px}button,a,summary,input,select{touch-action:manipulation}button,summary,input{cursor:pointer}button:disabled{opacity:.45;cursor:default}a{color:#d8e9fc}button:hover:not(:disabled){background:#35485b}:focus-visible{outline-offset:3px;outline:3px solid #9dc8ff}#app{flex-direction:column;height:100dvh;min-height:480px;display:flex}.topbar{border-bottom:1px solid #36414d;flex-wrap:wrap;align-items:center;gap:14px;padding:10px 18px;display:flex}.topbar strong{letter-spacing:.08em;font-size:18px}.brand-caption{color:#aebcca;margin-right:auto}.workspace{flex:1;grid-template-columns:240px minmax(0,1fr);min-height:0;display:grid}aside{border-right:1px solid #36414d;padding:20px 16px;overflow:auto}aside>label{color:#b8c6d4;margin-bottom:8px;display:block}select{width:100%}h1{overflow-wrap:anywhere;margin:20px 0;font-size:20px;font-weight:500;line-height:1.35}.model-row{border:1px solid #455464;border-radius:4px;margin:10px 0;padding:8px}.model-line{align-items:center;gap:10px;min-height:36px;display:flex}.model-line>span:nth-child(2){overflow-wrap:anywhere;flex:1}.swatch{border-radius:3px;flex-shrink:0;width:14px;height:14px}.model-line input{accent-color:#92c2f4;width:24px;height:24px;margin:0}.model-state{color:#b8c6d4;margin:6px 0 0;font-size:12px;line-height:1.5}.model-state:empty{display:none}.panel{flex-direction:column;min-width:0;min-height:0;padding:14px;display:flex}.viewport{background:#1b2530;border:1px solid #36414d;border-radius:4px;flex:1;min-height:240px;position:relative}.canvas-host{position:absolute;inset:0}.canvas-host canvas{touch-action:none;width:100%;height:100%;display:block}.message{text-align:center;pointer-events:none;place-content:center;padding:32px;line-height:1.6;display:grid;position:absolute;inset:0}.message[hidden]{display:none}.error{color:#ffb6ad;line-height:1.5}.panel>button{align-self:flex-start}footer{color:#b8c6d4;justify-content:space-between;align-items:flex-start;gap:12px;padding-top:12px;font-size:12px;display:flex}details{max-width:420px}summary{min-height:32px;font-size:14px}details p{margin-top:6px;line-height:1.6}@media (width<=650px){#app{min-height:580px}.topbar{gap:10px;padding:8px 12px}.topbar strong{font-size:15px}.brand-caption,.topbar button,.topbar a{font-size:12px}.workspace{grid-template-rows:auto minmax(280px,1fr);grid-template-columns:1fr}aside{border-bottom:1px solid #36414d;border-right:0;max-height:250px;padding:12px}h1{margin:10px 0;font-size:17px}.models{grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:8px;display:grid}.model-row{margin:0}.panel{padding:10px}.viewport{min-height:240px}footer{flex-wrap:wrap}}