*{box-sizing:border-box}body{color:#101828;background:#e5ebf2;margin:0;font-family:Inter,Segoe UI,Arial,sans-serif}button,textarea,input{font:inherit}button{cursor:pointer;background:#fff;border:1px solid #d5deeb;border-radius:7px;min-height:34px;padding:0 12px;font-weight:750}button.primary{color:#fff;background:#155ec0;border-color:#155ec0}button.wide{width:100%;margin-bottom:8px}textarea{resize:vertical;border:1px solid #d5deeb;border-radius:8px;width:100%;min-height:142px;padding:10px;font:12px/1.45 Consolas,Courier New,monospace}input{border:1px solid #d5deeb;border-radius:7px;min-height:32px;padding:6px 8px}.app-shell{grid-template-columns:74px 1fr;height:100vh;display:grid;overflow:hidden}.nav{color:#d7e0ed;background:#101828;align-content:start;gap:10px;padding:14px 10px;display:grid}.nav strong{color:#101828;background:#fff;border-radius:10px;place-items:center;width:44px;height:44px;display:grid}.nav button{color:#d7e0ed;background:0 0;border-color:#0000;padding:0}.nav button.active,.nav button:hover{color:#fff;background:#1f2937}.main{grid-template-rows:64px 1fr 32px;min-width:0;height:100vh;display:grid}.topbar{background:#fff;border-bottom:1px solid #d5deeb;justify-content:space-between;align-items:center;gap:16px;padding:0 18px;display:flex}.topbar h1{margin:0;font-size:18px}.topbar span{color:#667085;font-size:12px}.actions,.row,.chips,.canvasbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.badge{border:1px solid #d5deeb;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.badge.ok{color:#0f8b6b;background:#f0fbf7}.badge.warn{color:#a86500;background:#fff8e8}.workspace{grid-template-columns:340px minmax(640px,1fr) 320px;min-height:0;display:grid}.panel{background:#f8fafc;border-right:1px solid #d5deeb;min-height:0;padding:14px;overflow:auto}.panel.right{border-left:1px solid #d5deeb;border-right:0}.panel section{background:#fff;border:1px solid #dbe3ef;border-radius:8px;margin-bottom:12px;padding:13px}h2{text-transform:uppercase;letter-spacing:.04em;color:#334155;margin:0 0 10px;font-size:13px}.stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;display:grid}.stats div{background:#f8fafc;border:1px solid #e5ebf2;border-radius:8px;padding:9px}.stats strong{font-size:20px;display:block}.stats span{color:#667085;font-size:11px;font-weight:800}.chips span{background:#fff;border:1px solid #d5deeb;border-radius:999px;padding:6px 10px;font:12px Consolas,Courier New,monospace}table{border-collapse:collapse;width:100%;font-size:12px}th,td{text-align:left;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #e5ebf2;max-width:116px;padding:6px 5px;overflow:hidden}th{color:#667085;font-size:11px}.stage{background:#dfe7f0;grid-template-rows:48px 1fr;min-width:0;min-height:0;display:grid}.canvasbar{background:#edf3f9;border-bottom:1px solid #d5deeb;padding:7px 12px}.canvasbar label{color:#667085;align-items:center;gap:6px;font-size:12px;font-weight:800;display:flex}.pasteboard{place-items:center;min-width:0;min-height:0;padding:32px;display:grid;overflow:auto}.canvas-container{box-shadow:0 18px 52px #0f172a2e}dl{gap:8px;margin:0;display:grid}dl div{border-bottom:1px solid #e5ebf2;justify-content:space-between;gap:10px;padding-bottom:8px;display:flex}dt{color:#667085;font-weight:800}dd{margin:0}.warning{color:#66420c;background:#fff8e8;border-left:4px solid #b76a00;border-radius:6px;margin:0 0 8px;padding:8px}.ok-text{color:#0f8b6b;font-weight:800}footer{color:#667085;background:#fff;border-top:1px solid #d5deeb;align-items:center;padding:0 14px;font-size:12px;display:flex}