/* PHOTOSMIA 199 · editor-only scope. No changes to Auto / Album / Upscale. */
#designBuilder.p199-editor .p199-library-group{margin:0 0 8px}
#designBuilder.p199-editor .p199-group-toggle{width:100%;display:flex;align-items:center;gap:10px;min-height:42px;padding:10px 12px;border:1px solid #d3e2e6;border-radius:10px;background:#f5fafb;color:#153844;font:600 12px/1.3 Inter,Arial,sans-serif;cursor:pointer;text-align:left}
#designBuilder.p199-editor .p199-group-toggle b{flex:1}
#designBuilder.p199-editor .p199-group-toggle:hover,#designBuilder.p199-editor .p199-group-toggle[aria-expanded=true]{border-color:#27a8bd;background:#ebf8fb}
#designBuilder.p199-editor .p199-group-count{font-size:10px;color:#5c7e87}
#designBuilder.p199-editor .p199-library-group>.p169-library-grid{padding:8px 0 2px}
#designBuilder.p199-editor .p199-realistic-card{align-items:stretch}
#designBuilder.p199-editor .p199-realistic-card .p169-resource-preview{height:90px;background:#edf2f3}
#designBuilder.p199-editor .p199-realistic-card .p169-resource-preview img{width:100%;height:100%;max-width:100%;object-fit:contain}
#designBuilder.p199-editor .p199-realistic-card small{font:500 9px/1.3 Inter,Arial,sans-serif;text-align:center;color:#537280}
#designBuilder.p199-editor .pm199-nav-extra,#designBuilder.p199-editor .pm199-quickbar{display:none}
#designBuilder.p199-editor.pm199-modal-open{z-index:20000!important}
#designBuilder.p199-editor>.pm199-modal-layer{position:fixed;left:var(--pm199-vleft,0px);top:var(--pm199-vtop,0px);width:var(--pm199-vwidth,100vw);height:var(--pm199-vheight,100vh);padding:14px;box-sizing:border-box;z-index:10000;background:rgba(10,29,39,.48);display:flex;align-items:center;justify-content:center;overscroll-behavior:contain}
#designBuilder.p199-editor>.pm199-modal-layer[hidden]{display:none!important}
#designBuilder.p199-editor .pm199-dialog{width:min(100%,620px);max-width:100%;max-height:calc(var(--pm199-vheight,100vh) - 28px);min-height:170px;margin:0;padding:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid #d2e3e7;border-radius:18px;box-shadow:0 18px 55px #07171a44;background:#fff;color:#15313d;text-align:left}
#designBuilder.p199-editor .pm199-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:none;min-height:55px;padding:10px 12px 10px 17px;background:#f8fcfd;border-bottom:1px solid #dce9ed}
#designBuilder.p199-editor .pm199-dialog-head h2{margin:0;font:800 19px/1.3 Inter,Arial,sans-serif;color:#15313d}
#designBuilder.p199-editor .pm199-dialog-x{flex:none;width:38px;height:38px;border:1px solid #cde0e4;border-radius:10px;background:#fff;color:#20414e;font:600 25px/1 Arial,sans-serif;cursor:pointer;padding:0}
#designBuilder.p199-editor .pm199-dialog-content{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:14px;box-sizing:border-box}
#designBuilder.p199-editor .pm199-dialog-foot{display:flex;flex-direction:column;align-items:stretch;gap:7px;flex:none;margin:0;padding:10px 14px max(12px,env(safe-area-inset-bottom));background:#f8fcfd;border-top:1px solid #dce9ed;color:#597582}
#designBuilder.p199-editor .pm199-dialog-foot small{font:400 11px/1.4 Inter,Arial,sans-serif;text-align:center}
#designBuilder.p199-editor .pm199-dialog-foot button{width:100%;height:42px;border-radius:10px;border:0;background:#159eb9;color:#fff;font:700 13px/1.3 Inter,Arial,sans-serif;cursor:pointer}
#designBuilder.p199-editor .pm199-dialog-content>.pm199-mounted{position:static!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;max-width:100%!important;max-height:none!important;height:auto!important;overflow:visible!important;visibility:visible!important;transform:none!important;box-sizing:border-box;box-shadow:none!important;margin:0 0 12px!important;padding:0!important;border:0!important;background:transparent!important}
#designBuilder.p199-editor .pm199-dialog-content>.design-tool-panel{display:block!important}
#designBuilder.p199-editor .pm199-dialog .design-layers-head{position:static!important}
#designBuilder.p199-editor .pm199-dialog .design-layers-list{height:auto!important;max-height:none!important;overflow:visible!important}
#designBuilder.p199-editor .pm199-dialog .p171-right-tabs button{min-height:40px}
#designBuilder.p199-editor .pm199-dialog .p169-layer-row{min-height:43px;grid-template-columns:36px minmax(0,1fr) 36px 36px}
#designBuilder.p199-editor .pm199-dialog .p169-layer-row button{min-height:36px}
#designBuilder.p199-editor .pm199-dialog .p169-layer-name{text-align:left;white-space:normal;overflow-wrap:anywhere;font-size:12px}
#designBuilder.p199-editor .pm199-dialog .p169-probar{display:flex!important;flex-wrap:wrap!important;width:100%!important;min-width:0!important}
#designBuilder.p199-editor .pm199-dialog .p169-prop-row{flex-wrap:wrap!important}
#designBuilder.p199-editor .pm199-dialog .p169-field{min-width:0;max-width:100%;flex:1 1 120px}
#designBuilder.p199-editor .pm199-dialog input:not([type=checkbox]):not([type=range]):not([type=file]),#designBuilder.p199-editor .pm199-dialog select,#designBuilder.p199-editor .pm199-dialog textarea{max-width:100%;font-size:16px!important;box-sizing:border-box}
#designBuilder.p199-editor .pm199-dialog input:not([type=checkbox]):not([type=range]):not([type=file]),#designBuilder.p199-editor .pm199-dialog select{min-height:37px}
#designBuilder.p199-editor .pm199-dialog .p169-button{min-height:36px}
#designBuilder.p199-editor .pm199-dialog .p169-head-actions{display:flex!important;flex-wrap:wrap!important;overflow:visible!important}
#designBuilder.p199-editor .pm199-dialog .p169-head-actions>*{display:inline-flex!important}
#designBuilder.p199-editor .pm199-dialog [hidden]{display:none!important}
#designBuilder.p199-editor .pm199-dialog .p169-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#designBuilder.p199-editor .pm199-dialog #designTemplateRail{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#designBuilder.p199-editor .pm199-dialog .p170-palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#designBuilder.p199-editor.pm199-modal-open>.p171-modal-veil{z-index:12000}
#designBuilder.p199-editor .pm199-dialog :focus-visible{outline:2px solid #087e96;outline-offset:2px}

/* Mobile: keep the artboard as the only main scroll area. */
#designBuilder.p199-editor.pm199-mobile{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto minmax(0,1fr)!important}
#designBuilder.p199-editor.pm199-mobile>.design-toolbar{grid-column:1!important;grid-row:1!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px!important;padding:6px!important;overflow:visible!important}
#designBuilder.p199-editor.pm199-mobile>.design-toolbar button{display:flex!important;min-width:0!important;width:100%!important;height:40px!important;padding:5px 3px!important;gap:4px!important;flex-direction:column!important;font-size:10px!important;border-radius:8px}
#designBuilder.p199-editor.pm199-mobile>.design-toolbar button span,#designBuilder.p199-editor.pm199-mobile>.design-toolbar button svg{font-size:15px!important;width:17px;height:17px}
#designBuilder.p199-editor.pm199-mobile>.design-toolbar button b{font-size:9px!important;line-height:1.1;white-space:nowrap}
#designBuilder.p199-editor.pm199-mobile>.design-browser,#designBuilder.p199-editor.pm199-mobile>.design-layers-panel{display:none!important}
#designBuilder.p199-editor.pm199-mobile>.design-canvas-shell{grid-column:1!important;grid-row:2!important;display:grid!important;grid-template-rows:auto auto minmax(0,1fr) auto!important;padding:6px!important;gap:0;min-height:0!important;overflow:hidden!important}
#designBuilder.p199-editor.pm199-mobile>.design-canvas-shell>.p169-properties,#designBuilder.p199-editor.pm199-mobile>.design-canvas-shell>.p171-context,#designBuilder.p199-editor.pm199-mobile>.design-canvas-shell>.p177-canvas-bottom-tools{display:none!important}
#designBuilder.p199-editor.pm199-mobile .design-stage-head{padding:0 0 5px!important;gap:5px!important;min-width:0;flex-wrap:nowrap!important}
#designBuilder.p199-editor.pm199-mobile .design-stage-head>div:first-child{flex:1 1 80px;min-width:0;overflow:hidden}
#designBuilder.p199-editor.pm199-mobile .design-stage-head>div:first-child>b{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:10px}
#designBuilder.p199-editor.pm199-mobile .design-stage-head>div:first-child small{display:none}
#designBuilder.p199-editor.pm199-mobile .design-stage-head .p169-head-actions{flex:0 1 auto;width:auto;flex-wrap:nowrap!important;gap:4px;overflow:visible!important}
#designBuilder.p199-editor.pm199-mobile .design-stage-head .p169-head-actions>*{display:none!important}
#designBuilder.p199-editor.pm199-mobile .design-stage-head .p170-cloud-save,#designBuilder.p199-editor.pm199-mobile .design-stage-head #designDownloadPng{display:inline-flex!important;height:33px!important;min-width:0!important;font-size:10px!important;padding:6px 8px!important}
#designBuilder.p199-editor.pm199-mobile .p170-zoom-bar{padding:5px!important;margin:0 0 5px!important;gap:4px!important;overflow-x:auto;flex-wrap:nowrap!important}
#designBuilder.p199-editor.pm199-mobile .p170-zoom-bar input[type=range]{flex:1 1 70px!important;min-width:55px!important;width:90px!important}
#designBuilder.p199-editor.pm199-mobile .design-canvas-wrap{grid-row:3!important;min-height:0!important;height:100%!important;padding:12px!important;overflow:auto!important}
#designBuilder.p199-editor.pm199-mobile .pm199-quickbar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;min-width:0;background:#f8fcfd;border-top:1px solid #dce7ea;padding:5px 0 max(5px,env(safe-area-inset-bottom))}
#designBuilder.p199-editor.pm199-mobile .pm199-quickbar button{display:grid;justify-items:center;gap:1px;padding:4px 2px;border:1px solid #d7e6eb;background:#fff;border-radius:8px;color:#1c4050;min-height:40px;cursor:pointer}
#designBuilder.p199-editor.pm199-mobile .pm199-quickbar button span{font-size:17px;line-height:1}
#designBuilder.p199-editor.pm199-mobile .pm199-quickbar button small{font-size:9px;line-height:1.2;max-width:100%;overflow:hidden}
@media(max-height:500px){#designBuilder.p199-editor.pm199-mobile>.design-toolbar{grid-template-columns:repeat(9,minmax(0,1fr))!important}#designBuilder.p199-editor .pm199-dialog-foot small{display:none}#designBuilder.p199-editor .pm199-dialog-head{min-height:40px;padding-block:5px}}

/* Raise the editor above the site header only while its modal is open. */
main.pm199-dialog-ancestor{position:relative;z-index:20000!important}
body.pm199-dialog-visible>.p177-save-backdrop{z-index:30000!important}
#designBuilder.p199-editor .pm199-dialog-content>.design-tool-panel>.design-panel-head,
#designBuilder.p199-editor .pm199-dialog-content>.design-tool-panel>h3,
#designBuilder.p199-editor .pm199-dialog-content>.design-tool-panel>small{display:none!important}

#designBuilder.p199-editor:not(.pm199-mobile)>.design-toolbar .pm199-nav-extra{display:none!important}
