:root{color-scheme:light;--ink:#17211f;--muted:#68726f;--line:#dce2df;--green:#0b6c5e;--green-soft:#dff1ea;--warm:#f7f4ee;--amber:#8b651b;--amber-soft:#fff3d5}*{box-sizing:border-box}body{margin:0;background:#f4f6f4;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}button{font:inherit}.sandbox-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:28px 0 64px}.sandbox-header{display:flex;align-items:end;justify-content:space-between;gap:24px}.sandbox-kicker,.sandbox-panel header span,.scenario-card>div>span{display:block;color:var(--green);font-size:.72rem;font-weight:850;text-transform:uppercase}.sandbox-header h1{margin:7px 0 4px;font-size:clamp(2.2rem,5vw,4rem);line-height:.98;letter-spacing:-.045em}.sandbox-header p,.scenario-card p{margin:0;color:var(--muted)}.sandbox-header-actions{display:flex;gap:8px}.sandbox-header-actions button,.sandbox-header-actions span{display:flex;align-items:center;gap:7px;min-height:40px;padding:8px 13px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-size:.78rem;font-weight:800;white-space:nowrap}.sandbox-header-actions i{width:8px;height:8px;border-radius:50%;background:#35b77c;box-shadow:0 0 0 4px #dff3e9}.sandbox-header-actions button{color:var(--ink);cursor:pointer}.sandbox-boundary{display:flex;gap:7px;margin-top:20px;padding:11px 14px;border:1px solid #ead9a8;border-radius:8px;background:#fff8e7;color:#71551e;font-size:.8rem}.sandbox-progress{display:grid;grid-template-columns:repeat(4,1fr);margin-top:14px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff}.sandbox-progress div{display:flex;align-items:center;justify-content:center;gap:8px;min-height:58px;border-right:1px solid var(--line);color:var(--muted);font-size:.78rem;font-weight:800}.sandbox-progress div:last-child{border:0}.sandbox-progress b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#edf0ee}.sandbox-progress .done{color:var(--green);background:#f4faf7}.sandbox-progress .done b{background:var(--green-soft)}.scenario-card{display:flex;align-items:center;gap:20px;justify-content:space-between;margin-top:14px;padding:20px;border-radius:8px;background:var(--ink);color:#fff}.scenario-card>div{min-width:0}.scenario-card h2{margin:4px 0 5px;font-size:1.35rem}.scenario-card p{color:#c9d3d0;font-size:.84rem}.scenario-card button.primary{flex:none;min-height:44px;padding:0 18px;border:0;border-radius:7px;background:#8fd7c1;color:#10221e;font-weight:850;white-space:nowrap;cursor:pointer}.complete{padding:8px 12px;border-radius:999px;background:var(--green-soft);color:var(--green);font-size:.75rem;font-weight:850;white-space:nowrap}.sandbox-error{padding:10px 12px;border-radius:7px;background:#fde7e2;color:#8d3d2e;font-size:.8rem}.sandbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.sandbox-panel{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff}.sandbox-panel>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 17px;border-bottom:1px solid var(--line)}.sandbox-panel h2{margin:3px 0 0;font-size:1rem}.sandbox-panel header em{color:var(--muted);font-size:.68rem;font-style:normal;font-weight:800;text-transform:uppercase}.calendar-line{display:grid;grid-template-columns:70px 1fr;gap:12px;padding:20px}.calendar-line time{color:var(--muted);font-size:.75rem;font-weight:800}.calendar-line article{padding:14px;border-left:4px solid #99aaa5;border-radius:4px;background:#f5f7f6}.calendar-line article.open{border-color:#d59e32;background:var(--amber-soft)}.calendar-line article.booked{border-color:var(--green);background:var(--green-soft)}.calendar-line article p,.calendar-line article small,.calendar-line article strong{display:block}.calendar-line article p{margin:4px 0;color:var(--muted);font-size:.75rem}.calendar-line article small{color:var(--green);font-size:.7rem;font-weight:800}.table{padding:0 17px 12px}.table article,.table-head{display:grid;grid-template-columns:120px minmax(0,1fr) 42px;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.table-head{color:var(--muted);font-size:.65rem;font-weight:850;text-transform:uppercase}.table article:last-child{border:0}.table article strong{font-size:.78rem}.table article strong small{display:block;margin-top:3px;color:var(--muted);font-size:.64rem;font-weight:600}.table article p{margin:0;color:var(--muted);font-size:.69rem;line-height:1.35}.table article b{text-align:right;color:var(--green);font-size:.8rem}.table article.excluded{opacity:.5}.message-list{display:grid;gap:10px;padding:16px}.message-list article{max-width:84%;padding:11px 13px;border-radius:10px;background:#eef2f0}.message-list article.inbound{justify-self:end;background:var(--green-soft)}.message-list strong{font-size:.7rem}.message-list p{margin:4px 0;font-size:.76rem;line-height:1.4}.message-list small{color:var(--muted);font-size:.63rem}.empty{margin:0;padding:18px;color:var(--muted);font-size:.78rem;text-align:center}.event-panel>div:last-child{padding:0 17px 12px}.event-panel article{display:grid;grid-template-columns:12px 1fr;gap:9px;padding:12px 0;border-bottom:1px solid var(--line)}.event-panel article:last-child{border:0}.event-panel article>i{width:9px;height:9px;margin-top:4px;border-radius:50%;background:var(--green)}.event-panel strong{font-size:.72rem}.event-panel p{margin:3px 0;color:var(--muted);font-size:.7rem;line-height:1.35}.event-panel small{color:var(--muted);font-size:.62rem}@media(max-width:800px){.sandbox-header{align-items:start;flex-direction:column}.sandbox-grid{grid-template-columns:1fr}.scenario-card{align-items:start;flex-direction:column}.scenario-card button.primary{width:100%}}@media(max-width:520px){.sandbox-shell{width:min(100% - 20px,1180px);padding-top:18px}.sandbox-header h1{font-size:2.5rem}.sandbox-header-actions{width:100%}.sandbox-header-actions>*{flex:1 1;justify-content:center}.sandbox-boundary{align-items:start;flex-direction:column}.sandbox-progress{grid-template-columns:1fr 1fr}.sandbox-progress div:nth-child(2){border-right:0}.sandbox-progress div:nth-child(-n+2){border-bottom:1px solid var(--line)}.table article,.table-head{grid-template-columns:82px minmax(0,1fr) 36px}.calendar-line{grid-template-columns:58px 1fr;padding:14px}}