/* Feedback only: preserve approved layout and type scale. */
:root{--workbench-ease-out:cubic-bezier(.23,1,.32,1)}
/* Reset native click rings; component selection styles and keyboard focus remain.
   :where and :focus-visible are supported by the Chrome 88 SketchUp baseline. */
:where(button,a,input,select,textarea,summary,[tabindex]){outline:none;-webkit-tap-highlight-color:transparent}
:where(button,a,summary){touch-action:manipulation}
:where(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid #168044;outline-offset:3px}
.quality-choice input:focus-visible+span,.light-choice input:focus-visible+span,.direction-choices input:focus-visible+span{outline:2px solid #168044;outline-offset:3px}
.workspace-skip{position:fixed;top:8px;left:12px;z-index:10000;padding:9px 14px;background:white;color:#135d35;border:2px solid #168044;border-radius:6px;transform:translateY(-160%)}
.workspace-skip:focus{transform:none}
dialog,.settings-scroll,.model-records-content{overscroll-behavior:contain}
.history-card,.history-gallery-item{content-visibility:auto;contain-intrinsic-size:auto 180px}
:where(.primary,.secondary,.quiet,.icon-button,.text-help,.model-records-pager button,.history-preview-arrow){transition:transform 120ms var(--workbench-ease-out)}
@media(hover:hover) and (pointer:fine){:where(.primary,.secondary,.quiet,.icon-button,.text-help,.model-records-pager button):not(:disabled):hover{filter:brightness(.97)}
:where(.primary,.secondary,.quiet,.icon-button,.text-help,.model-records-pager button):not(:disabled):active{transform:scale(.98)}}
button[aria-busy=true]{cursor:progress}
#generate{position:relative}
#generate[aria-busy=true] .generate-sparkles{opacity:0}
#generate[aria-busy=true]::before{content:'';position:absolute;left:20px;top:50%;width:16px;height:16px;border:2px solid #13733e40;border-top-color:#13733e;border-radius:50%;transform:translateY(-50%);animation:workbench-busy 700ms linear infinite}
@keyframes workbench-busy{to{transform:translateY(-50%) rotate(360deg)}}
#generate .task-button-copy{min-width:0}
#generate[aria-busy=true] .task-button-copy strong{white-space:nowrap}
.toast{opacity:0;transform:translate(-50%,-6px);transition:transform 160ms var(--workbench-ease-out),opacity 120ms ease;pointer-events:auto;overflow-wrap:anywhere}
.toast[data-visible=true]{opacity:1;transform:translate(-50%,0)}
.help-popover{transform-origin:var(--help-origin,top left)}
.model-records-pager span,.render-feather-amount,#quote-price{font-variant-numeric:tabular-nums}
.immersive .settings,.immersive.composing .settings,.product-drawer{transition:none}
.history-card:focus-visible{outline:2px solid #168044!important;outline-offset:3px!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.toast,.toast[data-visible=true]{transform:translateX(-50%)}button:active{transform:none!important}}
html[data-input-mode=keyboard] *,html[data-input-mode=keyboard] *::before,html[data-input-mode=keyboard] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html[data-input-mode=keyboard] button:active{transform:none!important}