*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#202733;background:#11161d}button,input,select{min-width:0;font:inherit}button,select,input[type=number]{border:1px solid #c8d1dc;border-radius:6px;background:#fff;color:#202733}button{min-height:34px;padding:7px 10px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}button:hover{border-color:#68788c;background:#f4f7f9}button[aria-pressed=true],.tab-button[aria-selected=true]{border-color:#18736b;background:#dff5f0;color:#0f4e49}button:disabled,select:disabled,input:disabled{cursor:not-allowed;opacity:.55}.app-shell{display:grid;grid-template-columns:360px minmax(0,1fr);width:100%;height:100vh}.control-panel{position:fixed;inset:0 auto 0 0;width:360px;overflow-y:auto;border-right:1px solid #c9d2dc;background:#f7f9fb;padding:14px}.panel-header h1{margin:0;font-size:20px;line-height:1.2}.panel-header p{margin:5px 0 0;color:#667284;font-size:13px}.panel-title-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px}.language-picker{display:inline-grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:5px;min-width:92px;color:#536174;font-size:12px}.language-picker select{width:100%;height:30px;padding:3px 6px}.viewport-panel{position:relative;grid-column:2;min-width:0;min-height:100vh;background:#11161d}.tab-panel-placeholder{display:contents}.viewport-host{position:absolute;top:0;right:0;bottom:0;left:0}.viewport-host canvas{display:block;width:100%;height:100%}.viewport-error{display:grid;height:100%;place-items:center;padding:24px;color:#ffe3e3;background:#351d24;text-align:center}.tab-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:14px}.tab-button{padding-inline:6px;font-size:13px}.control-group{margin-top:12px;border:1px solid #d4dce5;border-radius:8px;background:#fff;padding:12px}.control-group h2{margin:0 0 10px;font-size:13px;line-height:1.2;text-transform:uppercase;letter-spacing:0;color:#536174}.drawing-canvas{display:block;width:100%;aspect-ratio:1 / 1;border:1px solid #b7c3cf;border-radius:6px;background:#fff;touch-action:none}.control-row,.model-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.control-row{margin-top:8px}.model-list button{width:100%}.primary-action{width:100%;margin-top:8px;border-color:#18736b;background:#18736b;color:#fff}.primary-action:hover{border-color:#0f4e49;background:#0f4e49}.primary-action.generation-dirty{border-color:#a56300;background:#b86b00;color:#fff}.primary-action.generation-dirty:hover{border-color:#744600;background:#8f5400}.param-grid{display:grid;gap:8px}.field{display:grid;grid-template-columns:minmax(96px,1fr) minmax(0,1.25fr);align-items:center;gap:8px;margin-top:8px;color:#445165;font-size:13px}.field select,.field input[type=number]{width:100%;height:32px;padding:4px 8px}.field input[type=range]{width:100%;accent-color:#18736b}.segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:10px}[hidden]{display:none!important}.status-panel{margin-bottom:10px}.status-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:6px 0;border-bottom:1px solid #edf1f5;font-size:13px}.status-row span,.status-muted{color:#627086}.status-row strong{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.warning,#error-content:not(:empty){margin-top:8px;border-radius:6px;padding:8px;font-size:13px;line-height:1.35}.warning{color:#640;background:#fff3cd}#error-content:not(:empty){color:#7d1e2a;background:#fde7ea}@media (max-width: 760px){html,body,#app{height:auto;min-height:100%}.app-shell{display:block;min-height:100vh}.control-panel{position:relative;inset:auto;width:100%;max-height:none;border-right:0;border-bottom:1px solid #c9d2dc}.viewport-panel{min-height:420px}}