#layout-toolbar{display:flex;justify-content:space-between;gap:8px;align-items:center;margin:12px 0;font-size:11px;color:var(--muted)}
#layout-toolbar button,#layout-editor button,.generated-panel button{min-height:44px;border:1px solid #aaa7cc40;border-radius:10px;background:#ffffff09;color:var(--ink);padding:8px 12px;font-size:12px}
#layout-toolbar button[aria-pressed=true]{border-color:rgb(var(--tint));background:rgba(var(--tint),.14)}
#layout-editor{border:1px solid #b1a9d936;border-radius:14px;padding:16px;margin:14px 0;background:#171624}#layout-editor[hidden]{display:none}
#layout-editor label{display:block;font-size:12px;margin:8px 0}#layout-editor textarea{display:block;width:100%;box-sizing:border-box;resize:vertical;min-height:85px;max-height:160px;background:#0f101c;color:var(--ink);border:1px solid #aaa7cc40;border-radius:10px;padding:12px;font:inherit;font-size:16px}#layout-editor p{font-size:11px;color:var(--muted);line-height:1.6}#layout-editor a{color:var(--ink)}#layout-status{white-space:pre-wrap;overflow-wrap:anywhere}#layout-actions{display:flex;gap:8px;flex-wrap:wrap}#layout-editor button:disabled{opacity:.5}
.generated-workspace{font-size:12px;line-height:1.5;min-width:0}.generated-intro{margin:18px 0}.generated-intro>span{font-size:10px;letter-spacing:1.5px;color:rgb(var(--tint))}.generated-intro h2{font-size:28px;font-weight:450;margin:8px 0}.generated-intro p,.generated-intro small{color:var(--muted);max-width:650px}.generated-intro small{font-size:10px}
.generated-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.generated-panel{min-width:0;border:1px solid #aaa7cc2c;border-radius:14px;padding:16px;background:linear-gradient(145deg,rgba(var(--tint),.08),#11142066)}.generated-panel[data-generated-kind=records],.generated-panel[data-generated-kind=connections]{grid-column:1/-1}.generated-panel header{display:flex;align-items:center;justify-content:space-between;gap:12px}.generated-panel h3{font-size:15px;font-weight:500;margin:0}.generated-source{display:block;font-size:10px;color:var(--muted);margin:8px 0 16px}.generated-number{display:block;font-size:38px;letter-spacing:-1.5px;font-weight:450;color:rgb(var(--tint))}.generated-table{overflow:auto;max-height:350px}.generated-table table{border-collapse:collapse;width:100%;text-align:left}.generated-table th{font-size:10px;color:var(--muted);font-weight:400}.generated-table th,.generated-table td{padding:9px 12px;border-bottom:1px solid #aaa7cc20;white-space:nowrap}.generated-table td button{text-align:left;background:transparent;border:0;padding-left:0}.generated-stages{list-style:none;margin:0;padding:0}.generated-stages li{display:grid;grid-template-columns:100px 1fr 22px;align-items:center;gap:10px;margin:14px 0;font-size:11px}.generated-stages [role=meter]{height:7px;background:#ffffff09;border-radius:8px;overflow:hidden}.generated-stages i{display:block;height:100%;background:rgb(var(--tint));border-radius:8px}.generated-connections>div{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #aaa7cc20}.generated-connections button{flex:1;text-align:left;overflow-wrap:anywhere}.generated-boundary{font-size:10px;color:var(--muted);margin:18px 0}
@media(max-width:650px){.generated-grid{grid-template-columns:1fr}.generated-intro h2{font-size:23px}.generated-panel{padding:12px}.generated-panel header{align-items:start}.generated-panel h3{font-size:13px}.generated-connections>div{flex-wrap:wrap}.generated-number{font-size:30px}#layout-toolbar{font-size:10px}}