.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;--mock-surface:#0b182bee;--mock-surface-raised:#102541;--mock-accent:#7dc8ff;--mock-success:#5ce1b8;--mock-warning:#f4c56c;--mock-danger:#ff9aad;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;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 16px;font-weight:600;display:inline-flex}.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;min-width:0;font-size:.85rem;display:flex}.mock-studio nav button[aria-current=page]{background:#1c3b5d;border-color:#7dc8ff;box-shadow:inset 3px 0 #5ce1b8}.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-analytics{background:linear-gradient(140deg, #7dc8ff1a, transparent 34%), var(--mock-surface)}.mock-studio .mock-analytics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.mock-studio .mock-chart{background:#09111f7a;border:1px solid #315782;border-radius:14px;min-width:0;margin:0;padding:18px}.mock-studio .mock-chart__heading{color:var(--mock-accent);align-items:center;gap:8px;display:flex}.mock-studio .mock-chart__heading h3{color:#f1f6fb}.mock-studio .mock-chart figcaption p{min-height:44px;margin-top:8px;font-size:.82rem;line-height:1.45}.mock-studio .mock-chart__activity,.mock-studio .mock-chart__distribution{width:100%;margin-top:12px;display:block;overflow:visible}.mock-studio .mock-chart__activity{height:132px}.mock-studio .mock-chart__distribution{height:60px}.mock-studio .mock-chart__axis{stroke:#4b77a5;stroke-width:1px}.mock-studio .mock-chart__bar{fill:#398ec4}.mock-studio .mock-chart__value{fill:#dbeaff;text-anchor:middle;font-size:13px;font-weight:800}.mock-studio .mock-chart__legend{gap:8px;margin:16px 0 0;padding:0;list-style:none;display:grid}.mock-studio .mock-chart__legend li{border-top:1px solid #4b77a573;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding-top:8px;display:grid}.mock-studio .mock-chart__legend span:not(.mock-chart__key){gap:2px;min-width:0;display:grid}.mock-studio .mock-chart__legend strong{color:#e7edf5;font-size:.82rem}.mock-studio .mock-chart__legend small{color:var(--mock-muted);font-size:.72rem;line-height:1.35}.mock-studio .mock-chart__legend b{color:#f1f6fb;font-size:.95rem}.mock-studio .mock-chart__key{background:#398ec4;border:2px solid #9dd6ff;border-radius:2px;width:10px;height:10px}.mock-studio .mock-chart__legend .mock-icon{width:18px;height:18px;color:var(--mock-success)}.mock-studio .mock-chart__legend li:nth-child(2) .mock-icon{color:var(--mock-danger)}.mock-studio .mock-chart__legend li:nth-child(3) .mock-icon{color:var(--mock-warning)}.mock-studio .mock-chart__summary{border-left:3px solid var(--mock-accent);color:#dbeaff;background:#1c3b5d80;margin-top:16px;padding:12px;font-size:.8rem;line-height:1.5}.mock-studio .mock-readiness-chart{place-items:center;width:132px;height:132px;margin:8px auto 0;display:grid;position:relative}.mock-studio .mock-readiness-chart strong{color:#f1f6fb;font-size:1.35rem;position:absolute}.mock-studio .mock-chart__donut{width:100%;height:100%;transform:rotate(-90deg)}.mock-studio .mock-chart__track,.mock-studio .mock-chart__progress{fill:none;stroke-width:12px}.mock-studio .mock-chart__track{stroke:#213c5b}.mock-studio .mock-chart__progress{stroke:var(--mock-success);stroke-linecap:round}.mock-studio .mock-chart__distribution-track{fill:#213c5b}.mock-studio .mock-chart__segment--success{fill:var(--mock-success)}.mock-studio .mock-chart__segment--failure{fill:var(--mock-danger)}.mock-studio .mock-chart__segment--rollback{fill:var(--mock-warning)}.mock-studio .mock-card{border:1px solid var(--mock-border);background:var(--mock-surface);border-radius:18px;min-width:0;padding:clamp(18px,2.5vw,32px);box-shadow:0 18px 44px #00000024}.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:var(--mock-surface-raised);border-radius:12px;min-width:0;padding:20px}.mock-studio .mock-metric{position:relative;overflow:hidden}.mock-studio .mock-metric:before{content:"";background:var(--mock-accent);height:2px;position:absolute;top:0;left:20px;right:20px}.mock-studio .mock-metric[data-tone=mint]:before{background:var(--mock-success)}.mock-studio .mock-metric[data-tone=violet]:before{background:#bda6ff}.mock-studio .mock-metric__label,.mock-studio .mock-section-heading,.mock-studio .mock-tile__heading,.mock-studio .mock-history__title,.mock-studio .mock-kicker,.mock-studio .mock-page-eyebrow{align-items:center;gap:8px;display:flex}.mock-studio .mock-metric__label{color:#dbeaff;font-size:.85rem;font-weight:700}.mock-studio .mock-metrics small,.mock-studio .mock-metric small{color:var(--mock-muted);margin-top:4px;font-size:.78rem;line-height:1.45;display:block}.mock-studio .mock-metrics strong{color:#7dc8ff;margin-top:12px;font-size:2rem;display:block}.mock-studio .mock-section-heading{color:var(--mock-accent)}.mock-studio .mock-section-heading h2,.mock-studio .mock-tile__heading h3{color:#f1f6fb}.mock-studio .mock-tile__heading,.mock-studio .mock-kicker,.mock-studio .mock-page-eyebrow{color:var(--mock-accent)}.mock-studio .mock-icon{flex:none;width:1.2em;height:1.2em}.mock-studio nav .mock-icon{width:20px;height:20px;color:var(--mock-accent)}.mock-studio nav button[aria-current=page] .mock-icon{color:var(--mock-success)}.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-check{min-height:44px;padding:8px 0}.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-transcript [data-role=system]{border-left:3px solid var(--mock-danger)}.mock-studio .mock-history__title{color:#dbeaff}.mock-studio .mock-history__title .mock-icon{color:var(--mock-success)}.mock-studio .mock-history li[data-result=failed] .mock-history__title .mock-icon,.mock-studio .mock-transcript [data-role=system] .mock-history__title .mock-icon{color:var(--mock-danger)}.mock-studio .mock-project-status,.mock-studio .mock-status-label{color:#b9ffe9;align-items:center;gap:6px;margin-top:14px;font-size:.8rem;line-height:1.4;display:flex}.mock-studio .mock-project-status .mock-icon{color:var(--mock-success)}.mock-studio .mock-tile:has(.mock-project-status [data-icon=alert]) .mock-project-status{color:var(--mock-warning)}.mock-studio .mock-tile:has(.mock-project-status [data-icon=alert]) .mock-project-status .mock-icon{color:var(--mock-warning)}.mock-studio .mock-status-label{color:#c5d7eb;border:1px solid #4b77a5;border-radius:999px;padding:5px 8px;display:inline-flex}.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 .mock-runtime-showcase{gap:16px;display:grid}.mock-studio .mock-avatar-showcase{background:radial-gradient(circle at 85% 0, #5ce1b829, transparent 32%), linear-gradient(135deg, #7dc8ff1f, transparent 50%), var(--mock-surface);border:1px solid #38618c;border-radius:18px;gap:18px;padding:clamp(18px,2.5vw,32px);display:grid}.mock-studio .mock-avatar-showcase__header{justify-content:space-between;gap:20px;display:flex}.mock-studio .mock-avatar-showcase__header h2{margin-top:8px;font-size:clamp(1.3rem,2vw,1.8rem)}.mock-studio .mock-avatar-showcase__header p{max-width:60ch;margin-top:8px}.mock-studio .mock-avatar-showcase__logo{border:2px solid var(--mock-accent);object-fit:cover;border-radius:50%;flex:none;width:clamp(52px,6vw,82px);height:clamp(52px,6vw,82px);box-shadow:0 0 28px #7dc8ff59}.mock-studio .mock-avatar-showcase .avatar-viewport{min-height:420px}.mock-studio .mock-runtime-showcase__intro{color:#dbeaff;background:linear-gradient(135deg,#7dc8ff1f,#0000 55%),#102541;border:1px solid #38618c;border-radius:14px;align-items:flex-start;gap:12px;padding:16px 18px;display:flex}.mock-studio .mock-runtime-showcase__intro>.mock-icon{width:28px;height:28px;color:var(--mock-success)}.mock-studio .mock-runtime-showcase__intro span{letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;font-weight:800}.mock-studio .mock-runtime-showcase__intro p{margin-top:4px;font-size:.88rem}.mock-studio .avatar-asset{position:relative;overflow:hidden}.mock-studio .avatar-asset:before{content:"";pointer-events:none;background:radial-gradient(circle,#7dc8ff1f,#0000 68%);border-radius:50%;width:180px;height:180px;position:absolute;inset:0 auto auto 0}.mock-studio .avatar-asset>*{position:relative}.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}.mock-studio .mock-analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.mock-studio .mock-sidebar{padding:20px 16px}.mock-studio nav,.mock-studio .mock-analytics-grid{grid-template-columns:1fr}.mock-studio .mock-chart figcaption p{min-height:auto}.mock-studio .mock-content{padding:16px}.mock-studio .mock-avatar-showcase__header{align-items:flex-start}.mock-studio .mock-avatar-showcase .avatar-viewport{min-height:360px}}.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}
