.live-session-controls{background:#102541b8;border:1px solid #315782;border-radius:14px;gap:10px;margin-top:32px;padding:16px;display:grid}.live-session-controls label{color:#d7e8f8;font-size:.85rem;font-weight:700}.live-session-controls__row{gap:10px;display:flex}.live-session-controls input,.live-session-controls button{min-height:44px}.live-session-controls input{color:#e7f4ff;background:#09111f;border:1px solid #4b77a5;border-radius:10px;flex:1;min-width:0;padding:10px 12px}.live-session-controls input:focus-visible,.live-session-controls button:focus-visible{outline-offset:2px;outline:2px solid #5ce1b8}.live-session-controls button{color:#e7f4ff;cursor:pointer;background:#15355a;border:1px solid #4b77a5;border-radius:10px;min-height:44px;padding:10px 16px}.live-session-controls button:disabled{cursor:not-allowed;opacity:.45}.live-session-controls__status{color:#a8b9cc;margin:0;font-size:.85rem}@media (width<=640px){.live-session-controls__row{display:grid}}.mock-studio{--mock-border:#28466e;--mock-muted:#b2c5db;overflow-wrap:anywhere;background:radial-gradient(at 100% 0,#17355c,#09111f 55%);grid-template-columns:244px minmax(0,1fr);min-height:100vh;display:grid}.mock-studio .mock-sidebar{border-right:1px solid var(--mock-border);background:#0b182b;height:100vh;padding:28px 18px;position:sticky;top:0;overflow-y:auto}.mock-studio .mock-brand{letter-spacing:-.06em;align-items:baseline;gap:12px;margin-bottom:20px;font-size:2rem;font-weight:800;display:flex}.mock-studio .mock-brand span{color:#7dc8ff;letter-spacing:.18em;font-size:.7rem}.mock-studio .mock-badge{color:#b9ffe9;background:#102e37;border:1px solid #467c80;border-radius:8px;padding:7px 10px;font-size:.75rem;line-height:1.5;display:inline-block}.mock-studio nav{gap:6px;margin-top:24px;display:grid}.mock-studio button{color:#09111f;cursor:pointer;white-space:normal;background:#7dc8ff;border:1px solid #7dc8ff;border-radius:10px;min-height:44px;padding:10px 16px;font-weight:600}.mock-studio button:disabled{opacity:.5;cursor:not-allowed}.mock-studio button:hover:not(:disabled){filter:brightness(1.1);border-color:#5ce1b8}.mock-studio :is(button,input,select,textarea,summary,a):focus-visible{outline-offset:3px;outline:2px solid #5ce1b8}.mock-studio .mock-secondary,.mock-studio nav button{color:#dbeaff;border-color:var(--mock-border);background:#102541}.mock-studio nav button{text-align:left;align-items:center;gap:10px;font-size:.85rem;display:flex}.mock-studio nav button span{color:#9ebcd9;font-size:.7rem}.mock-studio nav button[aria-current=page]{background:#1c3b5d;border-color:#7dc8ff}.mock-studio .mock-sidebar-footer{margin-top:32px;font-size:.8rem}.mock-studio .mock-sidebar-footer button{width:100%;margin-top:16px}.mock-studio .mock-content{min-width:0;padding:clamp(16px,3vw,48px)}.mock-studio .mock-topbar,.mock-studio .mock-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.mock-studio h1{letter-spacing:-.035em;margin-top:12px;font-size:clamp(1.8rem,3vw,3rem);line-height:1.15}.mock-studio h2{font-size:1.2rem}.mock-studio h3{font-size:1rem}.mock-studio p{color:var(--mock-muted);margin-top:12px}.mock-studio .mock-feedback{border:1px solid var(--mock-border);background:#102541;border-radius:12px;margin:24px 0;padding:16px;line-height:1.5}.mock-studio .mock-feedback[data-kind=error]{color:#ffd9e0;border-color:#d87b8f}.mock-studio .mock-feedback[data-kind=success]{border-color:#5ce1b8}.mock-studio .mock-feedback[data-kind=loading]{border-color:#7dc8ff}.mock-studio .mock-page{gap:24px;display:grid}.mock-studio .mock-card{border:1px solid var(--mock-border);background:#0b182bee;border-radius:18px;min-width:0;padding:clamp(18px,2.5vw,32px)}.mock-studio .mock-grid,.mock-studio .mock-metrics{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:16px;margin-top:20px;display:grid}.mock-studio .mock-metrics{margin-top:0}.mock-studio .mock-tile,.mock-studio .mock-choice,.mock-studio .mock-metrics article{border:1px solid var(--mock-border);background:#102541;border-radius:12px;min-width:0;padding:20px}.mock-studio .mock-metrics strong{color:#7dc8ff;margin-top:12px;font-size:2rem;display:block}.mock-studio .mock-field,.mock-studio .mock-choice{color:#dbeaff;gap:10px;margin-top:20px;font-size:.9rem;display:grid}.mock-studio :is(input:not([type=checkbox],[type=radio]),select,textarea){color:#e7edf5;background:#09111f;border:1px solid #4b77a5;border-radius:8px;width:100%;min-width:0;min-height:44px;padding:12px}.mock-studio textarea{resize:vertical}.mock-studio :is(input[type=checkbox],input[type=radio]){accent-color:#7dc8ff;width:20px;height:20px}.mock-studio .mock-choice:has(input:checked){border-color:#5ce1b8}.mock-studio .mock-check,.mock-studio .mock-actions,.mock-studio .mock-inline-form{flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;display:flex}.mock-studio .mock-inline-form{align-items:flex-end}.mock-studio .mock-inline-form label{flex:220px}.mock-studio fieldset{border:0;min-width:0;margin:0;padding:0}.mock-studio .mock-empty{border:1px dashed #4b77a5;border-radius:12px;padding:24px}.mock-studio .mock-transcript{max-height:480px;margin:24px 0;overflow-y:auto}.mock-studio .mock-transcript article{background:#102541;border-radius:10px;margin:12px 0;padding:16px}.mock-studio .mock-transcript [data-role=user]{border-left:3px solid #7dc8ff}.mock-studio .mock-diff,.mock-studio .mock-history{padding:0;list-style:none}.mock-studio .mock-diff>div,.mock-studio .mock-history li{border-bottom:1px solid var(--mock-border);gap:8px;padding:16px 0;display:grid}.mock-studio .mock-diff dd{color:var(--mock-muted);margin:0}.mock-studio summary{cursor:pointer;min-height:44px;padding:12px 0}.mock-studio .mock-reset{border-color:#d87b8f;margin-bottom:24px}.mock-studio .mock-skip{z-index:5;color:#09111f;background:#7dc8ff;padding:12px;position:absolute;top:-100px;left:16px}.mock-studio .mock-skip:focus{top:12px}.mock-studio .runtime-shell{background:0 0;min-width:0;min-height:0;padding:0}.mock-studio :is(.project-card,.runtime-card){width:100%;box-shadow:none;border-radius:18px;padding:clamp(18px,2.5vw,32px)}.mock-studio :is(.runtime-grid,.project-reference-grid){grid-template-columns:repeat(auto-fit,minmax(min(100%,175px),1fr))}.mock-studio :is(.runtime-card__header,.project-card__header){flex-wrap:wrap}.mock-studio .project-reference dd{white-space:normal;overflow-wrap:anywhere}@media (width<=1000px){.mock-studio{grid-template-columns:minmax(0,1fr)}.mock-studio .mock-sidebar{border-right:0;border-bottom:1px solid var(--mock-border);height:auto;position:static}.mock-studio nav{grid-template-columns:repeat(2,minmax(0,1fr))}.mock-studio .mock-sidebar-footer{margin-top:16px}}.demo-access{--demo-accent:#7dc8ff;--demo-muted:#b2c5db;--demo-border:#4b77a5;color:#e7edf5;overflow-wrap:anywhere}.demo-access-screen{background:radial-gradient(at 100% 0,#17355c,#09111f 55%);place-items:center;min-height:100svh;padding:clamp(16px,4vw,48px);display:grid}.demo-access .demo-access-card{background:#0b182b;border:1px solid #28466e;border-radius:24px;width:min(100%,480px);min-width:0;padding:clamp(24px,4vw,40px);box-shadow:0 24px 64px #0004}.demo-access .demo-access-brand{letter-spacing:-.06em;align-items:baseline;gap:12px;font-size:2rem;font-weight:800;display:flex}.demo-access .demo-access-brand span{color:var(--demo-accent);letter-spacing:.18em;font-size:.75rem}.demo-access .demo-access-badge{color:#b9ffe9;background:#102e37;border:1px solid #467c80;border-radius:8px;margin-block:24px 16px;padding:8px 12px;font-size:.8rem;display:inline-block}.demo-access h1{letter-spacing:-.035em;font-size:clamp(1.8rem,4vw,2.4rem);line-height:1.15}.demo-access p{color:var(--demo-muted);line-height:1.6}.demo-access #demo-access-description{margin-block-start:16px}.demo-access form{gap:12px;margin-block-start:24px;display:grid}.demo-access label{font-size:.9rem;font-weight:600}.demo-access input{border:1px solid var(--demo-border);color:#e7edf5;background:#09111f;border-radius:8px;width:100%;min-width:0;min-height:48px;margin-block-end:8px;padding:12px}.demo-access button{border:1px solid var(--demo-accent);color:#09111f;background:var(--demo-accent);cursor:pointer;border-radius:10px;min-height:48px;padding:12px 24px;font-weight:600}.demo-access button:hover{background:#a3d8ff}.demo-access button:active{background:#5ce1b8}.demo-access :is(input,button):focus-visible{outline-offset:3px;outline:2px solid #5ce1b8}.demo-access .demo-access-error{color:#ffd9e0;background:#351b2a;border:1px solid #d87b8f;border-radius:8px;padding:12px}.demo-access .demo-access-footnote{margin-block-start:24px;font-size:.8rem}.demo-access-bar{border-block-end:1px solid var(--demo-border);background:#0b182b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px clamp(16px,3vw,48px);display:flex}.demo-access-bar p{margin-block-start:4px;font-size:.8rem}:root{color:#e7edf5;font-synthesis:none;text-rendering:optimizelegibility;background:#09111f;font-family:Inter,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}.runtime-shell{background:radial-gradient(circle at 100% 0,#17355c 0,#09111f 48%);place-items:center;gap:24px;min-height:100vh;padding:32px;display:grid}.project-card,.runtime-card{background:#0b182beb;border:1px solid #28466e;border-radius:24px;width:min(100%,880px);padding:clamp(24px,5vw,56px);box-shadow:0 24px 80px #00000052}.project-card__header{justify-content:space-between;align-items:flex-start;gap:24px;margin-top:20px;display:flex}.project-id{color:#9dd6ff;border:1px solid #4d729c;border-radius:999px;flex:none;padding:8px 12px;font-size:.8rem;font-weight:700}.project-reference-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin:40px 0 0;display:grid}.project-reference{background:#102541;border-radius:14px;min-width:0;padding:16px}.project-reference dt{color:#7e9aba;text-transform:uppercase;font-size:.75rem}.project-reference dd{color:#f1f6fb;text-overflow:ellipsis;white-space:nowrap;margin:8px 0 0;font-size:.85rem;overflow:hidden}.runtime-card__eyebrow{color:#7dc8ff;letter-spacing:.16em;font-size:.75rem;font-weight:700}.runtime-card__header{justify-content:space-between;align-items:flex-start;gap:24px;margin-top:20px;display:flex}h1,h2,p{margin:0}h1{letter-spacing:-.06em;max-width:520px;font-size:clamp(2rem,5vw,4.5rem);line-height:.98}p{color:#a8b9cc;margin-top:18px;line-height:1.6}.runtime-status{color:#9dd6ff;text-transform:uppercase;border:1px solid #4d729c;border-radius:999px;flex:none;padding:8px 12px;font-size:.8rem;font-weight:700}.runtime-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:48px;display:grid}.runtime-field{background:#102541;border-radius:14px;gap:8px;padding:16px;display:grid}.runtime-field span{color:#7e9aba;text-transform:uppercase;font-size:.75rem}.runtime-field strong{color:#f1f6fb;text-overflow:ellipsis;font-size:.95rem;overflow:hidden}.capability-section{margin-top:40px}h2{font-size:1rem}.capability-list{flex-wrap:wrap;gap:10px;margin:16px 0 0;padding:0;list-style:none;display:flex}.capability-list li{color:#b9d7f4;border:1px solid #315782;border-radius:999px;padding:8px 12px;font-size:.85rem}.runtime-note{color:#a8b9cc;background:#5ce1b814;border-left:3px solid #5ce1b8;margin-top:40px;padding:16px;line-height:1.6}@media (width<=640px){.runtime-shell{padding:16px}.runtime-card__header,.project-card__header{display:grid}.runtime-grid,.project-reference-grid{grid-template-columns:1fr;margin-top:32px}}.preview-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.preview-actions button{color:#e7f4ff;cursor:pointer;background:#15355a;border:1px solid #4b77a5;border-radius:10px;padding:10px 16px}.preview-actions button:hover:not(:disabled),.preview-actions button:focus-visible{outline-offset:2px;border-color:#5ce1b8;outline:2px solid #5ce1b8}.preview-actions button:disabled{cursor:not-allowed;opacity:.45}.runtime-diagnostic{color:#ffd9e0;background:#d87b8f1f;border:1px solid #d87b8f;border-radius:10px;margin-top:20px;padding:12px 16px}.test-lab{background:#102541b8;border:1px solid #315782;border-radius:16px;margin-top:40px;padding:20px}.test-lab p{margin-top:10px}.test-lab-status{color:#d7e8f8;font-size:.9rem}.release-stage,.agent-memory,.profile-badge{color:#b9ffe9;border:1px solid #5ce1b8;border-radius:999px;flex:none;padding:8px 12px;font-size:.8rem;font-weight:700}.agent-designer .project-reference dd,.profile-panel .project-reference dd,.deployment-records .project-reference dd,.access-audit .project-reference dd,.release-comparison .project-reference dd{white-space:normal}.profile-panel h3,.access-audit h3{color:#9dd6ff;text-transform:uppercase;margin:28px 0 0;font-size:.85rem}