.header-actions{flex-wrap:wrap;justify-content:flex-end}.save-status{display:block;font-size:10px;line-height:1.35;color:#95aeb9;margin-top:4px;letter-spacing:.1px;max-width:260px}.save-status[data-state=dirty]{color:#dabd7c}.save-status[data-state=error]{color:#ecad96}.save-status[data-state=saving]{color:#a1d2de}
.photo-drawer{position:fixed;z-index:8;right:0;top:var(--studio-header-height,82px);bottom:0;width:430px;background:#162632;box-shadow:-12px 0 35px #0d1a2333;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#506876 transparent;border-left:1px solid #546671;padding:21px 22px}
.photo-drawer-head{position:sticky;top:-21px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-1px -1px 17px;padding:7px 0 15px;background:#162632;border-bottom:1px solid #3a515f}
.photo-drawer-head h2{font-size:20px;font-weight:500;letter-spacing:-.5px}.photo-drawer-head .btn{font-size:11px;min-height:35px;padding:7px 10px}.drawer-head-actions{display:flex;align-items:center;gap:7px}.drawer-peek{display:none}
.photo-drawer .photo-board,.markup-drawer .markup-board{padding:0}.photo-drawer .photo-heading,.markup-drawer .markup-heading{display:none}
body.panel-open .selection-panel,body.panel-open .selected-map-label{display:none}
.projects-dialog{max-width:710px}.projects-dialog .eyebrow{margin-bottom:5px}.project-form{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;background:#203743;padding:17px;border:1px solid #465e6c;border-radius:8px;margin:20px 0}
.project-form label{font-size:13px;display:grid;gap:6px}.project-form input{min-width:0;min-height:43px;padding:9px 11px;border:1px solid #536d7b;border-radius:5px;background:#122530;color:white}
.project-form-actions{display:flex;gap:7px}.project-form .small{grid-column:1/-1}.project-list{display:grid;gap:9px;max-height:40vh;overflow-y:auto}.project-card{width:100%;display:flex;gap:15px;align-items:center;text-align:left;padding:15px 17px;border-radius:7px;border:1px solid #405b6b;background:#1c3340}.project-card:hover{border-color:#b79d67;background:#2a4350}
.project-card-icon{font-size:29px;color:#dabe7c}.project-card-copy{flex:1;min-width:0;display:grid;gap:5px}.project-card-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-card-arrow{font-size:22px;color:#a5c4ce}.project-empty{padding:25px 15px;border:1px dashed #4a6575;border-radius:7px;font-size:14px;color:#b3c0c9}.project-error{color:#ebac95!important}.project-account-link{display:inline-block;color:#e4c786;margin-top:12px}.projects-dialog h3{margin:8px 0 13px}.dialog-note a{color:#e7c887}
@media(min-width:1280px){body.panel-open .workspace{padding-right:430px}}
@media(min-width:721px) and (max-width:1279px){
 body.panel-open .workspace{grid-template-columns:minmax(0,1fr);padding-right:360px}body.panel-open .sidebar{display:none}.photo-drawer{width:360px;padding:19px}.photo-drawer-head{top:-19px}.photo-drawer-head h2{font-size:18px}
}
@media(min-width:721px) and (max-width:1100px){
 .topbar{padding-left:17px;padding-right:17px;gap:12px}.brand{min-width:195px}.header-actions{gap:6px}.header-actions .btn{font-size:11px;padding:8px 10px}.header-actions #open-data{display:none}.header-actions .btn.help{width:32px}
}
@media(max-width:720px){
 .topbar{min-height:0;display:flex;flex-direction:column;align-items:stretch;padding:12px 14px 11px;gap:11px}
 .brand{gap:10px;min-width:0;align-items:center}.brand>div{position:relative;flex:1;padding-right:115px}.brand-mark{display:grid;width:29px;height:36px;font-size:24px}.brand-name{font-size:9px;letter-spacing:2px}h1{font-size:17px}.save-status{position:absolute;right:0;top:50%;transform:translateY(-50%);max-width:125px;font-size:9px;text-align:right;margin-top:0;line-height:1.5}
 .header-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,1.3fr);width:100%;max-width:none;gap:5px}.header-actions .btn{font-size:11px;min-height:42px;padding:7px 5px}.header-actions .btn span{font-size:9px;margin-left:2px;padding:1px 3px}.header-actions #open-data,.header-actions #help-button{display:none}.header-actions #save-project{display:block;font-size:10px;white-space:normal;line-height:1.2}
 body.panel-open{--studio-sheet-height:clamp(72px,52dvh,calc(100dvh - var(--studio-header-height,116px) - 180px));overflow:hidden}
 body.panel-open.aligning-photo{--studio-sheet-height:clamp(72px,39dvh,calc(100dvh - var(--studio-header-height,116px) - 180px))}
 body.panel-open.panel-peek{--studio-sheet-height:72px}
 body.panel-open .workspace{display:block;height:calc(100dvh - var(--studio-header-height,116px) - var(--studio-sheet-height));min-height:0;padding:0}
 body.panel-open .viewport{height:100%;min-height:0}body.panel-open .sidebar{display:none}
 .photo-drawer{top:auto;bottom:0;width:100%;height:var(--studio-sheet-height,52dvh);padding:14px 17px 25px;border-left:0;border-top:1px solid #70808a;border-radius:13px 13px 0 0;box-shadow:0 -7px 30px #12202a33}
 .photo-drawer-head{top:-14px;margin:0 0 14px;padding:0 0 13px;min-height:43px}.photo-drawer-head h2{font-size:18px}.photo-drawer-head .btn{min-height:40px;font-size:11px;padding:8px 10px}.drawer-peek{display:block}
 body.panel-peek .photo-drawer{overflow:hidden;padding-top:14px}body.panel-peek .photo-drawer-head{border-bottom:0;margin:0;padding-bottom:0}body.panel-peek #photo-board,body.panel-peek #markup-board{display:none}
 body.panel-open .source-disclosure{top:11px;left:12px}body.panel-open .source-disclosure>summary{min-height:33px;padding:5px 9px;font-size:10px}
 body.panel-open .camera-controls{top:56px;left:12px;right:auto;max-width:calc(100% - 108px)}body.panel-open .camera-controls button{min-height:35px;font-size:10px;padding:8px 7px}body.panel-open #auto-orbit{display:none}
 body.panel-open .map-navigation{display:grid;grid-template-columns:repeat(2,42px);width:86px;top:56px;right:12px}
 body.panel-open .map-navigation button{min-height:43px;border-right:1px solid #456071}
 body.panel-open .map-navigation #pan-mode,body.panel-open .map-navigation .north-control{min-height:44px;border-bottom:0}
 body.panel-open .map-navigation .north-control{flex-direction:row;gap:3px;font-size:9px}body.panel-open .north-control i{font-size:21px}
 body.panel-open .view-bottom{font-size:9px;min-height:28px;padding:7px 12px}body.panel-open .source-content{width:285px}
 .project-form{grid-template-columns:1fr}.project-form-actions{justify-content:flex-start}.project-form .small{grid-column:auto}.project-list{max-height:42dvh}.projects-dialog{max-height:calc(100dvh - 24px);overflow:auto}
}
@media(max-width:360px){.topbar{padding-left:10px;padding-right:10px}.header-actions{gap:4px}.header-actions .btn{font-size:10px}.header-actions .btn span{display:none}.photo-drawer{padding-left:13px;padding-right:13px}.photo-drawer-head h2{font-size:16px}.photo-drawer-head .btn{padding-left:8px;padding-right:8px}.brand>div{padding-right:105px}.save-status{max-width:108px}}