*{box-sizing:border-box}html,body{color:#1d2433;background:#eef2f7;min-height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}.app{grid-template-columns:292px minmax(0,1fr);height:100vh;display:grid}.panel{background:#fff;border-right:1px solid #d7dfeb;flex-direction:column;gap:14px;min-width:0;padding:16px;display:flex;overflow-y:auto}.panel-header{border-bottom:1px solid #e5ebf3;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.panel-header h1,.group h2{letter-spacing:0;margin:0}.panel-header h1{font-size:18px;line-height:24px}#status{color:#66758a;text-align:right;min-width:58px;font-size:12px}.group{gap:10px;display:grid}.group h2{color:#4a596d;text-transform:uppercase;font-size:12px;font-weight:700}.grid{gap:8px;display:grid}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}button{color:#1d2433;cursor:pointer;background:#fff;border:1px solid #cbd5e3;border-radius:6px;min-height:34px}button:hover{background:#edf3fb}button:disabled{cursor:not-allowed;opacity:.45}button:disabled:hover{background:#fff}button.active{color:#fff;background:#20314a}button.danger{color:#b42334;border-color:#f2b8bd}.swatches{grid-template-columns:repeat(4,34px);gap:8px;display:grid}.swatches button{background:var(--swatch);border-color:#cbd5e3;width:34px;min-height:34px;padding:0}label{color:#4a596d;gap:6px;font-size:12px;display:grid}.label-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.label-row output{color:#66758a;font-variant-numeric:tabular-nums}.check{background:#f8fafc;border:1px solid #d6dfeb;border-radius:6px;justify-content:center;align-items:center;min-height:32px;display:flex}.check input{margin:0 5px 0 0}.axis-group{color:#4a596d;grid-template-columns:58px repeat(3,minmax(0,1fr));align-items:center;gap:6px;font-size:12px;display:grid}.axis-group span{font-weight:600}input[type=number],select{color:#1d2433;background:#fff;border:1px solid #cbd5e3;border-radius:6px;min-width:0;min-height:30px;padding:4px 6px}input[type=range]{width:100%}.viewport-wrap{background:#e8edf4;min-width:0;min-height:0;position:relative;overflow:hidden}#viewport{width:100%;height:100%;display:block}@media (max-width:760px){.app{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.panel{border-bottom:1px solid #d7dfeb;border-right:0;max-height:45vh}}