.photo-app .app-header{height:58px;padding:0 16px;gap:16px}.photo-app .wordmark{min-width:auto}.photo-app .header-actions{margin-left:auto}#p-save{font-size:11px;color:#6f7969}.photo-workspace{height:calc(100dvh - 58px);display:grid;grid-template-columns:210px minmax(300px,1fr) 280px}.photo-library{padding:18px 14px;display:flex;flex-direction:column;gap:14px;border-right:1px solid var(--line);min-height:0}.photo-note{font-size:11px;line-height:1.55;color:#7b8273}.photo-library .section-head{margin:0}#p-photos{display:grid;grid-template-columns:1fr 1fr;gap:8px;overflow:auto;align-content:start;flex:1;min-height:0}.photo-thumb{padding:3px;border:1px solid var(--line);border-radius:5px;background:#fff;min-width:0;height:125px}.photo-thumb.active{border:2px solid var(--accent);background:#e8eddf}.photo-thumb img{width:100%;height:92px;object-fit:cover}.photo-thumb small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;margin-top:4px}.photo-editor{display:flex;flex-direction:column;background:var(--stage);min-width:0;min-height:0}.photo-toolbar{display:flex;gap:8px;align-items:center;padding:10px 16px;flex-wrap:wrap}.photo-toolbar strong{flex:1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-stage{flex:1;min-height:180px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:8px 20px}.photo-stage.dragover{outline:3px dashed #748767;outline-offset:-12px}#p-canvas{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 6px 28px #0002;touch-action:none;cursor:grab}#p-canvas[hidden]{display:none}#p-empty{text-align:center;color:#59634f}#p-empty>span{font:italic 80px LBSerif,serif;color:#79866e}#p-empty h1{font:28px LBSerif,serif;margin:10px}#p-empty p{line-height:1.8;margin-bottom:20px}.photo-hint{text-align:center;font-size:10px;color:#727a68;padding:9px}.photo-template-panel{padding:10px 16px 16px;border-top:1px solid #d9dbd1}.photo-template-panel .section-head{margin-bottom:10px}#p-templates{display:flex;gap:8px;overflow-x:auto;padding-bottom:5px}.photo-template{flex:0 0 104px;padding:4px;background:#fff;border:1px solid #dbddd2;border-radius:6px;text-align:left}.photo-template.active{border:2px solid #63794f;background:#f1f5e9}.photo-template canvas{width:94px;height:100px;object-fit:contain;display:block;background:#d3cbbd}.photo-template small{display:block;font-size:9px;padding:5px 0 1px}.photo-inspector{overflow:auto;background:var(--paper);border-left:1px solid var(--line);padding:0 17px}.photo-inspector fieldset{border:0;padding:0;margin:0;min-width:0}.photo-inspector section{padding:17px 0;border-bottom:1px solid var(--line)}.photo-inspector label{display:block;font-size:11px;color:#69725f;margin:10px 0}.photo-inspector textarea,.photo-inspector input:not([type=checkbox]),.photo-inspector select{display:block;width:100%;border:1px solid #dfe1d7;border-radius:5px;background:#fff;padding:8px;margin-top:6px;color:#282e23}.photo-inspector input[type=color]{height:36px;padding:3px}.photo-inspector textarea{resize:vertical;font:13px inherit}.photo-inspector .full{margin-top:10px}#p-layers{display:flex;flex-direction:column;gap:5px}#p-layers button{font-size:11px;padding:7px;text-align:left;background:#fff;border:1px solid #e3e4dd;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#p-layers button.active{background:#e8eddf;border-color:#80946d}#p-notice{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);padding:13px 20px;border-radius:8px;background:#292f24;color:#fff;z-index:20;max-width:90%;box-shadow:0 4px 22px #0002;font-size:12px}.photo-app [hidden]{display:none!important}@media(max-width:1100px){#p-save{display:none}.photo-app .app-header{gap:6px}.photo-app .wordmark>span:last-child{display:none}.photo-workspace{grid-template-columns:155px minmax(240px,1fr) 245px}.photo-app .section-nav a{padding:7px}.photo-app .header-actions{gap:4px}}@media(max-width:760px){.photo-app .app-header{height:auto;min-height:58px;flex-wrap:wrap;padding:8px}.photo-app .header-actions{width:100%;justify-content:flex-end}.photo-workspace{height:auto;display:flex;flex-direction:column}.photo-library{order:1;max-height:220px}.photo-library>p,.photo-library>#p-remove{display:none}#p-photos{display:flex;min-height:120px}.photo-thumb{flex:0 0 90px}.photo-editor{order:2;height:760px}.photo-inspector{order:3}.photo-stage{min-height:300px}.photo-template-panel{padding:10px}.photo-inspector fieldset{max-width:550px;margin:auto}}

.photo-library-tabs{display:flex;flex-wrap:wrap;gap:5px}.photo-library-tabs button{font-size:11px;padding:7px 8px;border:1px solid var(--line);border-radius:5px;background:white;text-align:left}.photo-library-tabs button[aria-pressed=true]{background:#e8eddf;border-color:var(--accent);color:#425a36}.photo-thumb{position:relative}.photo-edited{position:absolute;right:5px;top:5px;background:#e8eddf;color:#425a36;border-radius:3px;padding:1px 4px;font-size:11px}.photo-library>.photo-note{margin:0}@media(max-width:760px){.photo-library{max-height:310px}.photo-library>#p-library-empty{display:block}}

.photo-template-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:7px}.photo-template-tools input[type=search]{flex:1;min-width:160px}.photo-template-tools input[type=search],.photo-template-tools select{padding:7px;border:1px solid var(--line);border-radius:5px;background:#fff;font-size:11px}.photo-template-tools label{font-size:11px;display:flex;gap:5px;align-items:center}.photo-template-pagination{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted);margin-bottom:7px}.photo-template-pagination>span:first-child{margin-right:auto}.photo-template-pagination button{border:1px solid var(--line);border-radius:4px;background:white;padding:3px 12px}.photo-template-card{position:relative;flex:0 0 104px;min-width:0}.photo-template-card .photo-template{width:100%;height:100%}.photo-template-card small{white-space:normal;line-height:1.35}.photo-style-star{position:absolute;right:7px;top:7px;border:1px solid #d8ddcf;background:#fffffff2;color:#4d653d;border-radius:50%;width:26px;height:26px;font-size:20px;line-height:20px;cursor:pointer}.photo-style-star[aria-pressed=true]{color:#7b570a;background:#fff1bc}@media(max-width:760px){.photo-editor{height:870px}}

#m-controls{border:0;padding:0;margin:0;min-width:0}#m-export{margin-top:12px}#m-dialog{border:0;border-radius:10px;padding:26px;max-width:440px}#m-dialog p{line-height:1.7;margin:14px 0}#m-dialog progress{width:100%;display:block;margin:18px 0;accent-color:#677c54}#m-dialog::backdrop{background:#0007}.text-slides .photo-thumb canvas{width:100%;height:auto;display:block}.text-slides .photo-thumb small{display:block}.text-slides #p-canvas{cursor:default}

/* One continuous gallery shared by Photo+Text and Text Slides. */
.photo-template-panel{flex:0 1 auto;min-height:0;max-height:44dvh;display:flex;flex-direction:column}
.photo-template-panel>.section-head,.photo-template-tools,.photo-template-count{flex-shrink:0}
.photo-template-count{font-size:11px;color:var(--muted);margin-bottom:8px}
#p-templates{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;overflow-y:auto;overflow-x:hidden;min-height:0;max-height:30dvh;align-content:start;scrollbar-width:thin;padding:3px 5px 8px 3px;overscroll-behavior:contain}
.photo-template-card{width:auto;min-width:0}
.photo-template canvas{width:100%;height:112px}
@media(max-width:760px){.photo-template-panel{max-height:400px}#p-templates{max-height:260px}}