:root{--background:#f4f7f5;--panel:#ffffff;--panel-muted:#eef5f2;--ink:#17212b;--muted:#62717e;--line:#d8e1dc;--teal:#0f766e;--teal-soft:#dff5ef;--blue:#1d4ed8;--blue-soft:#e4ecff;--amber:#b45309;--amber-soft:#fff1dc;--red:#b91c1c;--red-soft:#fee2e2;--shadow:0 12px 36px rgba(23,33,43,0.08)}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;background:var(--background);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{background:#102027;color:#f8fafc;padding:18px;display:flex;flex-direction:column;gap:24px}.brand{display:grid;grid-gap:3px;gap:3px;padding:6px 8px 12px;border-bottom:1px solid rgba(248,250,252,.14)}.brand strong{font-size:18px;letter-spacing:0}.brand span{color:#b6c8ca;font-size:13px}.nav{grid-gap:4px;gap:4px}.nav,.nav a{display:grid}.nav a{color:#d9e7e7;text-decoration:none;grid-template-columns:22px minmax(0,1fr);align-items:center;grid-gap:10px;gap:10px;min-height:40px;padding:8px 10px;border-radius:6px;font-size:14px}.nav a:hover,.nav a[aria-current=page]{background:rgba(223,245,239,.11);color:#ffffff}.main{min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr)}.topbar{min-height:72px;grid-template-columns:minmax(0,1fr) auto;grid-gap:18px;gap:18px;padding:14px 24px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.search,.topbar{display:grid;align-items:center}.search{grid-template-columns:22px minmax(0,1fr);grid-gap:10px;gap:10px;max-width:560px;height:42px;padding:0 12px;border:1px solid var(--line);border-radius:6px;background:#ffffff}.search input{border:0;outline:0;color:var(--ink);min-width:0}.user-pill{display:inline-flex;align-items:center;gap:10px;height:42px;padding:0 12px;border:1px solid var(--line);border-radius:6px;background:#ffffff;color:var(--ink)}.content{padding:24px;grid-gap:18px;align-content:start}.content,.workbench{display:grid;gap:18px}.workbench{grid-template-columns:minmax(310px,.8fr) minmax(420px,1.2fr);grid-gap:18px;align-items:start}.band{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.band-header{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}.band-header h1,.band-header h2,.band-header h3{margin:0;font-size:18px;line-height:1.2}.band-header p{margin:4px 0 0;color:var(--muted);font-size:13px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.metric{min-height:94px;padding:16px;display:grid;grid-gap:8px;gap:8px}.metric span{color:var(--muted);font-size:13px}.metric strong{font-size:28px;line-height:1}.stack{display:grid;grid-gap:14px;gap:14px}.table{width:100%;border-collapse:collapse;table-layout:fixed}.table td,.table th{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;font-size:14px}.table th{color:var(--muted);font-weight:650;font-size:12px;text-transform:uppercase}.table td{overflow-wrap:anywhere}.badge{display:inline-flex;align-items:center;justify-content:center;min-height:24px;max-width:100%;padding:3px 8px;border-radius:999px;font-size:12px;font-weight:650;white-space:nowrap}.badge.teal{background:var(--teal-soft);color:var(--teal)}.badge.blue{background:var(--blue-soft);color:var(--blue)}.badge.amber{background:var(--amber-soft);color:var(--amber)}.badge.red{background:var(--red-soft);color:var(--red)}.queue{grid-gap:10px;padding:14px}.queue,.queue-item{display:grid;gap:10px}.queue-item{grid-template-columns:34px minmax(0,1fr) auto;align-items:center;grid-gap:10px;min-height:58px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#ffffff}.queue-icon{width:34px;height:34px;border-radius:6px;display:grid;place-items:center;background:var(--panel-muted);color:var(--teal)}.queue-item strong{display:block;font-size:14px}.queue-item span{color:var(--muted);font-size:13px}.editor{display:grid;grid-template-rows:auto minmax(520px,1fr) auto;min-height:720px}.editor-toolbar{display:flex;align-items:center;gap:8px}.icon-button{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:6px;background:#ffffff;color:var(--ink)}.icon-button.active{background:var(--teal-soft);border-color:#9ad8ce;color:var(--teal)}.editor-body{display:grid;grid-template-columns:74px minmax(0,1fr) 260px;min-height:0}.tool-rail{border-right:1px solid var(--line);padding:12px;display:grid;align-content:start;grid-gap:8px;gap:8px;background:#fbfdfc}.canvas-area{min-width:0;overflow:auto;background:linear-gradient(90deg,rgba(15,118,110,.04) 1px,transparent 0),linear-gradient(rgba(15,118,110,.04) 1px,transparent 0),#f8fbff;background-size:28px 28px;padding:18px}.svg-frame{min-width:680px;min-height:480px;display:grid;place-items:center}.svg-frame svg{width:min(100%,920px);height:auto;min-height:420px}.inspector{border-left:1px solid var(--line);background:#ffffff;padding:14px;display:grid;align-content:start;grid-gap:14px;gap:14px}.inspector-section{display:grid;grid-gap:8px;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--line)}.inspector-section:last-child{border-bottom:0}.inspector-section h3{margin:0;font-size:13px;text-transform:uppercase;color:var(--muted)}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.field{display:grid;grid-gap:4px;gap:4px}.field label{color:var(--muted);font-size:12px}.field input,.field select{width:100%;min-height:34px;border:1px solid var(--line);border-radius:6px;padding:6px 8px;color:var(--ink);background:#ffffff}.validation-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:12px;gap:12px;padding:12px 14px;border-top:1px solid var(--line);background:#fbfdfc}.validation-panel p{margin:0;color:var(--muted);font-size:13px}@media (max-width:1120px){.app-shell{grid-template-columns:1fr}.sidebar{position:static}.nav{grid-template-columns:repeat(4,minmax(0,1fr))}.workbench{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.topbar,.validation-panel{grid-template-columns:1fr}.content{padding:14px}.nav{grid-template-columns:1fr 1fr}.editor-body,.metrics{grid-template-columns:1fr}.tool-rail{grid-template-columns:repeat(6,38px);border-right:0;border-bottom:1px solid var(--line)}.inspector{border-left:0;border-top:1px solid var(--line)}}