.gdb-dialog{position:fixed;inset:0;width:min(1480px,97vw);height:min(1000px,96dvh);max-width:none;max-height:none;margin:auto;padding:0;border:1px solid #dce3db;border-radius:16px;background:#f6f7f3;color:#263b30;box-shadow:0 25px 120px #0f231a55;font:14px/1.5 system-ui,sans-serif;overflow:hidden}.gdb-dialog::backdrop{background:#14231caa;backdrop-filter:blur(5px)}.gdb-dialog *{box-sizing:border-box}.gdb-shell{display:grid;grid-template-columns:300px 1fr;grid-template-rows:auto 1fr auto;height:100%}.gdb-head{grid-column:1/-1;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px 28px;background:#fff;border-bottom:1px solid #e0e6dc}.gdb-head h2{font-family:Georgia,serif;font-size:29px;font-weight:400;letter-spacing:-.7px;margin:0}.gdb-head p{font-size:12px;color:#879285;margin:4px 0 10px}.gdb-head input{font:500 15px system-ui;border:0;border-bottom:1px solid #dde5d8;border-radius:0;padding:7px 0;color:#2e4638;background:transparent;min-width:260px;max-width:80vw}.gdb-dialog button{cursor:pointer;font:inherit;border:1px solid #dce4d6;border-radius:8px;padding:8px 12px;color:#3e5947;background:white}.gdb-dialog button:hover{border-color:#8aa28c;background:#f1f5ed}.gdb-dialog button:disabled{opacity:.45;cursor:default}.gdb-dialog button:focus-visible,.gdb-dialog input:focus-visible,.gdb-dialog select:focus-visible,.gdb-dialog summary:focus-visible{outline:2px solid #829b7d;outline-offset:3px}.gdb-head .gdb-close{width:34px;height:34px;padding:0;font-size:24px;border:0;background:transparent}.gdb-sidebar{overflow:auto;padding:24px 20px;border-right:1px solid #e0e6dc;background:#fff}.gdb-sidebar h3{font-size:12px;font-weight:600;margin:0 0 12px;color:#5b705c}.gdb-templates{display:grid;gap:10px}.gdb-template{display:grid;grid-template-columns:67px 1fr;column-gap:12px;row-gap:3px;text-align:left;padding:10px!important;border-radius:9px!important}.gdb-template strong{align-self:end;font-weight:600;font-size:13px}.gdb-template small{font-size:10px;line-height:1.45;color:#869180}.gdb-template[aria-pressed=true]{border-color:#577c5b!important;background:#f2f6ed!important;box-shadow:0 0 0 1px #577c5b}.gdb-template-art{grid-row:span 2;display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:28px 14px;gap:3px;width:67px;height:56px;padding:5px;background:#e5eae3;border-radius:4px}.gdb-template-art i{background:linear-gradient(135deg,#809c8b,#e2c9ac);border-radius:1px}.gdb-template-art[data-look=signature] i:first-child{grid-column:span 2;background:linear-gradient(135deg,#38594c,#809b7d)}.gdb-template-art[data-look=editorial]{background:#f4f0e6;grid-template-columns:1fr .65fr}.gdb-template-art[data-look=editorial] i{background:#c6b9a8}.gdb-template-art[data-look=editorial] i:first-child{grid-row:span 2}.gdb-template-art[data-look=nocturne]{background:#1b2a32;grid-template-columns:1fr;grid-template-rows:17px 20px}.gdb-template-art[data-look=nocturne] i{background:linear-gradient(135deg,#648596,#2b4c54)}.gdb-template-art[data-look=nocturne] i:nth-child(n+3){display:none}.gdb-customize{margin:20px 0;border-top:1px solid #e4e9df;border-bottom:1px solid #e4e9df;padding:15px 0}.gdb-customize summary{cursor:pointer;font-size:12px;color:#5e745e}.gdb-controls{display:grid;gap:13px;padding-top:17px}.gdb-controls>label{display:grid;gap:5px;font-size:11px;color:#7a8874}.gdb-controls select{font:12px system-ui;padding:8px;border:1px solid #e0e7db;border-radius:6px;color:#3b533e;background:#fafbf8;width:100%}.gdb-controls input[type=range]{width:100%;accent-color:#527957;margin:0}.gdb-controls>button{font-size:11px}.gdb-palette{display:grid;gap:8px}.gdb-palette p{font-size:10px;color:#899480;margin:5px 0}.gdb-palette label{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#788671}.gdb-palette input{width:40px;height:27px;padding:2px;border:1px solid #dce4d6;border-radius:4px;background:white;cursor:pointer}.gdb-photo-heading p{font-size:10px;color:#919b88;margin:-7px 0 12px}.gdb-photo-list{display:grid;gap:7px}.gdb-photo{display:flex;align-items:center;gap:5px;padding:6px 3px;border:1px solid #e5eadd;border-radius:7px;background:#fff}.gdb-photo img{width:32px;height:36px;object-fit:cover;border-radius:3px;background:#e6ecdf;flex:none}.gdb-photo>span{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;color:#6d7f65}.gdb-photo button{padding:2px;border:0;background:transparent;width:22px;min-width:22px;height:30px;font-size:14px;color:#819276}.gdb-photo button[aria-pressed=true]{color:#a17f3e}.gdb-photo .gdb-drag-handle{cursor:grab;color:#a6b39b}.gdb-photo.is-dragging{opacity:.5;border-color:#698d65;background:#f1f6e9}.gdb-empty{font-size:12px;line-height:1.7;color:#8c9a80}.gdb-canvas{overflow:auto;min-width:0;padding:20px 28px 35px;background:#e9ede5}.gdb-view-tools{display:flex;align-items:center;gap:5px;margin-bottom:17px}.gdb-view-tools>span{flex:1;font-size:10px;color:#8d9984;letter-spacing:.6px}.gdb-view-tools button{font-size:10px;padding:6px 10px;border-radius:20px;background:transparent}.gdb-view-tools button[aria-pressed=true]{background:#fff;border-color:#aabc9b;color:#3c5c39}.gdb-surface{min-height:550px;max-width:100%;padding:20px;margin:0 auto;box-shadow:0 5px 25px #2b432514;transition:max-width .2s;background:var(--gd-background);color:var(--gd-ink)}.gdb-surface .intro{position:relative;min-height:260px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:28px;color:white;background:var(--gd-panel);overflow:hidden;border-radius:var(--gd-radius);margin:0 0 20px;text-align:left}.gdb-surface .intro:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#000000b3)}.gdb-surface .gallery-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.gdb-surface .intro>*:not(.gallery-cover){position:relative;z-index:1}.gdb-surface .eyebrow{font-size:7px;letter-spacing:1.4px;font-weight:400;color:#dce9d7;margin:0 0 10px;background:none}.gdb-surface .intro h1{font-family:var(--gd-font);font-size:37px;line-height:1.05;font-weight:400;letter-spacing:-1px;margin:0;color:inherit;overflow-wrap:anywhere}.gdb-surface .gdb-preview-description{font-size:9px;line-height:1.5;margin:12px 0 0;color:#d3dfcb}.gdb-surface[data-gd-typography=modern] .intro h1{font-weight:800}.gdb-surface[data-gd-cover=minimal] .intro{min-height:0;align-items:center;justify-content:center;text-align:center;background:transparent;color:var(--gd-ink);padding:35px 15px 40px}.gdb-surface[data-gd-cover=minimal] .intro:after,.gdb-surface[data-gd-cover=minimal] .gallery-cover{display:none}.gdb-surface[data-gd-cover=minimal] .intro h1{font-size:38px}.gdb-surface[data-gd-cover=minimal] .eyebrow,.gdb-surface[data-gd-cover=minimal] .gdb-preview-description{color:var(--gd-muted)}.gdb-surface[data-gd-cover=split] .intro{min-height:280px;background:var(--gd-panel);color:var(--gd-ink);padding:25px;justify-content:center}.gdb-surface[data-gd-cover=split] .intro:after{display:none}.gdb-surface[data-gd-cover=split] .gallery-cover{inset:0 0 0 52%;width:48%;height:100%}.gdb-surface[data-gd-cover=split] .intro>*:not(.gallery-cover){max-width:44%}.gdb-surface[data-gd-cover=split] .intro h1{font-size:30px}.gdb-surface[data-gd-cover=split] .eyebrow,.gdb-surface[data-gd-cover=split] .gdb-preview-description{color:var(--gd-muted)}.gdb-wall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gd-gap)}.gdb-preview-photo{position:relative;display:block;width:100%;height:auto;border:0!important;border-radius:var(--gd-radius)!important;padding:0!important;overflow:hidden;background:var(--gd-panel)!important;line-height:0}.gdb-preview-photo img{width:100%;height:calc(var(--gd-image-size,270px)*.5);object-fit:cover}.gdb-wall[data-layout=columns]{display:block;columns:3;column-gap:var(--gd-gap)}.gdb-wall[data-layout=columns] .gdb-preview-photo{break-inside:avoid;margin-bottom:var(--gd-gap)}.gdb-wall[data-layout=columns] img{height:auto;object-fit:contain}.gdb-wall[data-layout=focus]{grid-template-columns:1fr}.gdb-wall[data-layout=focus] img{height:auto;max-height:440px;object-fit:contain}.gdb-cover-label{position:absolute;bottom:8px;left:8px;font:9px/1.3 system-ui;color:#fff;background:#173e30bf;padding:4px 6px;border-radius:10px}.gdb-placeholder{min-height:130px;background:linear-gradient(150deg,#799884,#d2d7bd);border-radius:var(--gd-radius)}.gdb-placeholder:nth-child(2n){background:linear-gradient(150deg,#c2b09d,#6d8c83);min-height:175px}.gdb-surface[data-preview-size=phone]{max-width:350px;padding:12px}.gdb-surface[data-preview-size=phone] .gdb-wall{display:grid;columns:auto;grid-template-columns:1fr}.gdb-surface[data-preview-size=phone] .gdb-preview-photo{margin-bottom:0}.gdb-surface[data-preview-size=phone] .gdb-preview-photo img{height:auto;max-height:450px;object-fit:contain}.gdb-surface[data-preview-size=phone] .intro h1{font-size:31px}.gdb-surface[data-preview-size=phone][data-gd-cover=split] .intro{background:var(--gd-panel);color:white;justify-content:flex-end}.gdb-surface[data-preview-size=phone][data-gd-cover=split] .gallery-cover{inset:0;width:100%;opacity:.65}.gdb-surface[data-preview-size=phone][data-gd-cover=split] .intro:after{display:block}.gdb-surface[data-preview-size=phone][data-gd-cover=split] .intro>*:not(.gallery-cover){max-width:100%}.gdb-surface[data-preview-size=phone][data-gd-cover=split] .eyebrow,.gdb-surface[data-preview-size=phone][data-gd-cover=split] .gdb-preview-description{color:#e1ebe4}.gdb-footer{grid-column:1/-1;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 24px;background:#fff;border-top:1px solid #dce5d5}.gdb-status{flex:1;margin:0;min-width:100px;font-size:11px;color:#647f54}.gdb-footer small{font-size:9px;color:#95a08c;max-width:300px}.gdb-footer button{font-size:12px;padding:9px 16px}.gdb-footer .gdb-save{background:#355b3e;color:white;border-color:#355b3e}.gdb-footer .gdb-save:hover{background:#264b30}@media(max-width:800px){.gdb-dialog{width:100vw;height:100dvh;border:0;border-radius:0}.gdb-shell{grid-template-columns:230px 1fr}.gdb-head{padding:16px 20px}.gdb-head h2{font-size:25px}.gdb-sidebar{padding:18px 14px}.gdb-canvas{padding:16px 15px}.gdb-template{grid-template-columns:50px 1fr;gap:8px}.gdb-template-art{width:50px}.gdb-footer small{display:none}}@media(max-width:570px){.gdb-shell{grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto}.gdb-sidebar{grid-row:2;max-height:29dvh;border-right:0;border-bottom:1px solid #dce5d5}.gdb-sidebar>h3{display:none}.gdb-templates{display:flex;gap:8px;overflow:auto;padding:3px}.gdb-template{display:flex;flex-direction:column;min-width:120px;max-width:130px;flex:none;padding:8px!important;gap:4px}.gdb-template-art{width:100%;height:43px;grid-template-rows:20px 10px}.gdb-template small{display:none}.gdb-customize{margin:10px 0;padding:10px 0}.gdb-photo-list{gap:4px}.gdb-photo img{width:28px;height:30px}.gdb-photo button{width:31px;min-width:31px;height:34px}.gdb-photo>span{font-size:11px}.gdb-photo-heading{display:none}.gdb-canvas{grid-row:3;min-height:0;padding:12px}.gdb-view-tools{gap:3px;margin-bottom:10px}.gdb-view-tools button{font-size:9px;padding:6px 8px}.gdb-head p{display:none}.gdb-head input{min-width:200px;font-size:13px}.gdb-footer{padding:10px 14px;gap:7px}.gdb-footer button{font-size:11px;padding:8px 12px}.gdb-status{font-size:10px}.gdb-surface{padding:12px}.gdb-controls{grid-template-columns:1fr 1fr}.gdb-palette{grid-column:1/-1}.gdb-surface .intro h1{font-size:30px}.gdb-wall{grid-template-columns:repeat(2,minmax(0,1fr))}.gdb-wall[data-layout=columns]{columns:2}}@media(prefers-reduced-motion:reduce){.gdb-dialog *{transition:none!important}}
.gdb-photo-list{grid-template-columns:minmax(0,1fr)}.gdb-photo{min-width:0;max-width:100%}.gdb-dialog img:not([src]){visibility:hidden}.gdb-surface[data-gd-align=left][data-gd-cover=minimal] .intro{align-items:flex-start;text-align:left}.gdb-surface[data-gd-align=center][data-gd-cover=split] .intro{text-align:center}.gdb-surface[data-gd-align=center][data-gd-cover=split] .intro>*:not(.gallery-cover){width:44%}.gdb-wall[data-layout=flow]{align-content:flex-start;flex-wrap:wrap}.gdb-wall[data-layout=flow] .gdb-preview-photo{flex:none}
.gdb-surface[data-gd-width=comfortable]{max-width:760px}.gdb-surface[data-gd-width=wide]{max-width:1100px}.gdb-surface[data-gd-width=full]{max-width:none}.gdb-surface[data-preview-size=phone]{max-width:350px}
/* Keep portrait editing comfortable with browser chrome and phone safe areas. */
.gdb-mobile-tools,.gdb-sheet-head,.gdb-sheet-scrim{display:none}
@media(max-width:570px){
 .gdb-shell{grid-template-rows:auto auto minmax(0,1fr) auto}
 .gdb-head{padding-top:max(12px,env(safe-area-inset-top));gap:10px}
 .gdb-head>div{min-width:0;flex:1}
 .gdb-head input{font-size:16px;min-width:0;width:100%;max-width:100%}
 .gdb-head .gdb-close{width:44px;height:44px;flex:none}
 .gdb-sidebar,.gdb-canvas{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
 .gdb-photo{gap:2px;padding:3px}
 .gdb-photo button{width:44px;min-width:44px;height:44px;font-size:17px}
 .gdb-photo img{width:24px;height:32px}
 .gdb-view-tools{flex-wrap:wrap}
 .gdb-view-tools button{min-height:44px;font-size:11px}
 .gdb-controls select{font-size:16px;min-height:44px}
 .gdb-controls input[type=range]{min-height:44px}
 .gdb-palette input{width:48px;height:44px}
 .gdb-customize summary{min-height:44px;display:flex;align-items:center}
 .gdb-footer{padding-bottom:max(10px,env(safe-area-inset-bottom))}
 .gdb-footer button{min-height:44px;font-size:13px}
 .gdb-status:empty{display:none}
}
/* Phone editing is a full canvas with task sheets, never stacked editor panes. */
@media(max-width:570px){
 .gdb-shell{position:relative;grid-template-rows:auto minmax(0,1fr) auto auto}
 .gdb-head{padding:8px 12px;align-items:center}
 .gdb-head h2{display:none}
 .gdb-head input{border:0;margin:0;padding:8px 0}
 .gdb-canvas{grid-row:2;padding:0;background:var(--gallery-page,#e8eaee)}
 .gdb-view-tools{position:sticky;top:0;z-index:2;margin:0;padding:4px 10px;background:#f6f7f3f2}
 .gdb-view-tools>span{font-size:10px}
 .gdb-view-tools button{min-height:36px;padding:5px 8px}
 .gdb-view-tools button:first-of-type,.gdb-view-tools button:nth-of-type(2){display:none}
 .gdb-surface[data-preview-size=phone]{max-width:none;box-shadow:none;padding:12px;min-height:100%}
 .gdb-mobile-tools{display:flex;grid-row:3;gap:6px;padding:6px 12px;background:white;border-top:1px solid #e0e6dc}
 .gdb-mobile-tools button{flex:1;min-height:44px;font-size:13px}
 .gdb-mobile-tools button[aria-expanded=true]{background:#e8f0e5;border-color:#527957}
 .gdb-footer{grid-row:4;padding:6px 12px max(6px,env(safe-area-inset-bottom));flex-wrap:nowrap}
 .gdb-footer .gdb-status{min-width:0;overflow-wrap:anywhere}
 .gdb-footer .gdb-status:empty{display:none}
 .gdb-footer .gdb-save{margin-left:auto;min-width:130px}
 .gdb-sidebar{display:none;position:absolute;inset:auto 0 0;max-height:75%;padding:0 16px max(20px,env(safe-area-inset-bottom));z-index:5;border:0;border-radius:20px 20px 0 0;box-shadow:0 -12px 45px #182c2633}
 .gdb-dialog[data-mobile-panel]:not([data-mobile-panel=""]) .gdb-sidebar{display:block}
 .gdb-sheet-head{display:flex;position:sticky;top:0;z-index:2;background:white;align-items:center;justify-content:space-between;gap:12px;padding:12px 0}
 .gdb-sheet-head button{min-height:44px;min-width:64px;background:#355b3e;color:white}
 .gdb-sheet-scrim{position:absolute;inset:0;z-index:4;border:0!important;border-radius:0!important;background:#12251c55!important}
 .gdb-dialog[data-mobile-panel]:not([data-mobile-panel=""]) .gdb-sheet-scrim{display:block}
 .gdb-sidebar .gdb-templates,.gdb-sidebar .gdb-customize,.gdb-sidebar .gdb-photo-list{display:none}
 .gdb-sidebar[data-panel=templates] .gdb-templates{display:grid;grid-template-columns:1fr;overflow:visible;padding:2px 2px 12px}
 .gdb-sidebar[data-panel=templates] .gdb-template{display:grid;grid-template-columns:74px 1fr;min-width:0;max-width:none;width:100%;text-align:left;gap:4px 12px}
 .gdb-sidebar[data-panel=templates] .gdb-template-art{width:74px;height:56px;grid-row:span 2}
 .gdb-sidebar[data-panel=templates] .gdb-template small{display:block;font-size:12px}
 .gdb-sidebar[data-panel=photos] .gdb-photo-list{display:grid;padding-bottom:12px}
 .gdb-sidebar[data-panel=photos] .gdb-photo-heading{display:block}
 .gdb-sidebar[data-panel=photos] .gdb-photo-heading h3{display:none}
 .gdb-sidebar[data-panel=photos] .gdb-photo-heading p{font-size:12px;margin:0 0 12px}
 .gdb-sidebar[data-panel=style] .gdb-customize{display:block;border:0;margin:0;padding:0}
 .gdb-sidebar[data-panel=style] .gdb-customize summary{display:none}
 .gdb-controls{padding-top:4px;padding-bottom:12px}
}

.gdb-appearance{display:flex;gap:4px;flex:none;margin-left:auto}.gdb-appearance button{min-height:40px;font-size:12px;padding:6px 10px}.gdb-appearance button[aria-pressed=true]{background:#355b3e;color:white;border-color:#355b3e}@media(max-width:570px){.gdb-appearance button{min-height:44px;padding:6px 8px}.gdb-head{gap:6px}.gdb-head .gdb-close{width:36px}.gdb-head input{font-size:16px}}

/* Designer surfaces follow the gallery palette, including custom backgrounds. */
.gdb-dialog.gd-designed{background:var(--gd-background);color:var(--gd-ink);border-color:var(--gallery-line)}
.gdb-dialog.gd-designed .gdb-head,.gdb-dialog.gd-designed .gdb-sidebar,.gdb-dialog.gd-designed .gdb-footer,.gdb-dialog.gd-designed .gdb-sheet-head,.gdb-dialog.gd-designed .gdb-mobile-tools{background:var(--gd-background);color:var(--gd-ink);border-color:var(--gallery-line)}
.gdb-dialog.gd-designed .gdb-canvas{background:var(--gd-panel)}
.gdb-dialog.gd-designed input,.gdb-dialog.gd-designed select,.gdb-dialog.gd-designed button{color:var(--gd-ink);background:var(--gd-panel);border-color:var(--gallery-line)}
.gdb-dialog.gd-designed .gdb-head input{background:transparent}
.gdb-dialog.gd-designed .gdb-photo{background:var(--gd-panel);border-color:var(--gallery-line)}
.gdb-dialog.gd-designed .gdb-photo>span,.gdb-dialog.gd-designed label,.gdb-dialog.gd-designed summary,.gdb-dialog.gd-designed h3,.gdb-dialog.gd-designed small,.gdb-dialog.gd-designed .gdb-status{color:var(--gd-muted)}
.gdb-dialog.gd-designed .gdb-template[aria-pressed=true],.gdb-dialog.gd-designed .gdb-appearance button[aria-pressed=true],.gdb-dialog.gd-designed .gdb-view-tools button[aria-pressed=true],.gdb-dialog.gd-designed .gdb-mobile-tools button[aria-expanded=true],.gdb-dialog.gd-designed .gdb-save,.gdb-dialog.gd-designed .gdb-sheet-head button{background:var(--gd-accent)!important;color:var(--gd-on-accent)!important;border-color:var(--gd-accent)!important}
.gdb-dialog.gd-designed .gdb-view-tools{background:var(--gd-background)}
.gdb-dialog.gd-designed input[type=range]{accent-color:var(--gd-accent)}