.studio-feature.soc-life-feature{display:flex;flex-direction:column;padding:0;min-height:0;background:#101d2c;overflow:hidden;align-items:stretch}.studio-feature.soc-life-feature:before{display:none}.soc-life-feature .studio-feature-copy{padding:28px 30px;max-width:none;background:linear-gradient(120deg,#1a2a3d,#101c2c);position:relative;z-index:1}.soc-life-feature .studio-feature-copy h2{font-size:clamp(1.6rem,2.1vw,2.15rem);max-width:none;margin:17px 0 12px;line-height:1.22}.soc-life-feature .studio-feature-copy h2 br{display:none}.soc-life-feature .studio-feature-copy h2 br:after{content:' '}.soc-life-feature .studio-feature-copy p{max-width:55ch;font-size:.85rem}.soc-life-feature .studio-feature-tags{font-size:.7rem;margin:16px 0}.soc-life-feature .studio-feature-art.soc-life-art{position:relative;inset:auto;width:100%;height:auto;opacity:1;display:flex;pointer-events:auto;z-index:2;min-width:0;transform:none;background:#0b1726;border-top:1px solid #304157}
.soc-life{--stage-color:#efbe69;--phase-progress:0;display:flex;flex-direction:column;width:100%;min-width:0;background:#0d1b2b}.soc-life-top{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:16px 20px;border-bottom:1px solid #2c4359;color:#b9cfdf;font:9px/1.5 Consolas,monospace;letter-spacing:.08em}.soc-life-top>span{display:flex;align-items:center;gap:8px}.soc-life-top i,.soc-live-strip i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#9fef00}.soc-life-top small{font-size:8px;color:#95acc2}.soc-room-frame{position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 25%,#32607933,transparent 75%),#0b1725}.soc-room-frame>svg{display:block;width:100%;height:auto}.soc-phase-time{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#294055}.soc-phase-time i{display:block;height:100%;background:var(--stage-color);transform-origin:left;transform:scaleX(var(--phase-progress));will-change:transform}.soc-live-strip{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 18px;background:#122437;border-block:1px solid #2b4359;font:9px/1.5 Consolas,monospace;color:#9cb7cb;letter-spacing:.04em}.soc-live-strip span{display:flex;align-items:center;gap:8px}.soc-owner-label{font-weight:500;color:var(--stage-color)}.soc-event-feed{padding:12px 18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;background:#0e1e2f}.soc-feed-item{border-left:2px solid #35556b;padding-left:9px;font:10px/1.6 Consolas,monospace;color:#9eb8cb;min-width:0}.soc-feed-item:last-child{border-color:var(--stage-color);color:#d1dfeb}.soc-life-caption{padding:18px 20px 10px;border-top:1px solid #294258;background:#15273b;min-height:108px}.soc-life-phase-label{font:600 13px/1.5 system-ui;color:var(--stage-color)}.studio-app .soc-life-caption p{margin:8px 0 0;font-size:.8rem;line-height:1.7;color:#bacbdd;max-width:70ch}.soc-life-controls{display:flex;align-items:center;gap:12px;padding:12px 18px 18px;background:#15273b}.soc-life-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;flex:1}.soc-life-steps button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:7px;background:#1b3045;border:1px solid #3b5770;color:#afc3d8;border-radius:7px;font:10px system-ui;transition:background .2s,border-color .2s,color .2s}.soc-life-steps button span{font:10px Consolas,monospace}.soc-life-steps button b{font-weight:500;font-size:9px}.soc-life-steps button[aria-pressed=true]{border-color:var(--stage-color);color:#e4f3d3;background:#273e35}.soc-life-play{padding:8px 10px;min-height:44px;background:#20374d;border:1px solid #4c6881;color:#d1dfeb;border-radius:7px;font-size:11px;white-space:nowrap}.soc-life-play:disabled{opacity:.7;cursor:default}.soc-life-controls button:focus-visible{outline:3px solid #9fef00;outline-offset:3px}.soc-life-controls button:active{transform:scale(.97)}
.soc-life-chart{stroke-dasharray:480;stroke-dashoffset:0;animation:soc-trace 8s ease-out infinite}.soc-alert-halo{transform-box:fill-box;transform-origin:center;animation:soc-halo 4s ease-in-out infinite}.soc-alert-pulse{animation:soc-signal 4s ease-in-out infinite}.soc-network-flow,.soc-handoff-path{animation:soc-packet 5s linear infinite}.soc-handoff-path{opacity:0;transition:opacity .6s}.soc-life[data-phase="2"] .soc-handoff-path,.soc-life[data-phase="3"] .soc-handoff-path{opacity:.7}.soc-evidence-node circle{transition:stroke .6s,fill .6s}.soc-evidence-node.linked circle:first-child{stroke:var(--stage-color);fill:#203e45}.soc-evidence-node.linked circle:nth-child(2){fill:var(--stage-color)}.soc-case-progress{transform-box:fill-box;transform-origin:left;transition:transform 1s ease}.soc-person-head{transform-box:fill-box;transform-origin:center bottom;animation:soc-attention 9s ease-in-out infinite}.operator-1 .soc-person-head{animation-delay:-3s}.operator-2 .soc-person-head{animation-delay:-6s}.soc-person-arm{transform-box:fill-box;transform-origin:center;animation:soc-typing 3s ease-in-out infinite}.soc-person-arm.right{animation-delay:-1.5s}.operator-1 .soc-person-arm{animation-duration:3.7s}.operator-2 .soc-person-arm{animation-duration:4.1s}.soc-operator.is-working .soc-person-arm{animation-duration:2.1s}.soc-agent-tag{transition:stroke .5s,fill .5s}.soc-agent-tag.is-working{stroke:var(--stage-color);fill:#234033}.soc-console-trace{stroke-dasharray:180;animation:soc-console 6s linear infinite}.soc-rack-led{animation:soc-signal 5s ease-in-out infinite}.soc-console-lines{animation:soc-signal 6s ease-in-out infinite}.soc-life[data-phase="2"] .desk-1,.soc-life[data-phase="3"] .desk-2,.soc-life[data-phase="0"] .desk-0,.soc-life[data-phase="1"] .desk-0{fill:var(--stage-color)}
@keyframes soc-trace{0%{stroke-dashoffset:480}70%,100%{stroke-dashoffset:0}}@keyframes soc-halo{0%,100%{scale:.85;opacity:.2}50%{scale:1.25;opacity:.55}}@keyframes soc-signal{0%,100%{opacity:.55}50%{opacity:1}}@keyframes soc-packet{to{stroke-dashoffset:-90}}@keyframes soc-attention{0%,65%,100%{rotate:0deg}30%{rotate:4deg}}@keyframes soc-typing{0%,100%{translate:0 0}50%{translate:0 -2px;rotate:1deg}}@keyframes soc-console{0%{stroke-dashoffset:180}75%,100%{stroke-dashoffset:0}}
.soc-life-paused *,.motion-paused .soc-life *{animation-play-state:paused!important}.soc-life-paused .soc-case-progress{transition:none}.soc-life-paused .soc-life-chart{stroke-dashoffset:0;animation:none}.motion-paused .soc-life *{transition:none!important}
@media(min-width:1600px){.studio-feature.soc-life-feature{display:grid;grid-template-columns:minmax(270px,.65fr) minmax(0,1.35fr)}.soc-life-feature .studio-feature-copy{display:flex;flex-direction:column;justify-content:center}.soc-life-feature .studio-feature-copy h2 br{display:block}.soc-life-feature .studio-feature-art.soc-life-art{border-top:0;border-left:1px solid #304157}}
@media(max-width:1150px){.soc-life-steps button b{display:none}.soc-event-feed{gap:8px}.soc-feed-item{font-size:9px}}
@media(max-width:700px){.soc-life-feature .studio-feature-copy{padding:26px 23px}.soc-life-feature .studio-feature-copy h2{font-size:1.9rem}.soc-life-top{font-size:8px;padding:13px}.soc-life-top small{font-size:7px}.soc-live-strip{padding:12px;font-size:8px;gap:8px}.soc-event-feed{grid-template-columns:1fr;padding:12px 15px;gap:7px}.soc-feed-item{font-size:10px}.soc-life-caption{padding:16px;min-height:124px}.soc-life-controls{padding:10px 12px 16px;gap:8px}.soc-life-play{padding:8px;font-size:10px}.soc-life-steps button{padding:4px;min-width:0}}
@media(prefers-reduced-motion:reduce){.soc-life *{animation:none!important;transition:none!important}.soc-life-chart{stroke-dashoffset:0}.soc-alert-halo{opacity:.3}.soc-phase-time{display:none}}

.studio-feature-grid:has(.soc-life-feature){align-items:start}

.studio-feature-grid:has(.soc-life-feature)>.studio-player{height:auto;min-height:0;align-self:start}.soc-life-feature .studio-feature-copy h2 br{display:block}
