:root{--work98-ease:cubic-bezier(.23,1,.32,1);--work98-fast:160ms;--work98-dialog:220ms}
html[data-theme] body.studio87 :is(.button,.icon-button,.text-button){transition:background-color var(--work98-fast) ease,border-color var(--work98-fast) ease,color var(--work98-fast) ease,transform var(--work98-fast) var(--work98-ease)}
html[data-theme] body.studio87 :is(.button,.icon-button,.text-button):active:not(:disabled){transform:scale(.98)}
html[data-theme] body.studio87 dialog[open]{opacity:1;transform:translateY(0);transition:opacity var(--work98-dialog) var(--work98-ease),transform var(--work98-dialog) var(--work98-ease)}
@starting-style{html[data-theme] body.studio87 dialog[open]{opacity:.4;transform:translateY(8px)}}
/* Native close/escape still take effect immediately; the browser retains only the visual exit. */
@supports (transition-behavior:allow-discrete){
 html[data-theme] body.studio87 dialog{opacity:0;transform:translateY(6px) scale(.985);transition:opacity var(--work98-dialog) var(--work98-ease),transform var(--work98-dialog) var(--work98-ease),display var(--work98-dialog) allow-discrete,overlay var(--work98-dialog) allow-discrete}
 html[data-theme] body.studio87 dialog[open]{opacity:1;transform:translateY(0) scale(1);transition:opacity var(--work98-dialog) var(--work98-ease),transform var(--work98-dialog) var(--work98-ease),display var(--work98-dialog) allow-discrete,overlay var(--work98-dialog) allow-discrete}
 html[data-theme] body.studio87 dialog::backdrop{opacity:0;transition:opacity var(--work98-dialog) var(--work98-ease),display var(--work98-dialog) allow-discrete,overlay var(--work98-dialog) allow-discrete}
 html[data-theme] body.studio87 dialog[open]::backdrop{opacity:1}
 @starting-style{html[data-theme] body.studio87 dialog[open]{opacity:0;transform:translateY(8px) scale(.985)}html[data-theme] body.studio87 dialog[open]::backdrop{opacity:0}}
}
.process-count101{font-size:11px;font-weight:650;font-variant-numeric:tabular-nums;min-width:19px;padding:1px 5px;border-radius:4px;background:var(--s87-raised,#f0f5ea);color:var(--s87-text,#16351d)}
.process-count101[hidden]{display:none}
html[data-theme] body.studio87 :is(.studio-rail-link,.source-routing-filters button,.creation-workbench-nav button,[data-review-account]){transition:background-color var(--work98-fast) ease,border-color var(--work98-fast) ease,color var(--work98-fast) ease,transform var(--work98-fast) var(--work98-ease)}
html[data-theme] body.studio87 :is(.studio-rail-link,.creation-workbench-nav button,[data-review-account]):active:not(:disabled){transform:scale(.985)}
@media(hover:hover) and (pointer:fine){html[data-theme] body.studio87 .button:not(:disabled):hover{filter:brightness(.985)}}
.work-status98{display:flex;align-items:center;gap:12px;min-width:0;padding:12px 20px;margin:0 28px 12px;border:1px solid var(--s87-border,#dce6d6);border-radius:10px;background:var(--s87-panel,#fff);color:var(--s87-text,#16351d)}
.work-status98[hidden]{display:none!important}.work-status98-copy{min-width:0;flex:1}.work-status98 strong{display:block;font-size:14px;font-weight:600}.work-status98 small{display:block;font-size:12px;color:var(--s87-muted,#5e6756);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:65ch}.work-status98-percent{font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.work-status98-action{flex:none}
.work-status98-icon,.activity98-icon{display:inline-flex;width:24px;height:24px;flex:none;align-items:center;justify-content:center;color:var(--s87-text,#16351d)}
.work-status98-icon::before,.activity98-icon::before{content:'';width:17px;height:17px;border:2px solid currentColor;border-radius:50%;opacity:.65}
[data-busy=true]>.work-status98-icon::before,[data-busy=true]>.activity98-icon::before{border-right-color:transparent;animation:work98-spin 1s linear infinite;opacity:1}
.work-status98[data-phase=complete]>.work-status98-icon::before,.activity98[data-phase=complete]>.activity98-icon::before{width:12px;height:7px;border-width:0 0 2px 2px;border-radius:0;transform:rotate(-45deg);opacity:1}
.work-status98[data-phase=attention]{border-color:var(--warning,#a2661d)}
.s87-process[data-busy=true]::after{content:'';width:7px;height:7px;border-radius:50%;background:currentColor;animation:work98-breathe 1.6s ease-in-out infinite}
.creation87-preview-state[data-state=loading]{display:inline-flex;align-items:center;gap:8px}
.creation87-preview-state[data-state=loading]::before{content:'';width:13px;height:13px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:work98-spin 1s linear infinite}
.variant-preview-grid[aria-busy=true]{opacity:.55;transition:opacity var(--work98-fast) ease}
.variant-preview-loading98{display:flex;align-items:center;gap:12px;min-height:100px;padding:20px;border:1px solid var(--s87-border);border-radius:10px;color:var(--s87-text);background:var(--s87-panel)}
.variant-preview-loading98[hidden]{display:none}.variant-preview-loading98 strong{font-size:14px}.variant-preview-loading98 small{display:block;color:var(--s87-muted);font-size:12px;margin-top:4px}
@keyframes work98-spin{to{transform:rotate(360deg)}}@keyframes work98-breathe{50%{opacity:.35}}
html[data-input=keyboard] body.studio87 :is(dialog,.button,.icon-button,.text-button,.studio-rail-link,.creation-workbench-nav button,[data-review-account]){transition:none!important;transform:none!important}html[data-input=keyboard] body.studio87 dialog::backdrop{transition:none!important}
html[data-work-motion=paused] :is(.work-status98-icon,.activity98-icon)::before,html[data-work-motion=paused] .s87-process::after,html[data-work-motion=paused] .creation87-preview-state::before{animation-play-state:paused!important}
@media(max-width:640px){.work-status98{margin:0 12px 10px;padding:12px;flex-wrap:wrap;gap:10px}.work-status98-action{margin-left:auto}.work-status98-copy{min-width:150px}}
@media(prefers-reduced-motion:reduce){html[data-theme] body.studio87 :is(dialog,.button,.icon-button,.text-button,.studio-rail-link,.creation-workbench-nav button,[data-review-account]){transition:none!important;transform:none!important}html[data-theme] body.studio87 dialog::backdrop{transition:none!important}.work-status98-icon::before,.activity98-icon::before,.s87-process::after,.creation87-preview-state::before{animation:none!important}}
