.avatar-toolbar{z-index:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b0f19bf;border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex;position:relative}.avatar-toolbar__models,.avatar-toolbar__group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.avatar-toolbar__models{gap:8px}.avatar-toolbar__logo{object-fit:cover;border:1px solid #00f0ff;border-radius:50%;width:26px;height:26px;box-shadow:0 0 8px #00f0ff66}.avatar-toolbar button,.avatar-toolbar a{color:#cbd5e1;min-height:32px;font:inherit;cursor:pointer;background:#0f172aa6;border:1px solid #ffffff26;border-radius:6px;padding:4px 10px;font-size:.75rem;text-decoration:none}.avatar-toolbar button[aria-pressed=true]{color:#00f0ff;background:#00f0ff33;border-color:#00f0ff}.avatar-toolbar__utilities button:nth-child(2)[aria-pressed=true]{color:#c084fc;background:#a855f733;border-color:#a855f7}.avatar-toolbar__utilities button:nth-child(3)[aria-pressed=true]{color:#34d399;background:#10b98133;border-color:#10b981}.avatar-toolbar__utilities a:first-of-type{color:#c7d2fe;background:#6366f133;border-color:#818cf8}.avatar-toolbar__utilities a:last-of-type{color:#67e8f9;background:#00f0ff26;border-color:#00f0ff}.avatar-toolbar :is(button,a):focus-visible{outline-offset:2px;outline:2px solid #5ce1b8}.avatar-canvas-status{color:#94a3b8;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172ab3;border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;margin:0 12px 10px;padding:4px 8px;font-size:.75rem;display:flex;position:relative}.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 .avatar-configurator{grid-template-columns:minmax(230px,.68fr) minmax(0,1.32fr);align-items:start;gap:clamp(20px,3vw,40px);margin-top:20px;display:grid}.mock-studio .avatar-configurator__panel,.mock-studio .avatar-configurator__stage{background:#09111f7a;border:1px solid #315782;border-radius:16px;min-width:0}.mock-studio .avatar-configurator__panel{gap:18px;padding:clamp(18px,2vw,28px);display:grid}.mock-studio .avatar-configurator__panel>p{margin:-8px 0 0}.mock-studio .avatar-configurator__section{border:0;min-width:0;margin:0;padding:0}.mock-studio .avatar-configurator__section legend{color:#dbeaff;letter-spacing:.06em;text-transform:uppercase;padding:0;font-size:.82rem;font-weight:800}.mock-studio .avatar-configurator__choices,.mock-studio .avatar-configurator__lighting,.mock-studio .avatar-configurator__layers{gap:10px;margin-top:10px;display:grid}.mock-studio .avatar-configurator__avatar-choice,.mock-studio .avatar-configurator__lighting button{color:#dbeaff;cursor:pointer;background:#102541;border:1px solid #315782;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;min-height:64px;padding:10px 12px;display:grid}.mock-studio .avatar-configurator__avatar-choice input{margin:0}.mock-studio .avatar-configurator__avatar-choice span,.mock-studio .avatar-configurator__lighting button>span:last-child{text-align:left;gap:3px;display:grid}.mock-studio .avatar-configurator__avatar-choice small,.mock-studio .avatar-configurator__lighting small{color:var(--mock-muted);font-size:.74rem;line-height:1.35}.mock-studio .avatar-configurator__avatar-choice[data-selected=true]{border-color:var(--mock-success);box-shadow:inset 3px 0 var(--mock-success)}.mock-studio .avatar-configurator__avatar-choice .mock-icon{color:var(--mock-success)}.mock-studio .avatar-configurator__segmented{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.mock-studio .avatar-configurator__segmented button{color:#dbeaff;background:#102541;border-color:#315782;flex:90px;min-height:44px;padding:8px 12px}.mock-studio .avatar-configurator__segmented button[aria-pressed=true],.mock-studio .avatar-configurator__lighting button[aria-pressed=true]{border-color:var(--mock-accent);color:#ecf8ff;background:#1c3b5d;box-shadow:inset 0 0 0 1px #7dc8ff40}.mock-studio .avatar-configurator__lighting button{text-align:left;grid-template-columns:auto minmax(0,1fr);width:100%}.mock-studio .avatar-configurator__swatch{background:linear-gradient(135deg,#fff,#00f0ff);border:1px solid #dbeaff;border-radius:50%;width:24px;height:24px}.mock-studio .avatar-configurator__swatch.aurora{background:linear-gradient(135deg,#74f7d2,#70b7ff)}.mock-studio .avatar-configurator__swatch.violet{background:linear-gradient(135deg,#c69cff,#8c7bff)}.mock-studio .avatar-configurator__layers{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.mock-studio .avatar-configurator__layers .mock-check{border:1px solid #315782;border-radius:10px;margin:0;padding:8px 10px}.mock-studio .avatar-configurator__note{border-left:3px solid var(--mock-success);color:#dbeaff;background:#5ce1b814;align-items:flex-start;gap:8px;margin:0;padding:12px;font-size:.8rem;line-height:1.45;display:flex}.mock-studio .avatar-configurator__note .mock-icon{color:var(--mock-success);flex:none}.mock-studio .avatar-configurator__stage{background:radial-gradient(circle at 50% 15%,#7dc8ff2b,#0000 38%),#080f1d;align-self:start;position:sticky;top:24px;overflow:hidden}.mock-studio .avatar-configurator__stage-copy{z-index:2;color:#eaf7ff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#09111fc7;border:1px solid #7dc8ff73;border-radius:10px;gap:3px;max-width:230px;padding:10px 12px;display:grid;position:absolute;top:16px;right:16px}.mock-studio .avatar-configurator__stage-copy span{color:var(--mock-accent);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:800}.mock-studio .avatar-configurator__stage-copy small{color:var(--mock-muted);font-size:.72rem}.mock-studio .avatar-configurator__stage .avatar-viewport{border:0;border-radius:0;min-height:min(68vh,720px)}@media (width<=680px){.mock-studio .avatar-configurator{grid-template-columns:minmax(0,1fr)}.mock-studio .avatar-configurator__stage{order:-1;position:relative;top:auto}.mock-studio .avatar-configurator__stage-copy{max-width:calc(100% - 24px);top:12px;right:12px}}.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-workflow-guide__steps{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;margin:20px 0 0;padding:0;list-style:none;display:grid}.mock-studio .mock-workflow-guide__steps li{background:#102541;border:1px solid #315782;border-radius:12px;grid-template-columns:auto auto minmax(0,1fr);align-items:start;gap:10px;min-width:0;padding:14px;display:grid}.mock-studio .mock-workflow-guide__number{color:var(--mock-success);letter-spacing:.08em;font-size:.72rem;font-weight:900}.mock-studio .mock-workflow-guide__steps .mock-icon{color:var(--mock-accent)}.mock-studio .mock-workflow-guide__steps span:not(.mock-workflow-guide__number){gap:4px;display:grid}.mock-studio .mock-workflow-guide__steps small{color:var(--mock-muted);font-size:.76rem;line-height:1.4}.mock-studio .mock-workflow-guide__steps button{grid-column:1/-1;width:100%;margin-top:2px}.mock-studio .mock-capability-panel{grid-template-columns:minmax(0,1.1fr) repeat(2,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.mock-studio .mock-capability-panel__hero,.mock-studio .mock-capability-panel__column{background:linear-gradient(135deg,#7dc8ff1f,#102541);border:1px solid #315782;border-radius:12px;min-width:0;padding:16px}.mock-studio .mock-capability-panel__hero{align-items:flex-start;gap:12px;display:flex}.mock-studio .mock-capability-panel__hero>.mock-icon{width:32px;height:32px;color:var(--mock-success)}.mock-studio .mock-capability-panel__hero div,.mock-studio .mock-capability-panel__column{gap:6px;display:grid}.mock-studio .mock-capability-panel__hero span{color:var(--mock-accent);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:800}.mock-studio .mock-capability-panel__hero strong{color:#f1f6fb}.mock-studio .mock-capability-panel p,.mock-studio .mock-capability-panel small{color:var(--mock-muted);margin:0;font-size:.78rem;line-height:1.45}.mock-studio .mock-capability-panel__chips{flex-wrap:wrap;gap:6px;display:flex}.mock-studio .mock-capability-panel__chips span{color:#dbeaff;background:#09111f94;border:1px solid #4b77a5;border-radius:999px;padding:5px 8px;font-size:.72rem}.mock-studio .mock-reference-disclosure{background:#09111f6b;border:1px solid #315782;border-radius:14px;padding:0 20px 20px}.mock-studio .mock-reference-disclosure summary{color:var(--mock-accent);font-weight:700}.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,.mock-studio .mock-capability-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.mock-studio .mock-capability-panel__hero{grid-column:1/-1}}@media (width<=640px){.mock-studio .mock-sidebar{padding:20px 16px}.mock-studio nav,.mock-studio .mock-analytics-grid,.mock-studio .mock-capability-panel{grid-template-columns:1fr}.mock-studio .mock-capability-panel__hero{grid-column:auto}.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}
