.agent-world-section{padding:85px 0 70px;background-color:var(--soft);border-top:1px solid #e5e8ec}.miniature-workspace{border:1px solid #dce2ea;border-radius:13px;overflow:hidden;background:#fff;box-shadow:0 24px 60px -40px #253d6840}.miniature-topbar{height:57px;display:flex;align-items:center;gap:22px;padding:0 25px;border-bottom:1px solid #e8ecf1;color:var(--muted);font-size:13px}.miniature-example{margin-left:auto;font-family:var(--mono);font-size:12px;letter-spacing:.05em}.miniature-layout{display:grid;grid-template-columns:minmax(0,1fr) 288px}.miniature-viewport{position:relative;min-width:0;background:var(--paper);min-height:590px;overflow:hidden;isolation:isolate}.miniature-viewport canvas{display:block;width:100%;height:100%;position:absolute;inset:0;touch-action:pan-y;cursor:grab}.miniature-viewport canvas:active{cursor:grabbing}.miniature-labels{position:absolute;inset:0;pointer-events:none}.miniature-station-label{position:absolute;transform:translate(-50%,-100%);color:var(--ink);background:#ffffffee;box-shadow:0 5px 17px #1734500c;border:1px solid #d7e2ef;padding:6px 11px;border-radius:6px;white-space:nowrap;font-size:12px;font-weight:600;transition:background .2s,border .2s,color .2s;line-height:1.4}.miniature-station-label small{display:block;font-size:12px;font-weight:400;color:var(--muted)}.miniature-station-label.active{border-color:#4e8afb;background:var(--blue);color:var(--on-color);box-shadow:0 6px 20px #1464ed20}.miniature-station-label.active small{color:#dceaff}.miniature-station-label.completed{border-color:#a9cfba}.miniature-station-label.agent-label{background:#162d4e;border-color:#162d4e;color:var(--dark-ink);padding:4px 9px;font-size:12px}.agent-bubble{position:absolute;pointer-events:none;transform:translate(-50%,-100%);background:var(--blue);color:var(--on-color);box-shadow:0 8px 25px #1464ed25;border-radius:9px 9px 9px 2px;padding:9px 13px;max-width:210px;font-size:12px;line-height:1.45;font-weight:500;text-align:center;z-index:4;transition:background .2s}.agent-bubble.approval{background:#a66b19}.agent-bubble:after{content:'';position:absolute;bottom:-5px;left:50%;width:10px;height:10px;background:inherit;transform:rotate(45deg)}.miniature-scene-caption{position:absolute;bottom:16px;left:21px;right:21px;display:flex;justify-content:space-between;gap:16px;color:var(--muted);pointer-events:none;font-size:12px}.miniature-scene-caption span:first-child{font-family:var(--mono);letter-spacing:.04em}.miniature-story{padding:24px 23px;background:var(--paper);border-left:1px solid #e5ebf2}.miniature-request{padding-bottom:21px;border-bottom:1px solid #dfe7f1}.miniature-request .eyebrow{font-size:12px;display:block;margin-bottom:12px;color:var(--muted);letter-spacing:.09em}.miniature-request p{color:var(--ink);font-size:15px;line-height:1.6;font-weight:500}.miniature-progress-heading{display:flex;justify-content:space-between;gap:8px;margin:18px 0 19px;font-size:12px;color:var(--muted)}.miniature-progress-heading span:first-child{color:var(--muted)}.miniature-steps{padding:0;margin:0;list-style:none}.miniature-steps li{display:flex;gap:11px;position:relative;padding-bottom:18px;opacity:.55;transition:opacity .2s}.miniature-steps li:last-child{padding-bottom:0}.miniature-steps li>span{flex-shrink:0;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;border:1px solid #d3deec;background:#eef3f8;color:var(--muted);font-size:12px;margin-top:1px}.miniature-steps li:not(:last-child):before{content:'';position:absolute;left:10px;top:24px;bottom:3px;width:1px;background:#dce5ef}.miniature-steps strong{font-size:13px;font-weight:500;display:block;line-height:1.4;color:var(--ink)}.miniature-steps small{display:block;font-size:12px;color:var(--muted);margin-top:3px}.miniature-steps li.active,.miniature-steps li.done{opacity:1}.miniature-steps li.active>span{background:var(--blue);border-color:var(--blue);color:var(--on-color);box-shadow:0 0 0 3px #1464ed13}.miniature-steps li.done>span{background:#e5f4eb;color:#398261;border-color:#cae2d2}.miniature-actionbar{display:flex;justify-content:space-between;gap:25px;padding:24px 27px;border-top:1px solid #e0e7ef;align-items:center;background:white}.miniature-actionbar strong{font-size:16px;font-weight:600;line-height:1.4;display:block}.miniature-actionbar p{font-size:13px;margin-top:5px;line-height:1.5;max-width:620px}.miniature-buttons{display:flex;gap:10px;flex-shrink:0}.miniature-buttons .button{font-size:13px;gap:14px;padding:13px 16px;min-height:44px}.miniature-buttons .button.outline{font-weight:400;border-color:#d6dfe9}.miniature-approval:not([hidden]){display:flex;justify-content:space-between;gap:45px;background:#fff9ed;border-top:1px solid #f0dfbd;padding:26px}.miniature-approval .eyebrow{color:#936924;font-size:12px;margin-bottom:9px;display:block}.miniature-approval h3,.miniature-report h3{font-size:25px;margin-bottom:9px}.miniature-approval p{font-size:15px;max-width:630px;color:#786a53}.miniature-approval-note{font-size:12px;color:#a08c6c;display:block;margin-top:10px}.miniature-approval-buttons{display:flex;flex-direction:column;gap:9px;flex-shrink:0;justify-content:center}.miniature-approval-buttons .button{font-size:13px;min-height:42px;padding:12px 16px}.miniature-report:not([hidden]){display:grid;grid-template-columns:1fr 1.2fr;gap:15px 35px;padding:27px;background:#f0f8f3;border-top:1px solid #d7e8de}.miniature-report .eyebrow{font-size:12px;color:#638270;margin-bottom:10px;display:block}.miniature-report ul{padding:0;margin:0;list-style:none;line-height:1.9;font-size:14px;color:#3e6c54}.miniature-report>p{grid-column:1/-1;font-size:12px;color:#7f9686}.miniature-explanation{font-size:12px;max-width:950px;margin-top:21px;color:var(--muted);line-height:1.65}.miniature-fallback:not([hidden]){position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--paper);padding:30px;z-index:5}.miniature-fallback img{max-height:390px;object-fit:contain;mix-blend-mode:multiply}.miniature-fallback p{font-size:14px;text-align:center;max-width:440px}.miniature-viewport.unavailable .agent-bubble,.miniature-viewport.unavailable .miniature-labels{display:none}
@media(max-width:1100px){.miniature-layout{grid-template-columns:minmax(0,1fr) 260px}.miniature-story{padding:22px 18px}.miniature-station-label{padding:5px 8px;font-size:12px}.miniature-actionbar{align-items:flex-start}.miniature-actionbar p{max-width:430px}.miniature-buttons{flex-direction:column}.miniature-viewport{min-height:615px}.miniature-scene-caption{flex-direction:column;gap:2px}.agent-bubble{font-size:12px;max-width:185px}}
@media(max-width:800px){.miniature-layout{grid-template-columns:1fr}.miniature-viewport{height:470px;min-height:0}.miniature-story{border-left:0;border-top:1px solid #e0e7ef;padding:24px;display:grid;grid-template-columns:1fr 1.25fr;gap:0 30px}.miniature-request{border:0;padding:0}.miniature-progress-heading{grid-column:2;margin:0 0 12px;grid-row:1;align-self:start}.miniature-steps{grid-column:2;grid-row:1 / 3;margin-top:30px}.miniature-request p{font-size:15px}.miniature-actionbar{padding:23px}.miniature-buttons{flex-direction:row}.miniature-station-label{font-size:12px}.miniature-scene-caption{flex-direction:row}.miniature-approval:not([hidden]){gap:25px}.miniature-approval-buttons{max-width:200px}}
@media(max-width:600px){.agent-world-section{padding-block:60px 40px}.miniature-topbar{padding-inline:16px;gap:14px;height:50px;font-size:12px}.miniature-example{font-size:12px;max-width:110px;text-align:right;line-height:1.4}.miniature-viewport{height:375px}.miniature-station-label{font-size:12px;padding:4px 6px;border-radius:4px}.miniature-station-label small{display:none}.miniature-station-label.agent-label{font-size:12px}.agent-bubble{font-size:12px;max-width:155px;padding:7px 9px}.miniature-scene-caption{bottom:10px;left:12px;right:12px;font-size:12px;align-items:flex-end}.miniature-scene-caption span:first-child{max-width:190px}.miniature-scene-caption span:last-child{max-width:85px;text-align:right}.miniature-story{display:block;padding:21px}.miniature-request{padding-bottom:17px;border-bottom:1px solid #dfe7f1}.miniature-request .eyebrow{font-size:12px}.miniature-request p{font-size:15px}.miniature-progress-heading{margin:15px 0;font-size:12px}.miniature-steps{display:grid;grid-template-columns:1fr 1fr;gap:17px 14px;margin:0}.miniature-steps li{padding:0;gap:9px}.miniature-steps li:not(:last-child):before{display:none}.miniature-steps strong{font-size:12px}.miniature-steps small{font-size:12px}.miniature-steps li>span{width:18px;height:18px;font-size:12px}.miniature-actionbar{display:block;padding:22px}.miniature-actionbar strong{font-size:15px}.miniature-actionbar p{font-size:13px}.miniature-buttons{margin-top:17px}.miniature-buttons .button{font-size:12px;flex:1;padding:12px;gap:9px}.miniature-approval:not([hidden]){display:block;padding:23px}.miniature-approval h3,.miniature-report h3{font-size:23px}.miniature-approval p{font-size:14px}.miniature-approval-buttons{max-width:none;flex-direction:row;flex-wrap:wrap;margin-top:19px}.miniature-approval-buttons .button{font-size:12px}.miniature-report:not([hidden]){display:block;padding:23px}.miniature-report ul{font-size:13px;margin-top:17px}.miniature-report>p{margin-top:13px}.miniature-explanation{font-size:12px}.miniature-fallback:not([hidden]){padding:20px}.miniature-fallback p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.miniature-viewport canvas{cursor:default}.miniature-scene-caption span:last-child{display:none}}

.miniature-station-label small{font-size:12px}.miniature-request p,.miniature-approval p{font-size:16px}.miniature-steps strong{font-size:14px}.miniature-scene-caption{font-size:12px}.miniature-story{padding-bottom:27px}.miniature-labels .miniature-station-label small{font-size:12px}.miniature-viewport{min-height:630px}@media(max-width:800px){.miniature-viewport{min-height:0;height:490px}.miniature-steps{margin-top:40px}}@media(max-width:600px){.miniature-viewport{height:385px}.miniature-steps{grid-template-columns:1fr;margin-top:0;gap:13px}.miniature-steps li>span{width:21px;height:21px}.miniature-story{padding:22px}.miniature-topbar>span:nth-child(2){display:none}.miniature-example{max-width:none}.miniature-scene-caption{font-size:12px}.miniature-station-label{font-size:12px}.miniature-scene-caption span:last-child{display:none}.miniature-station-label.agent-label{font-size:12px}.miniature-steps small{font-size:12px}.miniature-actionbar p{font-size:14px}.miniature-approval-buttons .button{font-size:14px}.miniature-buttons .button{font-size:14px}}