/* Canvas layout never interpolates on every frame. Frequent tool changes share one stage. */
.app{transition:none!important}
#holder{transform-origin:0 0}
@media(max-width:819px){.app:not(.typing):not(.keyboard){--panel:clamp(190px,29dvh,250px)!important}}
/* Selection guidance reserves the same small strip; entering selection never shifts the photo. */
.photo-workspace .canvas-hint{height:23px!important;min-height:23px!important;margin:5px 0 0!important;visibility:hidden}
.photo-workspace.selecting .canvas-hint{visibility:visible}
.app-confirm{width:min(360px,calc(100vw - 40px));padding:24px!important;border-radius:26px!important}.app-confirm h2{margin:0 0 12px;font-size:19px;font-weight:550;color:var(--ui-ink)}.app-confirm p{margin:0 0 24px;font-size:13px;line-height:1.7;color:var(--ui-muted)}.confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.confirm-actions button{width:100%;height:44px;min-height:44px;margin:0;padding:8px 12px;border-radius:14px;font-size:13px}
.app-confirm:focus{outline:none}
.canvas-view{position:relative;flex-shrink:0;line-height:0;transform-origin:center;touch-action:none}.photo-workspace .workspace{touch-action:none}.view-reset{position:absolute;left:14px;bottom:9px;z-index:4;min-height:32px;padding:6px 11px;border:1px solid var(--ui-line);border-radius:12px;background:var(--ui-glass);color:var(--ui-ink);font-size:11px;box-shadow:inset 0 1px 0 #ffffff30;touch-action:manipulation}
.settings-panel .panel-head{margin-bottom:10px;min-height:36px}.settings-panel .appearance-toggle{margin:0 0 10px;padding:0;min-height:38px}.settings-panel .section-label{margin:4px 0 8px;letter-spacing:1px;line-height:1.4}.settings-panel .theme-list{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px!important;padding:0 0 10px!important;margin:0}.settings-panel .theme-choice{min-width:0;min-height:36px!important;justify-content:center;gap:4px!important;padding:6px!important;font-size:10px;border-radius:12px!important}.settings-panel .theme-orb{width:14px;height:14px}.settings-panel .note{margin:3px 0 10px}.settings-panel .settings-grid{gap:8px;margin-top:8px}
.start-actions+.start-examples{margin:14px 0 0}.start-actions+.start-examples .start-example-picture{height:44px}.start-actions+.start-examples .start-example{font-size:10px;gap:5px}
.settings-panel .theme-list .theme-choice[hidden]{display:none!important}.view-magnified .canvas-hint{visibility:hidden!important}
/* A hard paint boundary prevents magnified compositor layers crossing the shared sheet seam. */
.workspace{clip-path:inset(0);contain:paint}.view-magnified #holder{outline:none!important;box-shadow:none!important}
@media(max-width:819px){.panel{clip-path:inset(0 round 26px 26px 0 0)}.app.typing .panel{clip-path:inset(0 round 19px 19px 0 0)}}