/* Identity and tool sizing do not change when a text field gets focus. */
#app .top .brand{white-space:nowrap;flex:0 0 auto;min-width:0;writing-mode:horizontal-tb;font-size:24px!important;min-height:44px!important;letter-spacing:3px;gap:8px}
#app .top-tools{flex:0 0 auto;gap:5px}#app .top .icon-button{width:40px!important;height:40px!important;border-radius:14px!important;flex:0 0 40px}
@media(max-width:359px){#app .top .brand{font-size:21px!important;letter-spacing:2px;gap:5px}#app .top-tools{gap:2px}#app .top .icon-button{width:36px!important;height:38px!important;flex-basis:36px}}
#app.no-photo #nav{display:none!important}#app.no-photo .top-tools{display:none}
@media(max-width:819px){#app.no-photo{grid-template-rows:56px minmax(0,1fr) var(--panel) 0;--panel:clamp(235px,29dvh,260px)!important}#app.no-photo .panel{padding-bottom:max(20px,env(safe-area-inset-bottom))}}
@media(min-width:820px){#app.no-photo{grid-template-rows:64px minmax(0,1fr) 0}}
/* A single compact viewport tool; only its active controls expand. */
.view-toolbar{position:absolute;left:12px;bottom:8px;z-index:5;display:flex;align-items:center;gap:3px;min-height:36px;max-width:calc(100% - 24px);padding:3px;background:var(--ui-chrome);border:1px solid var(--ui-line);border-radius:14px;box-shadow:0 3px 12px #18313912;touch-action:manipulation}
.view-toolbar button{display:grid;place-items:center;flex:none;min-height:30px;padding:5px 9px;font-size:11px;line-height:1.2;border-radius:10px;color:var(--ui-ink);background:transparent;white-space:nowrap;font-variant-numeric:tabular-nums}
.view-toolbar .view-entry{gap:5px;grid-auto-flow:column}.view-entry:before{content:'';width:11px;height:11px;border:1.3px solid currentColor;border-radius:50%;box-sizing:border-box;display:block}.view-entry:after{content:'';position:absolute;width:5px;height:1.3px;background:currentColor;left:20px;top:23px;transform:rotate(45deg)}
.view-toolbar .view-step{font-size:20px;min-width:32px;padding:0 7px}.view-toolbar .view-reset{position:static;min-height:30px;border:0;box-shadow:none}.view-toolbar .view-done{background:var(--ui-tint);font-weight:600}.view-navigating .canvas-ratio{visibility:hidden}.view-navigating #gesture{cursor:grab}.view-navigating #gesture:active{cursor:grabbing}
#app.typing .view-toolbar,#app.keyboard .view-toolbar{display:none}
@media(max-width:819px){.no-photo .start-example-picture{height:clamp(64px,20vw,86px)}}

@media(max-width:819px){#app.welcome-screen{grid-template-rows:56px minmax(0,1fr) auto 0}#app.welcome-screen .panel{max-height:45dvh;padding-bottom:max(20px,env(safe-area-inset-bottom))}.welcome-screen .start-browse{margin-bottom:0!important}}