/* Layout is immediate. Only small compositor-friendly feedback remains. */
.app,.app.typing,.app.keyboard{transition:none!important}
.workspace:after{display:none!important}
.top,.panel,.nav,.canvas-ratio,.busy,.example-dialog,dialog::backdrop{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.panel{background:linear-gradient(130deg,color-mix(in srgb,var(--ui-chrome) 95%,white),var(--ui-chrome))!important}
.top,.nav{background:var(--ui-chrome)!important}
.example-dialog{background:var(--ui-chrome)!important}
dialog[open]::backdrop{background:#12272370;animation:veil-in 110ms ease-out both}
dialog.dialog-closing::backdrop{animation:veil-out 85ms ease-out both}
.panel-enter>*{animation:none!important}
button,.chip,.tools button,.target-tabs button,.effect-card,.theme-choice,.settings-grid button{transition:transform 75ms ease-out!important}
button:after{background:color-mix(in srgb,var(--ui-accent) 8%,transparent)!important;transition:opacity 75ms ease-out}
.nav-pill{transition:transform 120ms ease-out,opacity 80ms ease-out!important}
.color{transition:transform 75ms ease-out!important}
.busy:before{animation:none!important}
.slider-row input[type=range]::-webkit-slider-thumb{transition:none!important}
.slider-row input[type=range]:active::-webkit-slider-thumb{transform:none;box-shadow:0 0 0 1px var(--ui-accent)}
.action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0 12px;align-items:stretch}
.action-grid>.primary,.action-grid>.chip{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;height:48px;min-height:48px;margin:0;padding:10px 12px;border-radius:15px;font-size:12px;line-height:1.4;white-space:normal;text-align:center;vertical-align:middle;box-sizing:border-box}
.panel>.primary{display:flex;width:100%;margin:12px 0}
.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));align-items:stretch;gap:9px}
.quick-actions>.chip{display:flex;align-items:center;justify-content:center;min-height:42px;height:42px;margin:0;padding:8px;font-size:11px;line-height:1.3;white-space:normal;border-radius:14px}
.panel .settings-grid button{min-height:46px;margin:0;align-self:stretch}
.text-edit{align-items:stretch}.text-edit .write-done{height:auto;min-height:44px;margin:0}
.panel>.note+.action-grid{margin-top:14px}
@media(max-width:359px){.action-grid{gap:10px}.action-grid>.primary,.action-grid>.chip{font-size:11px;padding:9px 7px}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){button,.nav-pill,button:after,.color{transition:none!important}dialog[open]::backdrop,dialog.dialog-closing::backdrop{animation:none!important}}