/* APEX-inspired dense workspace: charcoal, petrol headers, amber actions. */
:root{--ink:#c4c9ca;--muted:#819096;--accent:#e8a13b;--line:#34474e;--paper:#202224}
*{scrollbar-width:thin;scrollbar-color:#42565f #1c2022}body{margin:0;padding:0;background:#181b1d;color:var(--ink);font:11px 'Consolas','Cascadia Code',monospace;-webkit-font-smoothing:antialiased}button,input,textarea,select{font-family:inherit}#atelier-app{background:#202224;min-height:100dvh;border:0;border-radius:0;box-shadow:none}main{margin-left:152px;max-width:none}.sidebar{width:152px;left:0;top:0;bottom:0;padding:22px 12px;background:#1c2022;border-right:1px solid #374b52;border-radius:0}.brand{font:700 23px Consolas,monospace;color:#e8a13b;letter-spacing:-1px}.brand i{color:#e8a13b}.workspace-label{font-size:8px;letter-spacing:1px;color:#6e818a;margin:32px 0 13px}nav a{font-size:10px;padding:10px 6px;border-radius:0;gap:7px;color:#80a4b8;border-left:2px solid transparent}nav a.active{background:#253841;color:#d9e3e8;border-left-color:#e8a13b}nav b{background:#34464e;color:#e9ad50;border-radius:0;font-size:9px}.sidebar-bottom p{font:11px/1.9 Consolas,monospace;color:#829096}.status-dot{font-size:8px;color:#91a397}.profile{border-color:#34474e;color:#a0afb5;font-size:9px}.profile>span{background:#34454d;color:#c8cfd2;border-radius:0}.profile small{color:#6b7c85;font-size:8px}.topbar{height:34px;padding:0 18px;background:#25292b;border-bottom:1px solid #3c5058;font-size:9px}.breadcrumb,.slash{color:#71848e}.text-button{color:#dba04b;font-size:9px}.page{padding:17px 18px}.heading{margin-bottom:16px;align-items:center}.eyebrow{color:#cc9648;letter-spacing:1px;font-size:8px}h1{font:500 20px/1.4 Consolas,monospace;letter-spacing:1px;margin:6px 0;color:#d4d9d9}h1 span{color:#e6a23b}.heading p{font-size:10px;color:#7e929c;margin:5px 0}.primary,.secondary{border-radius:0;font-size:10px;font-weight:400;padding:9px 13px;box-shadow:none}.primary{background:#dc952f;border:1px solid #f1b551;color:#171d20}.secondary{background:#2d4049;border:1px solid #425a66;color:#98bbc9}.primary:hover{background:#efaf4b}.secondary:hover{background:#354f5c}.studio-layout{grid-template-columns:minmax(0,1fr) 270px;gap:12px}.settings{background:#21272a;border:1px solid #334c58;border-radius:0;box-shadow:none;padding:0 13px 15px;position:sticky;top:44px;max-height:calc(100dvh - 58px);overflow:auto}.settings-title{background:#263e49;margin:0 -13px 15px;padding:9px 12px;font-size:10px;font-weight:400;color:#c0d0d7;letter-spacing:.6px}.settings-title span{color:#718c9a}.field-label{font-size:8px;letter-spacing:.7px;color:#859ba7;margin-top:16px}input:not([type=range]),textarea,select{background:#181f23;border:1px solid #3a4e58;color:#c6d3d8;font-size:10px;border-radius:0;padding:8px}input[type=range]{accent-color:#dc9d42;height:3px}input[type=checkbox]{accent-color:#df9c38!important}.theme{background:#252f34;border:1px solid #354c58;border-radius:0;color:#92acbb;font-size:9px}.theme.active{background:#34434a;border-color:#b98740;color:#e4c392}.frame-options button{background:#26333a;border-color:#3b515c;border-radius:0;color:#8cabbc;font-size:9px}.frame-options .active{background:#34454d;color:#d5b37c;border-color:#b58540}.color-row button{background:#2a3d47;border:1px solid #3a5260;border-radius:0;color:#96b7c8}.frame-palette button{border-radius:0;border-color:#647882;width:23px;height:23px}.mat-swatches button{border-color:#7d8a90}.mat-swatches button:focus,.frame-palette button:focus{outline-color:#e8a13b}.save-note{color:#8f9c91;font-size:8px}.local-note{color:#687e8a;font-size:8px;line-height:1.8}.divider,.editor-divider{background:#34474e}.preview-toolbar{background:#253d48;border:1px solid #365260;color:#b2c5cf;padding:5px 7px;margin-bottom:0;font-size:8px;letter-spacing:.7px}.live-dot{background:#d39a44}.segmented{background:#1d2b32;border-radius:0;padding:2px}.segmented button{border-radius:0;color:#7ca3b8;font-size:9px}.segmented button.active{background:#3b515d;color:#e0e9ee;box-shadow:none}.viewport{height:clamp(380px,57vh,650px);border-radius:0;border:1px solid #35515f;border-top:0;box-shadow:none}.gallery-sign{background:#212d34de;border:1px solid #526571;border-left:2px solid #d39945;border-radius:0;box-shadow:none;padding:9px 12px}.gallery-sign span{color:#829ba8;font-size:6px;letter-spacing:1.3px}.gallery-sign h2{font:400 13px/1.6 Consolas,monospace;color:#ced8dc;margin:3px 0}.preview-bottom{color:#e1e4df;font-size:8px;text-shadow:0 1px 2px #0009}.preview-bottom button,.camera-controls button{background:#263e4be6;border:1px solid #536977;color:#d1e1ea;border-radius:0;text-shadow:none}.camera-controls{gap:3px}.preview-caption{font-size:8px;color:#768f9e;border-bottom:1px solid #344951;padding:9px 0}.room-navigation{margin-bottom:9px;gap:3px}.room-navigation select{background:#23333c;color:#aac2cf;border-color:#3c5767;border-radius:0;font-size:9px}.room-navigation button{background:#2a414f;color:#aac3d3;border-color:#3b596b;border-radius:0}.tour .room-navigation{background:#1e2d35ef;border:1px solid #506b7b;border-radius:0;box-shadow:none}.tour .room-navigation select{background:#243842}.tour .exit-tour{background:#233c4be8;color:#c3d5e0;border:1px solid #4c6b7d;border-radius:0;font-size:10px}.collection-head{margin:17px 0 12px}.collection-head h2{font:400 12px Consolas,monospace;color:#a9bfca;letter-spacing:.2px}.collection-head h2 span{background:#354956;color:#e2b36d;border-radius:0;font-size:9px}.collection-head p{font-size:8px;color:#6d8b9a}.rooms-panel{border-color:#344b56;margin-bottom:16px}.room-card{background:#222c32;border:1px solid #334d5d;border-radius:0;padding:10px}.room-card.selected{background:#2a3b43;border-color:#bb893d}.room-card.drag-over{background:#34484f;border-color:#e8a13b;padding:9px}.room-card-head{gap:4px}.room-card-head button{background:#334a56;color:#b5cbd7;border-radius:0;font-size:9px}.room-card-head button:hover{background:#476270}.room-card-head input{color:#b9cbd6;font-size:9px}.room-thumbnails button{border-color:#516571;border-radius:0}.room-thumbnails p,.room-card>small{font-size:8px;color:#7a95a5}.art-card img{background:#29343a;border:1px solid #40525b;border-radius:0}.art-card strong{color:#a7bfcc;font-size:9px}.art-card small{color:#67899c;font-size:8px}.art-strip{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.art-card img{height:95px}.catalog-grid .art-card strong{font-size:11px}.catalog-grid .art-card small{font-size:9px}.empty{color:#7d97a6;font-size:10px}.editor-tabs{border-color:#395360;margin:16px 0}.editor-tabs button{font-size:9px;color:#6f99b0;border-bottom:2px solid transparent}.editor-tabs button.active{color:#e4ba7e;border-color:#cf9441}.control-heading h3{font:400 11px Consolas,monospace;color:#aac1ce}.editor-help{font-size:9px;line-height:1.75;color:#738f9e}.dimension-row input{background:#1b272f;border-color:#3b5666;font-size:12px!important;border-radius:0;padding:10px!important}.dimension-row label span,.dimension-link{color:#6a8b9f}.range-label{font-size:9px!important}.range-label output{color:#d3a35f}.toggle-row{font-size:10px!important;font-weight:400;color:#9ab7c8}.toggle-row span{font-size:8px;color:#658798}.bulk-option{background:#293e49;padding:9px;border-radius:0;font-size:9px!important}.dialog-fields{background:#222a2f;padding:25px;max-height:88dvh}.dialog-fields h2{font:400 18px/1.4 Consolas,monospace;color:#bbcdd6;letter-spacing:0}.dialog-fields label{color:#92aebf;font-size:9px}.dialog-close{color:#96afbf}.dialog-actions{border-color:#3b5361;background:#222a2f}.dialog-image{background:radial-gradient(ellipse at 40% 25%,#ffffff12,transparent),#303b43}.preview-fidelity,.size-caption{color:#869dac;font-size:9px}.size-caption{font-size:10px}dialog{border:1px solid #557183;border-radius:0;color:#b7cdd9;box-shadow:0 15px 90px #0009}dialog::backdrop{background:#081119a6;backdrop-filter:blur(4px)}.danger{color:#aa8e76;font-size:9px}.guide-grid article{background:#222c32;border:1px solid #3b5362;border-radius:0;box-shadow:none}.guide-grid b{font:400 22px Consolas,monospace;color:#c68e3f}.guide-grid h2{font:400 15px Consolas,monospace;color:#b0c7d4}.guide-grid p{color:#809eaf;font-size:10px;line-height:1.9}footer{border-color:#334a56;font-size:7px;color:#536e7e;padding:12px 0;letter-spacing:1px}#toast{background:#2d454f;border:1px solid #d39b48;border-radius:0;color:#c4d5de;font-size:10px;box-shadow:0 6px 30px #0005}:focus-visible{outline:1px solid #e6a246;outline-offset:3px}
@media(min-width:1500px){.page{padding:20px 25px}.topbar{padding:0 25px}h1{font-size:22px}.heading p{font-size:11px}}
@media(max-width:1100px){.sidebar{width:125px;padding:20px 9px}main{margin-left:125px}.studio-layout{grid-template-columns:minmax(0,1fr) 235px}.page{padding:16px}.topbar{padding:0 16px}.brand{font-size:21px}.art-strip{grid-template-columns:repeat(4,1fr)}}
@media(max-width:850px){.sidebar{width:52px;padding:20px 6px}.brand{font-size:21px}main{margin-left:52px}nav a{font-size:18px;padding:9px 3px}.studio-layout{grid-template-columns:1fr}.settings{position:static;max-height:none;padding:0 14px 16px}.settings-title{margin:0 -14px 10px}.page{padding:17px 13px}.viewport{height:460px}.art-strip{grid-template-columns:repeat(6,1fr)}}
@media(max-width:540px){.sidebar{width:44px;padding:18px 4px}main{margin-left:44px}.brand{font-size:20px}.topbar{height:32px;font-size:8px;padding:0 10px}.page{padding:15px 10px}h1{font-size:17px}.heading p{font-size:9px}.heading>.primary{margin-top:10px}.viewport{height:400px}.art-strip{grid-template-columns:repeat(3,1fr)}.rooms-board{grid-template-columns:1fr}.settings{display:block}.theme-options{margin-bottom:14px}.collection-head h2{font-size:11px}.dialog-fields{padding:20px}.dialog-fields h2{font-size:17px}.dialog-actions{bottom:0}.tour .room-navigation{top:105px}.gallery-sign h2{font-size:11px}.preview-toolbar{font-size:7px}.color-row button{font-size:8px}.guide-grid{gap:12px}}
/* Gallery library and visitor artwork sheet. */
.galleries-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:15px}.gallery-tile{border:1px solid #3b5663;background:#222c32;padding:14px}.gallery-tile-art{height:210px;background:linear-gradient(145deg,#33464c,#1a252c);display:flex;align-items:center;justify-content:center;border:1px solid #40525b;overflow:hidden}.gallery-tile-art img{height:78%;width:75%;object-fit:contain;filter:drop-shadow(8px 10px 8px #0006)}.gallery-tile h2{font:500 18px/1.4 Consolas,monospace;letter-spacing:.2px;color:#edb96f;margin:15px 0 8px}.gallery-tile>span{font-size:10px;color:#7c9caf}.gallery-actions{display:flex;gap:8px;margin-top:16px}.gallery-actions button{flex:1}.topbar>div{margin-right:auto}.topbar #new-gallery{margin-right:22px}.topbar{gap:12px}#art-reader{width:min(570px,92vw);padding:38px;max-height:86dvh;overflow:auto;background:#222b31;border:1px solid #647b89;box-shadow:0 20px 90px #0008}#art-reader h2{font:400 23px/1.5 Consolas,monospace;color:#e1c08e;margin:0 20px 15px 0}#reader-meta{font:11px/1.8 Consolas,monospace;color:#8eafc1;white-space:pre-wrap}#reader-description{font:13px/1.9 'DM Sans',sans-serif;color:#c3cdd2;white-space:pre-wrap;overflow-wrap:anywhere;margin:24px 0 0}.reader-heading{border-bottom:1px solid #3c5461;padding-bottom:12px}.preview-caption{justify-content:flex-end}.dialog-fields h2{font-size:16px}.sidebar-bottom .status-dot{display:none}.sidebar-bottom p{display:none}.art-preview-frame{box-shadow:0 10px 25px #0004}.control-heading{margin:18px 0 10px}.room-card-head input{padding:3px!important}@media(max-width:600px){.topbar #new-gallery{margin-right:0;font-size:8px}.topbar .breadcrumb,.topbar .slash{display:none}.topbar{gap:5px}.topbar #export{font-size:8px}#art-reader{padding:28px}.galleries-grid{grid-template-columns:1fr}}
#new-gallery-dialog{width:min(460px,92vw);background:#222c32;padding:28px;border:1px solid #557180}#new-gallery-form h2{font:400 20px Consolas,monospace;color:#e5b56d;margin:0 0 25px}#new-gallery-form label{display:block;font-size:10px;color:#88a4b5;margin:0 0 10px}#new-gallery-form .gallery-actions{margin-top:25px}
.tour .sidebar,.tour .topbar,.tour .heading,.tour .settings,.tour .rooms-panel,.tour .art-strip,.tour .collection-head,.tour footer{visibility:hidden}
.tour .preview-toolbar,.tour .preview-caption{visibility:hidden}
.surface-editor{border:1px solid #354f5c;margin-top:20px;background:#202a30;padding:10px}.surface-editor summary{font:10px Consolas,monospace;letter-spacing:.8px;color:#c99c59;cursor:pointer;user-select:none}.surface-editor .field-label{margin:15px 0 8px}.surface-editor output{float:right;color:#c8a36f}.surface-upload{display:flex;gap:6px;align-items:center;margin-top:10px}.surface-upload .secondary{font-size:9px;padding:8px}.surface-upload .texture-preview{width:34px;height:34px;border:1px solid #627581;background-color:#aaa;background-size:cover;background-position:center}.texture-preview[data-style=marble]{background-image:repeating-linear-gradient(135deg,#d6d8d7 0 20px,#aeb4b5 21px,#deded8 24px,#d5d8d6 50px)}.texture-preview[data-style=wood]{background-image:repeating-linear-gradient(90deg,#9f805a 0 5px,#bda075 6px 8px,#92734e 9px 10px)}.texture-preview[data-style=concrete]{background-image:linear-gradient(145deg,#b0b7ba,#878e91)}.texture-preview[data-style=plaster],.texture-preview[data-style=smooth]{background-image:linear-gradient(120deg,#ebeae6,#c9ccca)}.texture-preview[data-style=stone]{background-image:repeating-linear-gradient(0deg,#b9b29f 0 7px,#cbc4b1 8px 10px)}.surface-upload button:disabled{opacity:.35;cursor:default}
.selection-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 0 12px;font-size:9px;color:#8aabbc}.selection-toolbar label{display:flex;align-items:center;gap:7px}.selection-toolbar input[type=checkbox],.room-card-head input[type=checkbox],.art-selection-wrap>input{width:14px!important;height:14px!important;padding:0!important;accent-color:#db9c40}.selection-toolbar button:disabled{opacity:.35}.art-selection-wrap{position:relative;min-width:0}.art-selection-wrap>input{position:absolute;top:7px;left:7px;z-index:2}.art-selection-wrap .art-card{width:100%}.room-card-head input[type=checkbox]{flex:0 0 14px}.room-wall-title{margin-bottom:6px;padding:7px!important;font-size:9px!important}.room-thumbnails{margin-top:8px}.nearby-art{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);z-index:8;border:1px solid #d6a45a;color:#f5dfbb;background:#243a45ef;padding:12px 20px;cursor:zoom-in;font:12px Consolas,monospace}.tour .nearby-art{bottom:35px}#art-reader{width:min(1150px,96vw);padding:0;display:grid;grid-template-columns:minmax(0,1fr) 320px;overflow:hidden}#art-reader:not([open]){display:none}.reader-image-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:480px;padding:28px 28px 80px;background:#172229}.reader-image-stage img{max-width:100%;max-height:65dvh;object-fit:contain}.reader-image-stage button{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);white-space:nowrap}.reader-text{padding:40px 25px 25px;max-height:85dvh;overflow:auto}#art-reader h2{font-size:20px}#reader-description{font-size:13px;line-height:1.8}.zoom-toolbar{display:flex;align-items:center;gap:10px;padding:10px 16px;height:54px;border-bottom:1px solid #456170;background:#203540}.zoom-toolbar span{margin-right:auto;font:13px Consolas,monospace;color:#c4d1d9}.zoom-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;height:calc(100% - 54px)}.zoom-stage{overflow:auto;display:flex;align-items:center;justify-content:center;background:#10171c;padding:20px}.zoom-stage img{display:block;max-width:100%;max-height:calc(100dvh - 94px);object-fit:contain}.zoom-description{padding:25px 22px;font:14px/1.9 'DM Sans',sans-serif;color:#b5c5cd;background:#212c34;white-space:pre-wrap;overflow:auto}#image-zoom{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;padding:0;margin:0;border:0;background:#15232c}#image-zoom.original-size .zoom-stage{display:block}#image-zoom.original-size .zoom-stage img{max-width:none;max-height:none;width:auto;height:auto}#bulk-delete-dialog{width:min(480px,92vw);padding:30px;background:#232f37}#bulk-delete-dialog h2{font:18px Consolas,monospace;color:#e5b66e}#bulk-delete-text{font:12px/1.8 Consolas,monospace;color:#aabfcb}#share-dialog{width:min(650px,94vw);padding:30px;background:#222e36;max-height:92dvh;overflow:auto}#share-dialog h2{font:20px Consolas,monospace;color:#e6bc7a;margin:0 25px 22px 0}#share-dialog label{display:block;font:10px Consolas,monospace;color:#8dabbc;margin:18px 0 9px}.share-cover-preview{position:relative;background:#101b22;height:210px;overflow:hidden;border:1px solid #415968}.share-cover-preview img{width:100%;height:100%;object-fit:cover;opacity:.65}.share-cover-preview h3{position:absolute;bottom:0;left:0;right:0;padding:35px 18px 18px;margin:0;background:linear-gradient(transparent,#14202bed);font:20px/1.4 Consolas,monospace;color:#f0d1a0}#upload-share-cover{margin-top:8px;font-size:9px}.share-links{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.share-links button{font-size:10px}.share-links button:disabled{opacity:.35;cursor:default}.share-status{font:10px/1.8 Consolas,monospace;color:#b69c78;margin-top:15px}.tour .selection-toolbar{visibility:hidden}@media(max-width:650px){#art-reader{grid-template-columns:1fr;max-height:94dvh;overflow:auto}.reader-image-stage{min-height:260px;padding:20px 20px 65px}.reader-image-stage img{max-height:40dvh}.reader-text{padding:25px;max-height:none}.zoom-layout{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 24dvh}.zoom-description{font-size:12px;padding:16px}.zoom-stage img{max-height:calc(72dvh - 90px)}.selection-toolbar{align-items:flex-start;gap:5px;font-size:8px}.topbar #new-gallery{font-size:8px}.topbar #share-gallery{font-size:8px}.share-cover-preview{height:170px}}
@media(max-width:600px){.topbar{flex-wrap:wrap;height:auto;min-height:34px;padding:7px 10px}.topbar>div{flex:1 0 100%;font-size:8px}.topbar #new-gallery{margin-right:auto}.topbar .text-button{font-size:8px}}
#reader-image{cursor:zoom-in}#reader-image:focus-visible{outline:2px solid #efb555;outline-offset:6px}.reader-image-stage:after{content:'⌕';position:absolute;right:20px;top:20px;font:30px/1 Arial,sans-serif;color:#f4c277;border:1px solid #ab8348;background:#172831d9;padding:8px;opacity:0;pointer-events:none;transition:opacity .15s}.reader-image-stage:has(#reader-image:hover):after,.reader-image-stage:has(#reader-image:focus-visible):after{opacity:1}.hg-buy-link{display:inline-flex;align-items:center;justify-content:center;gap:9px;margin-top:25px;padding:12px 22px;background:#dfa23f;color:#172831!important;border:1px solid #f0bb65;text-decoration:none;font:13px/1.4 Arial,sans-serif;cursor:pointer}.hg-buy-link:after{content:'↗'}.hg-buy-link:hover{background:#efba61}.hg-buy-link[hidden]{display:none!important}#detail-buy-url{width:100%;box-sizing:border-box}#image-zoom.original-size .zoom-stage img{flex:none;max-width:none!important;max-height:none!important;width:auto!important;height:auto!important}
#image-zoom.original-size .zoom-stage{cursor:grab;touch-action:none}#image-zoom.original-size .zoom-stage.hg-panning{cursor:grabbing}#image-zoom.original-size .zoom-stage img{cursor:inherit;user-select:none;-webkit-user-drag:none}.zoom-stage:focus-visible{outline:1px solid #9b773f;outline-offset:-1px}
.hg-art-price{display:flex;align-items:center;gap:10px;margin-top:20px;color:#edc17a;font:500 19px/1.5 Arial,sans-serif}.hg-art-price[hidden]{display:none!important}.hg-price-label{display:inline-flex;align-items:center;gap:6px;padding:3px 6px;border:1px solid #736044;color:#b8a27b;font:10px/1.3 Arial,sans-serif;text-transform:uppercase;letter-spacing:.7px}.hg-price-label:before{content:'◇';font-size:13px}#detail-price{width:100%;box-sizing:border-box}
.hg-author-row{display:flex;align-items:baseline;gap:8px;margin:10px 0;color:#cfdae0;font:13px/1.6 Arial,sans-serif}.hg-author-row[hidden]{display:none!important}.hg-author-label{color:#8da6b5;font-size:10px;letter-spacing:.5px;text-transform:uppercase}#detail-author{width:100%;box-sizing:border-box}

/* Keep the exit above the image and reachable while scrolling on phones. */
#art-reader #close-reader,#image-zoom #close-zoom{display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:1px solid #d8a449;background:#203540;color:#fff;font:24px/1 Arial,sans-serif;cursor:pointer;touch-action:manipulation;pointer-events:auto;z-index:100;flex:0 0 44px;box-shadow:0 2px 12px #0005}
#art-reader #close-reader{position:absolute;top:10px;right:10px}#image-zoom .zoom-toolbar{position:relative;z-index:50;padding-right:70px}#image-zoom #close-zoom{position:absolute;right:10px;top:5px}#image-zoom .zoom-toolbar>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:650px){#art-reader[open]{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;border-radius:0;box-sizing:border-box;overflow:auto;overscroll-behavior:contain;padding-top:60px}#art-reader #close-reader,#image-zoom #close-zoom{position:fixed;top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right))}#art-reader .reader-image-stage{padding-top:10px}#image-zoom .zoom-toolbar{height:64px;padding-top:env(safe-area-inset-top);box-sizing:border-box}#image-zoom .zoom-layout{height:calc(100% - 64px)}}