:root{color:#17202a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f6f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(120deg,#0f766e14,#0000 34rem),#f6f8fb;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{width:min(1440px,100%);margin:0 auto;padding:28px}.hero-band{grid-template-columns:minmax(0,1fr) minmax(280px,420px);align-items:end;gap:24px;padding:40px 0 28px;display:grid}.eyebrow,.section-kicker{color:#0f766e;letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1{color:#101820;max-width:720px;margin-bottom:16px;font-size:4.75rem;line-height:.95}h2{color:#101820;margin-bottom:0;font-size:1.1rem}h3{color:#101820;margin-bottom:12px;font-size:1rem}.hero-copy{color:#52606d;max-width:700px;margin-bottom:0;font-size:1.08rem;line-height:1.65}.hero-summary,.projection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.concept-strip,.notes-band{border-top:1px solid #dbe3ea;border-bottom:1px solid #dbe3ea;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:20px 0;display:grid}.concept-strip article,.notes-band>div{min-width:0}.concept-strip h2,.notes-band h2{margin-bottom:8px}.concept-strip p,.notes-band p,.message,.empty-state{color:#52606d;margin-bottom:0;line-height:1.55}.workbench,.data-grid{grid-template-columns:minmax(320px,.9fr) minmax(0,1.25fr);gap:18px;margin-top:18px;display:grid}.panel{background:#ffffffe6;border:1px solid #dbe3ea;border-radius:8px;min-width:0;box-shadow:0 12px 30px #1018200f}.command-panel,.projection-panel,.event-log,.dynamodb-panel{padding:18px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.command-list{gap:10px;margin-bottom:18px;display:grid}.command-option{color:#17202a;text-align:left;background:#fff;border:1px solid #dbe3ea;border-radius:8px;gap:4px;width:100%;padding:12px;display:grid}.command-option span{color:#52606d;font-size:.88rem;line-height:1.45}.command-option.active{background:#ecfdf8;border-color:#0f766e;box-shadow:0 0 0 3px #0f766e1f}label{color:#354250;gap:8px;margin-bottom:14px;font-size:.9rem;font-weight:700;display:grid}input{color:#17202a;background:#fff;border:1px solid #cbd5df;border-radius:8px;width:100%;padding:11px 12px}input:focus,button:focus-visible{outline-offset:2px;outline:3px solid #2563eb3d}.action-row{flex-wrap:wrap;gap:10px;margin:18px 0 12px;display:flex}.primary-button,.secondary-button{border-radius:8px;padding:10px 14px;font-weight:800}.primary-button{color:#fff;background:#0f766e;border:1px solid #0f766e}.secondary-button{color:#17202a;background:#fff;border:1px solid #cbd5df}.stat{background:#fff;border:1px solid #dbe3ea;border-radius:8px;gap:6px;min-width:0;padding:12px;display:grid}.stat span{color:#667684;text-transform:uppercase;font-size:.75rem;font-weight:800}.stat strong{overflow-wrap:anywhere;color:#101820;min-width:0;font-size:1rem}.stat.good{background:#f0fdfa;border-color:#0f766e59}.stat.warn{background:#fff7ed;border-color:#b0541559}.change-box{background:#f8fafc;border:1px solid #dbe3ea;border-radius:8px;margin-top:18px;padding:16px}.change-box ul{color:#354250;gap:8px;margin:0;padding-left:20px;display:grid}.event-log ol{gap:10px;margin:0;padding:0;list-style:none;display:grid}.event-row{color:#17202a;text-align:left;background:#fff;border:1px solid #dbe3ea;border-radius:8px;grid-template-columns:auto minmax(0,1fr);gap:12px;width:100%;padding:12px;display:grid}.event-row.selected{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.event-row strong,.event-row small{display:block}.event-row small{color:#667684;margin-top:4px}.event-sequence{color:#354250;background:#e8eef5;border-radius:999px;place-items:center;min-width:42px;height:32px;font-size:.82rem;font-weight:800;display:inline-grid}.table-shape{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.table-shape div{background:#fff;border:1px solid #dbe3ea;border-radius:8px;gap:6px;min-width:0;padding:12px;display:grid}.table-shape span{color:#667684;text-transform:uppercase;font-size:.75rem;font-weight:800}.table-shape strong{overflow-wrap:anywhere;color:#101820;font-size:.9rem}pre{color:#dff7ef;background:#101820;border-radius:8px;max-height:470px;margin:0;padding:16px;font-size:.86rem;line-height:1.55;overflow:auto}.notes-band{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);margin-top:18px}.note-list{gap:10px;display:grid}.note-list p{border-left:3px solid #0f766e;padding-left:12px}@media (width<=1050px){h1{font-size:3.75rem}.hero-band,.workbench,.data-grid,.notes-band,.table-shape{grid-template-columns:1fr}}@media (width<=720px){.app-shell{padding:18px}.hero-band{padding-top:20px}h1{font-size:2.5rem}.concept-strip,.hero-summary,.projection-grid{grid-template-columns:1fr}.concept-strip{gap:14px}.panel-heading,.action-row{flex-direction:column;align-items:stretch}.primary-button,.secondary-button{width:100%}}