/* Shared member-site motion. Values come from the current effective rules. */
:root,:host{--space-control-ease:cubic-bezier(.16,1,.3,1);--space-content-ease:cubic-bezier(.22,.7,.2,1)}
button,.btn,.button,.icon-btn,.seg-btn,.cat-chip,.space-select-trigger,[role=button],input,textarea{transition:background-color 320ms var(--space-control-ease),border-color 320ms var(--space-control-ease),color 320ms var(--space-control-ease),box-shadow 320ms var(--space-control-ease),transform 200ms var(--space-control-ease),opacity 320ms var(--space-control-ease)}
button:not(:disabled):active,.btn:not(:disabled):active,.button:active,.space-select-trigger:not(:disabled):active{transform:scale(.98)}
.space-select-trigger::after{transition:transform 320ms var(--space-control-ease)}
.space-select-list:popover-open{animation:none}.space-select-option{transition:background-color 320ms var(--space-control-ease),color 320ms var(--space-control-ease)}
dialog[open],.modal-card,.login-card{animation:none!important}dialog::backdrop{animation:space-backdrop-in 360ms var(--space-control-ease) both}dialog[data-space-closing]::backdrop{animation:space-backdrop-out 360ms var(--space-control-ease) both}
@keyframes space-backdrop-in{from{opacity:0}to{opacity:1}}@keyframes space-backdrop-out{from{opacity:1}to{opacity:0}}
.space-loading-surface{display:grid;gap:18px;min-width:0;pointer-events:none}.space-loading-bar,.space-loading-card{padding:22px;border:1px solid var(--stroke,var(--line,#dbe7f3));border-radius:16px;background:var(--panel-solid,var(--paper,#fff));display:grid;gap:22px;align-content:start}.space-loading-bar{grid-template-columns:1fr 1.4fr 1fr;min-height:86px;align-items:center}.space-loading-card{min-height:360px}.space-skeleton{display:block;height:14px;position:relative;overflow:hidden;border-radius:5px;background:color-mix(in srgb,var(--muted,#607993) 12%,transparent);max-width:100%}.space-skeleton::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent,color-mix(in srgb,var(--panel-solid,#fff) 70%,transparent),transparent);transform:translateX(-100%);animation:space-shimmer 1400ms var(--space-control-ease) infinite}.space-loading-card .space-skeleton:nth-child(2n){width:72%}.space-loading-card .space-skeleton:first-child{height:32px;width:48%}@keyframes space-shimmer{to{transform:translateX(100%)}}
.destination-stage{padding:8px 0 32px;min-width:0}.destination-stage h1{font-size:28px;line-height:1.35;margin:0 0 26px;color:var(--text);letter-spacing:-.02em}.destination-stage .stage-error{padding:22px;border:1px solid var(--stroke);border-radius:16px;background:var(--panel-solid)}
#codeRoot[data-initial-loading=true] .bar,#codeRoot[data-initial-loading=true] .revision,#codeRoot[data-initial-loading=true] .workspace,#codeRoot[data-initial-loading=true] details.panel{display:none}#codeLoading{margin-top:16px}#codeLoadRetry[hidden]{display:none}
#securityLoading{margin-top:20px}#securityRoot[data-verification=loading]:not([data-ever-ready]) section{display:none}#securityRoot[data-verification=ready] #securityLoading{display:none}
@media(max-width:600px){.space-loading-bar,.space-loading-card{padding:18px}.space-loading-bar{gap:14px;min-height:86px}.destination-stage h1{font-size:24px}.space-loading-card{min-height:360px}}
@media(prefers-reduced-motion:reduce){button,.btn,.button,.icon-btn,.seg-btn,.cat-chip,.space-select-trigger,.space-select-trigger::after,.space-select-option,input,textarea{transition:none!important}.space-skeleton::after,dialog::backdrop{animation:none!important}button:active,.btn:active,.button:active{transform:none!important}}
#securityRoot{position:relative}#securityRoot[data-ever-ready][data-verification=loading] #securityLoading{position:absolute;left:0;right:0;z-index:3}#securityRoot:not([data-ever-ready])[data-verification=retry] section,#securityRoot:not([data-ever-ready])[data-verification=denied] section{display:none}
#codeRoot input[type=checkbox],#codeRoot input[type=checkbox]::before{transition:background-color 320ms var(--space-control-ease),border-color 320ms var(--space-control-ease),box-shadow 320ms var(--space-control-ease),transform 200ms var(--space-control-ease)}
.btn.primary:hover,.btn.ghost:hover,.icon-btn:hover,.cat-chip:hover,.button:hover{transform:none}.btn.primary:not([aria-busy=true]):not(.loading)::after{animation:none!important;display:none!important}
button:not(:disabled):active,.btn:not(:disabled):active,.btn.primary:not(:disabled):active,.btn.ghost:not(:disabled):active,.button:active,.icon-btn:not(:disabled):active{transform:scale(.98)}
.seg-ind{transition:transform 600ms var(--space-content-ease),width 600ms var(--space-content-ease)}
@media(prefers-reduced-motion:reduce){.seg-ind{transition:none!important}button:active,.btn:active,.btn.primary:active,.btn.ghost:active,.icon-btn:active{transform:none!important}}
.destination-stage h1{margin:0}.destination-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.stage-subtitle{font-size:13px;line-height:1.6;margin:6px 0 0;color:var(--muted)}.stage-code-actions{display:flex;gap:10px;flex-shrink:0}.stage-code-actions>.space-skeleton{width:88px;height:44px;border-radius:9px}.stage-code-status{height:57px}.destination-stage[data-view=settings] .stage-code-status{height:24px}
.space-loading-surface[data-view=code]{gap:16px}.space-loading-surface[data-view=code] .space-loading-bar{min-height:104px}.space-loading-surface[data-view=code] .space-loading-card{min-height:420px}.space-loading-note{height:12px;width:48%;margin:6px 0}.space-loading-foot{padding:25px 22px;border:1px solid var(--stroke,var(--line,#dbe7f3));border-radius:16px;background:var(--panel-solid,var(--paper,#fff))}.space-loading-foot .space-skeleton{width:160px}
.space-loading-surface[data-view=settings] .space-loading-card{min-height:480px}.space-loading-surface[data-view=settings] .space-loading-card>.space-skeleton:not(:first-child){height:44px}
@media(max-width:720px){.destination-heading{flex-direction:column;gap:16px}.stage-code-actions{width:100%;flex-wrap:wrap;gap:8px}.stage-code-actions>.space-skeleton{flex:1 1 130px;width:auto}}
.destination-stage[data-view=settings]{padding-top:0}.destination-stage[data-view=settings] .destination-heading{margin-bottom:18px}.stage-settings-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.stage-settings-tabs>span{font-size:14px;font-weight:600;line-height:1.6;min-height:46px;padding:11px 17px;border:1px solid var(--stroke);border-radius:12px;color:var(--muted)}.stage-settings-copy{font-size:13px;line-height:1.6;color:var(--muted);margin:8px 4px 16px}.destination-stage[data-view=settings] .stage-code-status{height:24px;margin-bottom:16px}#securityLoading{margin-top:16px}.space-loading-surface[data-view=settings] .space-loading-card{min-height:454px;gap:18px}.space-loading-surface[data-view=settings] .space-loading-card>.space-skeleton:first-child{height:26px}
@media(max-width:600px){.space-loading-surface[data-view=settings] .space-loading-card{min-height:480px}.stage-settings-tabs>span{padding:10px 12px}}
#sortOptions{animation:none!important}.sort-button svg{transition:transform 320ms var(--space-control-ease)}#sortOptions button{transition:background-color 320ms var(--space-control-ease),color 320ms var(--space-control-ease),transform 200ms var(--space-control-ease)}
.viewer.is-loading .code{background:color-mix(in srgb,var(--muted,#607993) 10%,transparent);opacity:1}
