.pwa-update{position:fixed;inset:max(16px,env(safe-area-inset-top)) 16px auto auto;z-index:1001;display:flex;align-items:center;gap:12px;max-width:min(520px,calc(100vw - 32px));padding:16px 18px;border:1px solid var(--line);border-radius:18px;background:#2b2930;color:#e7e1e9;box-shadow:0 8px 30px #0008;font-size:14px;line-height:1.6}.pwa-update[hidden]{display:none}.pwa-update button{flex:none}
.download-button[aria-disabled=true]{opacity:.5;pointer-events:none}.dialog-notice{margin-top:18px;color:#9d4d43;font-size:13px;line-height:1.7}
#sync-google{flex-basis:100%}#sync-google[hidden]{display:none}.sync-feedback:has(#sync-google:not([hidden])){flex-wrap:wrap}
.sync-feedback{position:fixed;inset:auto max(16px,env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) auto;z-index:1000;display:flex;align-items:center;gap:12px;max-width:min(520px,calc(100vw - 32px));padding:16px 18px;border:1px solid var(--line);border-radius:18px;background:#2b2930;color:#e7e1e9;box-shadow:0 8px 30px #0008;font-size:14px;line-height:1.6}.sync-feedback[hidden],.sync-spinner[hidden]{display:none}.sync-feedback button{flex:none;padding:6px 12px}.sync-spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid #625b71;border-top-color:#d0bcff;border-radius:50%;animation:sync-feedback-spin 1s linear infinite;flex:none}@keyframes sync-feedback-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.sync-spinner{animation:none}}
.theme-bg-preview{margin:12px 0;border:1px solid var(--line);border-radius:9px;min-inline-size:0}.theme-bg-preview select{width:100%}.theme-bg-preview label{display:flex;gap:8px;align-items:center;margin:10px 0;font-size:12px}.theme-bg-preview input{min-width:0;flex:1}.theme-bg-preview output{min-width:38px;text-align:right}.theme-bg-preview img{display:block;width:100%;max-height:240px;object-fit:contain}.theme-bg-preview p{font-size:12px;line-height:1.5}.gallery[data-theme-background]{background-repeat:repeat-y;padding:12px;border-radius:12px;color:var(--background-content);--muted:var(--background-muted)}.gallery[data-theme-background] .photo-card{color:var(--background-content)}.gallery[data-theme-background="TRANSPARENT"]{--background-content:var(--ink);--background-muted:#778077}
.sync-guidance{font-size:14px;line-height:1.9}.sync-guidance p{margin-bottom:16px}#account-status{margin:20px 0 8px}#sync-dialog[open]{display:flex;flex-direction:column;padding:0}#sync-dialog>.dialog-title{padding:27px 27px 18px;margin:0;flex:none}#sync-dialog>.sync-body{overflow:auto;min-height:0;padding:0 27px 18px}#sync-dialog>.dialog-actions{flex:none;flex-wrap:wrap;gap:12px;margin:0;padding:16px 27px;border-top:1px solid var(--line)}#sync-initial,#sync-receive-status{font-size:14px;line-height:1.8}#sync-initial button{margin-top:10px}#sync-receive-status:not(:empty){margin-top:12px}
.guidance-note{padding:12px;border:1px solid var(--line);border-radius:8px;margin:10px 0;font-size:13px;line-height:1.7;text-align:left;white-space:normal}.guidance-message{white-space:pre-line}.guidance-note label,#guidance-settings-list label{display:flex;align-items:center;gap:8px;margin-top:12px}.guidance-note input,#guidance-settings-list input{width:18px;height:18px;flex:none}.guidance-error:not(:empty){color:#9d4d43;margin-top:8px}#empty-guidance{max-width:440px;margin:auto}#empty-guidance .guidance-note p{max-width:none;margin:0}#guidance-dialog{width:min(540px,94vw)}#guidance-settings-list label{padding:8px 0}#guidance-status{margin-top:12px}
#sync-toggle{min-width:78px}#sync-toggle[aria-checked=true]{background:var(--accent);border-color:var(--accent);color:white}
.template-section { margin-block: 18px; }
.template-row { min-width: 0; margin: 12px 0; padding: 16px; border: 1px solid var(--line); border-radius: 8px; }
.template-row legend { font-size: 12px; color: var(--muted); }
.template-row-actions { display: flex; gap: 8px; margin-top: 10px; }
.works-revenue svg { display:block; width:100%; max-height:180px; color:#688778; border-bottom:1px solid var(--line); }
.works-revenue-scale { margin:8px 0; text-align:right; font-size:12px; font-variant-numeric:tabular-nums; }
.works-revenue-table { max-height:340px; overflow:auto; margin-block:12px; }
.works-revenue-table label { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:6px 0; }
.works-revenue-table input { width:140px; max-width:60%; text-align:right; font-variant-numeric:tabular-nums; }
.task-counts { font-size:13px; color:var(--muted); }
.chronicle-graph { padding:12px; margin:12px 0; border:1px solid var(--line); border-radius:10px; }
.chronicle-graph svg { display:block; width:100%; max-height:200px; color:#688778; }
.chronicle-graph-points { font-size:12px; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.template-image-slot { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-block: 8px; }
.template-image-slot img { width: 72px; height: 72px; object-fit: contain; }
#attachment-saved-list { display: grid; gap: 8px; margin-top: 16px; }
#attachment-dialog .dialog-actions{flex-wrap:wrap;gap:8px}#attachment-dialog .dialog-actions button{white-space:nowrap}#attachment-move-help{margin-top:14px;line-height:1.6}@media(max-width:480px){#attachment-dialog .dialog-actions button{flex:1 0 calc(50% - 8px)}}
[hidden] { display: none !important; }
.template-summary{display:grid;grid-template-columns:1fr auto;gap:.45rem 1rem;padding:1rem;background:#eef1eb;border-radius:12px;font-variant-numeric:tabular-nums}.template-summary dd{margin:0;text-align:right}
#photo-editor{margin-top:22px;padding-top:4px;border-top:1px solid var(--line)}#photo-render-status{font-size:12px;line-height:1.7;margin:12px 0;color:var(--muted)}#photo-export-download{margin-top:10px}
.finish-choices{display:flex;flex-wrap:wrap;gap:6px;border:0;padding:0;margin:18px 0}.finish-choices legend{font-size:13px;margin-bottom:10px}.finish-choices button{font-size:11px;padding:7px 9px}.finish-choices button[aria-pressed=true]{background:var(--accent);color:white}
.saved-filter-sets{border:0;padding:0;margin:18px 0;min-inline-size:0}.saved-filter-sets legend{font-size:13px;margin-bottom:10px}.saved-filter-row{display:flex;gap:8px;overflow-x:auto;margin-top:8px}.saved-filter-item{display:flex;flex-direction:column;gap:4px;flex:none}.saved-filter-item button{font-size:11px;padding:7px 9px}.saved-filter-item button[aria-pressed=true]{background:var(--accent);color:white}#saved-filter-status{font-size:12px;line-height:1.6;color:var(--muted)}
.saved-filter-item [data-saved-set]{display:grid;justify-items:center;gap:4px;min-width:60px;padding:5px;font-size:10px}.saved-filter-cover{display:grid;place-items:center;width:48px;height:48px;background:var(--soft);color:var(--muted);border-radius:5px;overflow:hidden;font-size:24px}.saved-filter-cover img{display:block;width:48px;height:48px;object-fit:cover}.saved-filter-item>button:last-child{padding:5px 7px}
.base-samples{margin:12px 0}.base-samples summary{cursor:pointer;font-size:13px;padding:8px 0}.sample-pages{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:8px;font-size:12px}.sample-pages button{padding:5px 12px}.base-sample-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:400px;overflow-y:auto}.base-sample-grid button{min-width:0;padding:3px;font-size:10px;display:grid;gap:4px}.base-sample-grid button[aria-pressed=true]{border:2px solid var(--accent);background:var(--soft)}.base-sample-image{display:grid;place-items:center;aspect-ratio:1;background:var(--soft);overflow:hidden;border-radius:5px}.base-sample-image :is(img,canvas){width:100%;height:100%;object-fit:cover}#sample-status{font-size:11px;color:var(--muted);margin-top:5px}
.header-actions{flex-wrap:wrap;justify-content:flex-end}#listing-theme-dialog{width:min(540px,calc(100vw - 24px))}.theme-filter-targets{display:flex;gap:6px;align-items:center}.theme-filter-targets button{padding:8px 12px}.theme-filter-targets select{min-width:0;flex:1;font-size:12px}.theme-filter-targets button[aria-pressed=true],.theme-photo-targets button[aria-pressed=true]{background:var(--accent);color:white}.theme-photo-targets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;max-height:92px;overflow-y:auto;margin:8px 0}.theme-photo-targets button{padding:2px;min-width:0;font-size:10px}.theme-target-image{display:grid;place-items:center;aspect-ratio:1;overflow:hidden;border-radius:5px;background:var(--soft)}.theme-target-image img{width:100%;height:100%;object-fit:cover}.theme-filter-bg{display:inline-flex;gap:6px;align-items:center;margin-left:15px}.theme-filter-bg input{accent-color:var(--accent)}#theme-filter-count,#theme-filter-status,#theme-filter-set-status{font-size:12px;color:var(--muted);line-height:1.6;margin-top:8px}.finish-choices button[aria-pressed=mixed]{border-style:dashed}.listing-filter-workspace .base-sample-grid{max-height:400px}
.saved-filter-item [data-theme-saved-set]{display:grid;justify-items:center;gap:4px;min-width:60px;padding:5px;font-size:10px}

#entry-theme-dialog{width:min(540px,calc(100vw - 24px))}.detail-actions{flex-wrap:wrap}
.theme-frame-preview{margin:12px 0;border:1px solid var(--line);border-radius:9px}.theme-frame-preview img{display:block;max-width:100%;max-height:180px;margin:10px auto;background:#171b17}.theme-frame-preview img[hidden]{display:none}
.selection-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;padding:12px;background:var(--soft);border-radius:10px}.selection-actions[hidden]{display:none}.selection-actions span{margin-right:auto;font-size:13px}.photo-card.selection-mode{position:relative}.photo-card.selection-mode::after{content:'○';position:absolute;top:8px;right:8px;background:var(--paper,#fff);border-radius:50%;width:25px;height:25px;display:grid;place-items:center;color:var(--accent)}.photo-card.selected{outline:3px solid var(--accent);outline-offset:3px}.photo-card.selected::after{content:'✓';background:var(--accent);color:#fff}#classify-dialog{width:min(520px,calc(100vw - 24px))}

#manage-classifications{font-size:12px}#classification-dialog{width:min(580px,94vw)}.classification-row{display:flex;align-items:center;gap:6px;padding:8px 0;border-bottom:1px solid #dfdad2}.classification-row>span{flex:1;min-width:0;overflow-wrap:anywhere}.classification-row>button{flex-shrink:0;padding:8px 10px}#classification-list{max-height:52vh;overflow:auto}#classification-review-text{line-height:1.7}#classification-scope{max-width:100%}

.list-date-section{grid-column:1/-1;margin:12px 0 0;font-size:17px}.list-reverse{display:flex;align-items:center;gap:8px;margin:16px 0}.list-reverse input{width:auto}#list-order-dialog{width:min(480px,94vw)}#list-order{white-space:nowrap}@media(max-width:600px){.toolbar{flex-wrap:wrap}.toolbar .search{flex-basis:100%}}

#entry-delete-dialog{width:min(520px,94vw)}#entry-delete-description{line-height:1.7}#entry-delete-titles{overflow-wrap:anywhere;max-height:30vh;overflow:auto}
#template-return-dialog{width:min(520px,94vw)}#template-return-dialog>p{line-height:1.7}#template-return-list{max-height:45vh;overflow:auto;margin:12px 0}#template-return-list label{display:flex;align-items:center;gap:10px;padding:12px 4px;overflow-wrap:anywhere}#template-return-list input{flex-shrink:0;width:18px;height:18px}
 .entry-pin-control{display:flex;align-items:center;gap:8px}.entry-pin-control input{width:auto}.entry-pin-badge{display:inline-block;font-size:11px;font-weight:600;border:1px solid currentColor;border-radius:4px;padding:1px 5px;margin-right:7px;vertical-align:middle}
 .toolbar{flex-wrap:wrap}
 .hierarchy-panel{display:contents}
.virtual-card-page{grid-column:1/-1;display:grid;min-width:0;outline-offset:3px}.virtual-card-page:empty{background:transparent}
.template-display-controls{border:1px solid var(--line,#d9d6cd);border-radius:10px;padding:12px;margin-block:12px}.template-display-controls>label{display:flex;align-items:center;gap:8px}.template-display-controls input[type=checkbox]{width:auto}.template-display-controls summary{cursor:pointer;padding:10px 0}.template-display-controls>p{font-size:.85rem}.template-order-preview article{display:flow-root;border-top:1px solid var(--line,#d9d6cd);padding:10px 0;overflow-wrap:anywhere}.template-order-preview article>img{width:96px;max-height:120px;object-fit:contain;float:left;margin:0 12px 8px 0}.template-order-preview article>p{white-space:pre-wrap;margin:0}.template-order-preview small{white-space:pre-wrap}.template-order-preview h4{margin:14px 0 6px}
.template-panel-controls{border:1px solid var(--line,#d9d6cd);border-radius:10px;padding:12px;margin-block:12px}.template-panel-controls summary{cursor:pointer;padding:4px 0}.template-panel-controls>label{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:8px;margin-top:10px}.template-panel-controls p{font-size:.85rem}.template-panel-swatch{display:flex;gap:14px;margin-top:12px}.template-panel-swatch span{display:grid;gap:4px;flex:1;font-size:.8rem}.template-panel-swatch i{display:block;height:28px;border-radius:4px}
.normal-media-row{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:start;margin:12px 0}.normal-media-row img{max-width:96px;max-height:130px;object-fit:contain}.normal-media-row label{margin:0}.normal-media-row textarea{resize:vertical;min-height:84px}

.normal-media-actions{grid-column:2;display:flex;gap:6px;flex-wrap:wrap}.normal-media-actions button{padding:5px 9px}
.normal-media-row>.text-markup-tools{grid-column:1/-1;min-width:0}
.template-font-controls{margin:12px 0;padding:14px;border:1px solid var(--line);border-radius:10px}.template-font-controls label{margin-top:0}.template-font-sample{font-family:var(--template-font,sans-serif);font-size:22px;line-height:1.6;margin-top:12px;overflow-wrap:anywhere}#template-editor input[type=text]:not([inputmode=numeric]),#template-editor textarea{font-family:var(--template-font,inherit)}
.text-markup-tools{margin:10px 0;padding:10px;border:1px solid var(--line);border-radius:8px}.text-markup-tools summary{cursor:pointer;font-size:12px}.text-markup-toolbar{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.text-markup-toolbar label{margin-top:0;min-width:100px;max-width:100%;flex:1;font-size:11px}.text-markup-toolbar button,.text-markup-toolbar select{padding:8px;font-size:12px}.text-markup-preview{white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--template-font,sans-serif);font-synthesis:weight style;line-height:1.9;margin-top:14px;padding:12px;background:#fff;border-radius:6px}.text-markup-preview img{max-width:120px;max-height:120px;object-fit:contain}.markup-box{border:1px solid;padding:2px 5px;box-decoration-break:clone}.markup-callout{border-radius:5px;background:#a79f9833;padding:2px 8px}
.text-markup-toolbar{align-items:start}.text-markup-toolbar select{width:100%;min-width:0;box-sizing:border-box}.text-markup-toolbar button{align-self:start}
.text-markup-tools [contenteditable=true]{min-height:2.5em;cursor:text;outline-offset:3px}.text-markup-tools [contenteditable=true]:focus{outline:2px solid var(--accent,#5878a0)}.text-markup-tools [contenteditable=true] [data-markup-image]{display:inline-block;cursor:default;user-select:all}
.inline-image-tools{border-top:1px solid var(--line);padding-top:10px}.inline-image-tools:empty{display:none}

.theme-layout-controls{margin:12px 0;border:1px solid var(--line);border-radius:9px;min-inline-size:0}.theme-layout-controls select{width:100%}
#list-text-pages{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}#list-text-pages[hidden]{display:none}#list-text-pages span{font-size:13px}
.gallery[data-layout] .photo-card{min-width:0;align-self:start}.gallery[data-layout] .photo-card .photo{height:var(--layout-image-height);aspect-ratio:auto}.gallery[data-layout] .list-card-copy{min-width:0;padding:6px 0}.gallery[data-layout] .photo-card h3{margin:0 0 4px;font-size:14px;line-height:20px}.gallery[data-layout] .photo-card p{margin:4px 0 0;line-height:14px}.list-card-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gallery[data-layout="COMPACT"] .photo-card,.gallery[data-layout="CARD"] .photo-card,.gallery[data-layout="CARD_HALF"] .photo-card{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:start;min-height:90.5px;box-sizing:border-box;padding:8px 0 0}.gallery[data-layout="COMPACT"] .list-card-copy{padding:0;min-height:82.5px}.gallery[data-layout="CARD"] .photo-card,.gallery[data-layout="CARD_HALF"] .photo-card{grid-template-columns:120px minmax(0,1fr);min-height:134px;padding:4px 0 10px}.gallery[data-layout="CARD"] .photo-card>.photo,.gallery[data-layout="CARD_HALF"] .photo-card>.photo{position:relative;top:-4px}.gallery[data-layout="CARD"] .photo-card>.list-card-copy,.gallery[data-layout="CARD_HALF"] .photo-card>.list-card-copy{min-height:120px;padding:0}.gallery[data-layout="CARD_HALF"] .photo-card{grid-template-columns:1fr 1fr}
.gallery[data-layout="MINI_GRID"] .photo-card{width:72px;height:72px}.gallery[data-layout="MINI_GRID"] .list-card-copy{display:none}.gallery[data-layout="MINI_GRID"] .photo-card .photo{border-radius:3px;font-size:10px}
.gallery[data-layout="FULL"] .photo-card img,.gallery[data-layout="MAX"] .photo-card img,.gallery[data-layout="TEXT"] .photo-card img{object-fit:contain}.gallery[data-layout="FULL"] .photo,.gallery[data-layout="MAX"] .photo,.gallery[data-layout="TEXT"] .photo{background:transparent}
.gallery[data-layout="TEXT"] .photo-card{width:100%;cursor:pointer}.gallery[data-layout="TEXT"] .list-card-body{display:block;overflow:visible;font-size:15px;line-height:1.9}.gallery[data-layout="TEXT"] .photo-card h3{white-space:normal;font-size:21px;line-height:1.6}.gallery[data-layout="TEXT"] .no-image .photo{display:none}.gallery[data-layout="FULL"] .no-image .photo,.gallery[data-layout="MAX"] .no-image .photo{height:60px}.gallery[data-layout="MAX"] .list-card-body{-webkit-line-clamp:3}
/* Mid shares one measured width for the photo and its label/metadata. Until
   dimensions are available, the variables retain the full-width placeholder. */
.gallery[data-layout="FULL"] .photo-card:not(.no-image)>.photo,.gallery[data-layout="FULL"] .photo-card:not(.no-image)>.list-card-copy{width:min(100%,var(--list-photo-width,100%));max-width:100%;box-sizing:border-box;margin-inline:auto}
.gallery[data-layout="FULL"] .photo-card:not(.no-image)>.photo{height:var(--list-photo-height,var(--layout-image-height))}
.gallery[data-layout="FULL"] .photo-card:not(.no-image)>.list-card-copy{padding:8px 0 0}
.gallery[data-layout="FULL"] .photo-card:not(.no-image) h3,.gallery[data-layout="FULL"] .photo-card:not(.no-image) .list-card-body{font-size:12.7px;line-height:18px;letter-spacing:.7px;font-weight:400;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.gallery[data-layout="FULL"] .list-card-body{-webkit-line-clamp:1}
.photo-card img:not([src]){visibility:hidden}.theme-layout-controls p{font-size:12px;line-height:1.5;margin-top:8px}
 .custom-bg-slots{display:flex;flex-wrap:wrap;gap:.7rem}.custom-bg-slots>div{display:flex;flex-direction:column;gap:.3rem;flex:1;min-width:90px}.custom-bg-slots button{white-space:normal}
.text-editor-background{margin-top:14px;border-radius:6px;overflow:hidden;background-repeat:repeat-y}.text-editor-background>.text-markup-preview{margin-top:0}
.entry-document{padding:16px;border-radius:12px;overflow-wrap:anywhere;background-repeat:repeat-y;color:var(--background-content);line-height:1.65}.entry-document .text-markup-preview{padding:0;border:0;background:transparent;color:inherit;min-height:0;margin:0}.document-panel{padding:16px;border:1px solid transparent;border-radius:10px;margin-bottom:14px}.document-heading h1{font-size:24px;line-height:1.4}.document-label{margin-top:10px!important;font-size:18px}.document-photo{margin:0 0 18px}.document-photo>img{display:block;width:100%;min-height:120px;max-height:70vh;object-fit:contain}.document-photo>img:not([src]){visibility:hidden}.document-image-label{text-align:center;margin-top:8px!important}.document-task-group{padding:0;overflow:hidden}.document-group-heading{display:flex;align-items:center;gap:12px;min-height:44px;padding:8px 12px;margin:0;border-bottom:1px solid #9b968f40}.document-group-heading h2{flex:1;font-size:16px}.document-task-count{font-size:14px;min-width:30px;text-align:right}.document-task-row{display:flex;gap:9px;padding:12px;border-bottom:1px solid #9b968f40;font-size:16px}.document-task-row>.text-markup-preview{flex:1;min-width:0}.document-task-check{flex:none}.document-task-row.completed{opacity:.7}.document-done-label{padding:9px 12px 6px;font-size:11px;font-weight:500;letter-spacing:.8px;margin:0}.entry-document .text-markup-preview img{max-width:100%;height:auto;vertical-align:middle}.entry-document .markup-callout{display:inline-block}.entry-document .markup-box{box-decoration-break:clone}
.entry-document h2{font-size:20px;margin:0 0 10px}.entry-document h3{font-size:15px;margin:12px 0 6px}.document-category{margin:12px 0 8px;padding:8px 12px}.document-category h2{font-size:16px;margin:0}.document-image-items{display:grid;gap:8px}.document-image-card{min-width:0;margin:0;padding:9px 11px}.document-image-card .document-photo{position:relative;margin:0}.document-image-card .document-photo>img{min-height:72px;border-radius:4px;max-height:330px}.document-image-copy{min-width:0;font-size:14px}.document-image-copy h3{font-size:15px;margin:0 0 6px}.document-band{font-size:11px;opacity:.75;white-space:pre-wrap}.document-rank{position:absolute;left:4px;top:4px;padding:2px 5px;border-radius:4px;background:#171713d9;color:#fff;font:11px sans-serif}.entry-document-compact .document-image-card,.entry-document-card .document-image-card{display:grid;grid-template-columns:96px minmax(0,1fr);gap:9px}.entry-document-card .document-image-card{grid-template-columns:140px minmax(0,1fr)}.entry-document-compact .document-photo>img,.entry-document-card .document-photo>img{aspect-ratio:1;min-height:0;object-fit:cover}.entry-document-mid .document-image-items{gap:18px}.entry-document-mid .document-image-copy{margin-top:7px;min-height:84px}.entry-document-feature-two .document-image-items{grid-template-columns:repeat(2,minmax(0,1fr))}.entry-document-grid .document-image-items{grid-template-columns:repeat(3,minmax(0,1fr))}.entry-document-feature-two .document-image-card,.entry-document-grid .document-image-card{padding:9px 0}.entry-document-feature-two .document-photo>img,.entry-document-grid .document-photo>img{aspect-ratio:1;object-fit:cover;min-height:0;max-height:none}.entry-document-feature-two .document-image-copy,.entry-document-grid .document-image-copy{padding:8px}.document-image-card:not(:has(.document-photo)){display:block}.document-totals{display:grid;grid-template-columns:minmax(0,1fr) minmax(80px,auto);gap:8px 12px;margin:14px 0;font-size:14px}.document-totals dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.document-totals dt{opacity:.8}.document-money-line{display:flex;align-items:start;gap:10px;padding:10px 0;border-bottom:1px solid #9b968f40;font-size:14px}.document-money-line>div{flex:1;min-width:0}.document-amount{flex:none;font-variant-numeric:tabular-nums}.document-money-line.completed{opacity:.7}.document-money-check{flex:none}.document-checked-line{padding:0 12px;margin-bottom:4px}.document-log-event{display:grid;grid-template-columns:65px minmax(0,1fr) 32px;gap:8px;border-top:1px solid #9b968f40;padding:12px 0;font-size:14px}.document-log-date,.document-log-rank{font-size:11px}.document-log .chronicle-graph{border-color:#9b968f40}.document-tags,.document-category-label{font-size:12px;opacity:.75}.document-work-feature{margin:10px 0!important;font-size:15px}.document-revenue-graph{display:block;width:100%;height:auto}.document-work>.document-photo{max-width:300px}.entry-document .chronicle-graph select{max-width:100%}
.entry-document .chronicle-graph svg{color:inherit}.document-render-error{display:block;font:13px/1.6 sans-serif;padding:8px;border:1px solid currentColor;border-radius:6px;overflow-wrap:anywhere}
.text-layout-card{min-width:0;width:100%;text-align:left}.text-layout-controls{display:flex;justify-content:flex-end;margin-bottom:10px}.gallery .text-layout-card .entry-document{color:var(--background-content)}
.document-print-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0}.document-print-actions>*{min-width:0;max-width:100%}.document-print-actions label{display:flex;align-items:center;gap:8px}.document-print-actions a{overflow-wrap:anywhere}.document-print-actions [hidden]{display:none}#entry-document-print-status{margin-bottom:12px;overflow-wrap:anywhere}
#history-help,#history-status{overflow-wrap:anywhere}#history-help{margin-bottom:16px}#history-status{margin-top:12px}#history-dialog .dialog-actions{flex-wrap:wrap}
.entry-document,.gallery .text-layout-card .entry-document{color:var(--document-text-color,var(--background-content))}.template-text-settings{padding:12px;margin:12px 0;border:1px solid var(--line);border-radius:8px;min-inline-size:0}.template-text-settings label{display:flex;align-items:center;gap:8px}.template-text-settings>label{flex-wrap:wrap}.template-text-settings>label>select{min-width:0;flex:1 1 150px}.template-text-settings input[type=checkbox]{width:auto}.template-text-settings p{font-size:12px}.template-text-settings p,.template-panel-controls p,.template-font-controls [role=status]{overflow-wrap:anywhere}

@font-face{font-family:Honeyberry-list-serif;src:url("assets/fonts/NotoSerif-Regular.ttf")}@font-face{font-family:Honeyberry-list-sans;src:url("assets/fonts/RobotoStatic-Regular.ttf")}
.photo-card .photo.list-paper,.listing-style-preview.list-paper{background:#e8e1d3;border-radius:var(--paper-radius,7px);isolation:isolate;border:1px solid #9e9e9e80}.photo-card .photo[data-paper-style=VINTAGE_MAGAZINE],.listing-style-preview[data-paper-style=VINTAGE_MAGAZINE]{background:#e8e1d3 url("assets/styles/magazine_paper_background.webp") center/cover}.photo-card .photo[data-paper-style=PLAYING_CARD],.listing-style-preview[data-paper-style=PLAYING_CARD]{background:#e6cfa7 url("assets/styles/playing_card_background.webp") center/100% 100%;border:0}.list-paper-decoration{position:absolute;inset:0;pointer-events:none;overflow:hidden}.list-paper-decoration>span{position:absolute;display:block}.list-paper-mat{background:#c0c0c0;border:1px solid #9e9e9e}.list-paper-rule{background:#201a13}.list-paper-text{font-family:Honeyberry-list-sans,sans-serif;color:#201a13;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.1px;font-weight:400}.list-paper-text.serif{font-family:Honeyberry-list-serif,serif}.list-paper-text.headline{color:#8a7650}.list-paper-text.category{color:#25231fb8;letter-spacing:.55px}.photo-card .list-paper>img.list-paper-image,.listing-style-preview>img.list-paper-image{position:absolute;object-fit:contain;max-width:none;max-height:none;min-width:0;margin:0;transition:none}.photo-card:hover .list-paper img{transform:none}.listing-style-preview{position:relative;width:100%;height:280px;overflow:hidden;border-radius:7px}.listing-style-preview[hidden]{display:none}.listing-style-preview>img{width:100%;height:100%;object-fit:contain;max-height:none}.listing-style-preview[data-layout=COMPACT],.listing-style-preview[data-layout=MINI_GRID]{width:120px;height:120px}.listing-style-preview[data-layout=TALL],.listing-style-preview[data-layout=TALL_3]{height:340px;max-width:218px}

.image-crop-dialog{width:min(720px,calc(100vw - 24px));max-height:90vh;overflow:auto}.crop-stage{position:relative;width:fit-content;max-width:100%;margin:14px auto;touch-action:none;overflow:hidden;cursor:crosshair;line-height:0}.crop-stage img{display:block;width:100%;height:auto;user-select:none}.crop-selection{position:absolute;box-sizing:border-box;border:2px solid #fff;outline:1px solid #111;box-shadow:0 0 0 1500px #0008;pointer-events:none}.crop-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;min-width:0}.crop-fields label{min-width:0}.crop-fields input{width:100%;min-width:0}.crop-status{min-height:1.5em}@media(max-width:480px){.crop-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}

.document-log-event:has(>.document-row-photo){grid-template-columns:65px minmax(0,1fr) 32px 36px}.document-row-copy{min-width:0}.document-row-photo{position:relative;width:36px;height:36px;flex:0 0 36px;margin:0;border-radius:4px;overflow:hidden}.document-row-photo>img{width:36px;height:36px;min-height:0;object-fit:cover}.document-image-open{position:absolute;inset:0;width:100%;height:100%;padding:0;background:transparent;border:0;border-radius:4px}.document-image-open:focus-visible{outline:2px solid currentColor;outline-offset:-2px}.document-image-dialog{width:min(900px,calc(100vw - 24px));max-width:none}.document-image-dialog>[role]{overflow-wrap:anywhere}.document-image-dialog>img{display:block;width:100%;height:auto;max-height:72vh;object-fit:contain}.document-image-dialog>img[hidden]{display:none}

#attachment-dialog[open]{display:flex;flex-direction:column;overflow:hidden}#attachment-dialog>form,#attachment-dialog>.dialog-actions,#attachment-move-help{flex:none}#attachment-dialog>.dialog-actions{flex-wrap:wrap;margin-top:0}#attachment-move-help{font-size:13px;line-height:1.6;margin-top:12px}#attachment-saved-list.saved-image-picker{display:flex;flex-direction:column;min-height:0;overflow:hidden;gap:12px}.saved-image-controls{display:flex;gap:10px;flex:none}.saved-image-controls label{display:flex;flex-direction:column;gap:4px;font-size:12px;flex:1;min-width:0}.saved-image-controls input,.saved-image-controls select{width:100%;min-width:0}.saved-image-results{overflow:auto;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:2px}.saved-image-results h3,.saved-image-results>p{grid-column:1/-1;font-size:12px;margin:6px 0}.saved-image-choice{display:flex;align-items:center;gap:10px;text-align:left;padding:8px;min-width:0}.saved-image-choice img{width:48px;height:48px;object-fit:cover;flex:none;border-radius:4px;background:var(--soft)}.saved-image-choice img:not([src]){visibility:hidden}.saved-image-choice span{min-width:0;overflow-wrap:anywhere}.saved-image-paging{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none}.saved-image-paging button{font-size:12px;padding:8px}.saved-image-paging span{font-size:11px;text-align:center}@media(max-width:480px){.saved-image-results{grid-template-columns:minmax(0,1fr)}.saved-image-controls{flex-direction:column}}
.saved-image-batch{display:flex;flex-wrap:wrap;align-items:center;gap:8px;flex:none}.saved-image-batch button{font-size:12px;padding:8px}.saved-image-batch span{font-size:12px}.saved-image-choice[aria-pressed=true]{border:2px solid var(--accent);background:var(--soft)}.saved-image-choice[aria-pressed=true]::after{content:'✓';margin-left:auto}.saved-image-error{color:var(--danger,#ad2424);font-size:13px;margin:0;flex:none}
#saved-delete-dialog[open]{display:flex;flex-direction:column;overflow:hidden}#saved-delete-dialog>.dialog-title,#saved-delete-status{flex:none}#saved-delete-list.saved-image-picker:not([hidden]){display:flex;flex-direction:column;min-height:0;overflow:hidden;gap:12px}#saved-delete-review{overflow:auto;min-height:0}#saved-delete-review .dialog-actions{flex-wrap:wrap}
.saved-images-link{display:flex;justify-content:space-between;border:0;background:none;padding:12px 7px;width:100%}
#template-image-delete-dialog[open]{display:flex;flex-direction:column;overflow:hidden}#template-image-delete-dialog>form,#template-image-delete-dialog>p{flex:none;margin-bottom:12px}#template-image-delete-list.saved-image-picker{display:flex;flex-direction:column;min-height:0;overflow:hidden;gap:12px}
.saved-image-choice{flex-wrap:wrap}.saved-image-choice>span:not(.saved-image-reason){flex:1}.saved-image-choice::after{order:1}.saved-image-choice>.saved-image-reason{order:2;flex-basis:100%;font-size:12px;line-height:1.5;color:var(--danger,#ad2424)}
.template-input-sheet{padding:12px;border-radius:8px;background-repeat:repeat-y;overflow:hidden;min-width:0}.template-input-sheet .template-row legend{color:inherit}.template-input-sheet .template-plain-input{color:inherit;caret-color:currentColor;background:transparent}.template-input-status{font-size:12px;line-height:1.6;color:var(--danger,#ad2424);overflow-wrap:anywhere}.template-input-status:empty{display:none}
.template-input-card,.template-input-fields[data-input-surface="running-cost"]{padding:12px;border:1px solid transparent;border-radius:8px;min-width:0}.template-input-sheet [data-input-surface="budget-category"]{padding:8px;border-radius:6px}.template-input-sheet .chronicle-graph svg,.template-input-sheet .works-revenue svg{color:inherit}.template-input-sheet .template-summary{background:transparent}
.template-label-editor{margin:12px 0;min-width:0}.template-label-background{border-radius:8px;overflow:hidden;background-repeat:repeat-y}.template-label-band{margin:0;padding:8px 12px;border:1px solid transparent;border-radius:8px}.template-label-band input{font-family:var(--template-font,sans-serif);font-size:18px;color:inherit;caret-color:currentColor;background:transparent;border:0;padding:5px 0}.template-label-editor>p{font-size:12px;overflow-wrap:anywhere}.template-label-editor>p:empty{display:none}
.photo-card .photo.list-shirt,.listing-style-preview.list-shirt{position:relative;background:transparent;border:0;border-radius:0;isolation:isolate}.list-shirt>img.list-shirt-source{visibility:hidden}.photo-card .list-shirt>img.list-shirt-result,.listing-style-preview>img.list-shirt-result{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:fill;margin:0;transition:none}.photo-card:hover .list-shirt img{transform:none}.list-shirt>img.list-shirt-result[hidden]{display:none}
#storage-status{overflow-wrap:anywhere}
#name-status{overflow-wrap:anywhere}
#detail-warning,#detail-format{overflow-wrap:anywhere}
#import-help,#import-count,#import-status{overflow-wrap:anywhere}#import-dialog .dialog-actions{flex-wrap:wrap}#import-count{min-width:0}#import-status{margin-top:12px}.import-tile small{position:absolute;top:2px;left:2px;right:2px;background:#273221d9;color:white;padding:3px;font-size:10px;overflow-wrap:anywhere}.import-tile small[hidden]{display:none}
.entry-document .document-text-editable[contenteditable="true"]{min-height:1.65em}
/* Template text keeps its caret without adding a browser focus frame. */
#template-editor :is(input:not([type="checkbox"]),textarea,[contenteditable="true"]):focus,.template-label-editor input:focus,.entry-document :is(input:not([type="checkbox"]):not([type="radio"]),textarea,[contenteditable="true"]):focus{outline:none;box-shadow:none}.document-text-status:empty{display:none}.document-text-status{font-size:14px;line-height:1.5;margin-top:8px}
.document-totals>.document-text-status{grid-column:1 / -1;text-align:left}
.document-money-line>.document-money-value{flex:0 1 38%;min-width:0;text-align:right}.document-money-value .document-text-status{text-align:left}
.document-task-row>.document-row-copy,.document-group-heading>.document-row-copy{flex:1;min-width:0}.document-task-count{margin-left:auto;flex:none;width:36px}
.entry-document .document-done-label{margin:0;padding-top:12px}
.document-task-row.completed{opacity:1}.document-task-row.completed>.document-row-copy,.document-task-row.completed>.text-markup-preview,.document-task-row.completed>.document-task-check{opacity:.7}
.document-panel[data-panel-tone]:not([data-panel-tone="NONE"]):not([data-panel-tone="STANDARD"]):not([data-panel-tone="PLUM"]):not([data-panel-tone="CHARCOAL"])>.native-template-card-actions{background:transparent;color:inherit}
.document-panel>.native-template-card-actions button{color:inherit}
.entry-document-task .document-heading,.entry-document-note .document-heading{min-height:48px;padding:0 12px;display:flex;align-items:center}.entry-document-task .document-label,.entry-document-note .document-label{flex:1;margin:0!important;font-size:18px;line-height:22px}.document-task-row{min-height:42px;padding:7px 12px;font-size:14.5px;line-height:20px;align-items:center}.document-task-row .document-text-editable{min-height:28px}.document-group-heading{height:44px;min-height:44px;padding:0 12px}.document-task-check[role=checkbox]{padding:0;border:0;background:transparent;min-width:24px;min-height:28px;font-size:20px}
.entry-document button[role="checkbox"]{flex:none;align-self:flex-start;min-width:44px;min-height:44px;width:44px;padding:0;border:0;border-radius:5px;background:transparent;color:inherit;font:20px/1.2 sans-serif;cursor:pointer}.entry-document button[role="checkbox"]:focus-visible{outline:2px solid currentColor;outline-offset:1px}
@media(max-width:480px){.document-task-row:has(>button[role="checkbox"]){padding-inline:4px;gap:4px}.document-money-line:has(>button[role="checkbox"]){display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px}.document-money-line:has(>button[role="checkbox"]):has(>.document-row-photo){grid-template-columns:44px 36px minmax(0,1fr)}.document-money-line:has(>button[role="checkbox"])>.document-money-value{grid-column:2 / -1;width:100%}}
.document-row-actions{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.document-row-actions button{min-height:44px;min-width:44px;padding:8px;font-size:12px}.document-task-group>.document-row-actions{margin:8px 12px}

.document-log-event>.document-row-actions{grid-column:1 / -1}.document-structure-error{flex-basis:100%;margin:0}

.document-choice{display:block;min-width:0;font-size:12px;margin-top:8px}.document-choice select{display:block;width:100%;max-width:100%;min-width:0;min-height:44px;padding:6px;font-size:12px}

/* Match the Android Base tile's pending badge while keeping the last decoded image visible. */
.base-sample-image{position:relative}
.base-sample-image :is(img,canvas),.base-sample-placeholder{grid-area:1/1}
.base-sample-placeholder{font-size:14px}
.base-sample-placeholder[hidden],.filter-processing-status[hidden],.base-sample-spinner[hidden],.base-sample-failure-mark[hidden]{display:none}
.filter-processing-status{display:inline-flex;align-items:center;gap:3px;max-width:100%}
.base-sample-phase{position:absolute;top:0;right:0;z-index:1;display:inline-flex;align-items:center;gap:3px;max-width:100%;padding:4px 5px;background:#303030cc;color:#fff;font-size:9px;line-height:11px;white-space:nowrap}
.base-sample-spinner{width:11px;height:11px;overflow:visible;animation:sample-processing-global-rotation 6s linear infinite;flex:none}
.base-sample-spinner-rotor{transform-box:view-box;transform-origin:center;animation:sample-processing-additional-rotation 6s linear infinite}
.base-sample-spinner-arc{animation:sample-processing-sweep 6s cubic-bezier(.2,0,0,1) infinite}
.base-sample-failure-mark{font-size:10px;line-height:11px}
@keyframes sample-processing-global-rotation{to{transform:rotate(1080deg)}}
@keyframes sample-processing-additional-rotation{0%{transform:rotate(0);animation-timing-function:cubic-bezier(.05,.7,.1,1)}5%{transform:rotate(90deg)}25%{transform:rotate(90deg);animation-timing-function:cubic-bezier(.05,.7,.1,1)}30%{transform:rotate(180deg)}50%{transform:rotate(180deg);animation-timing-function:cubic-bezier(.05,.7,.1,1)}55%{transform:rotate(270deg)}75%{transform:rotate(270deg);animation-timing-function:cubic-bezier(.05,.7,.1,1)}80%,100%{transform:rotate(360deg)}}
@keyframes sample-processing-sweep{0%,100%{stroke-dasharray:.1 .9}50%{stroke-dasharray:.87 .13}}
@media (prefers-reduced-motion:reduce){.base-sample-spinner,.base-sample-spinner-rotor,.base-sample-spinner-arc{animation:none}.base-sample-spinner-arc{stroke-dasharray:.48 .52}}

/* Keep the three sample pages on identical scroll canvases. */
.base-sample-grid button,.base-sample-grid .base-sample-spacer{box-sizing:border-box;min-width:0;padding:3px;font-size:10px;display:grid;gap:4px}
.base-sample-grid .base-sample-spacer{visibility:hidden;pointer-events:none;user-select:none;border:1px solid transparent}
.base-sample-caption{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}
.document-money-line>.document-money-count{flex:0 0 42px;font-size:11px;text-align:center}.document-money-value>small{display:block;text-align:right}

/* Artwork changes presentation only; the filter preview and original asset remain shared. */
.detail-dialog.artwork .detail-image {width:100%;margin:0;max-height:none;overflow:hidden;}
.detail-dialog.artwork .detail-image img {width:100%;height:clamp(280px,70vw,480px);object-fit:cover;max-height:none;mask-image:linear-gradient(to bottom,#000 72%,transparent 100%);}
.detail-dialog.artwork[data-card-mode="view"] .detail-body {margin-top:-24px;position:relative;}
.detail-dialog.artwork .close-detail {position:absolute;right:12px;top:-min(65vw,420px);background:#0009;color:#fff;border-radius:24px;}
.native-image-input-actions {justify-content:flex-start;text-align:left;color:var(--muted);font-weight:600;}
.native-image-actions {gap:3px;}

/* Artwork is a reading presentation; editor, export and inline pictures keep their recipes. */
html:has(.entry-document-dialog[open] .document-artwork) {overflow:hidden;}
.entry-document-dialog[open]:has(.document-artwork) {position:fixed;inset:0;padding:0;scrollbar-width:none;}
.entry-document-dialog:has(.document-artwork)::-webkit-scrollbar {display:none;}
.entry-document-dialog:has(.document-artwork) .card-view-navigation {position:absolute;top:calc(clamp(280px,90vw,480px) + 4.8px);left:16px;right:16px;background:transparent;}
.entry-document-dialog:has(.document-artwork) .card-view-navigation button {background:transparent;color:var(--content);}
.entry-document.document-artwork {padding-top:0;border-radius:0;min-height:100%;box-sizing:border-box;}
/* Native Artwork pages swipe without scrollbar chrome. On Windows a visible
   horizontal bar adds height, and rounded image hit areas can add a vertical
   bar too. Keep scrolling and snapping while reserving only the image area. */
.document-artwork-lane {display:flex;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x mandatory;width:calc(100% + 32px);margin:0 -16px 60px;}
.document-artwork-lane::-webkit-scrollbar {display:none;}
.document-artwork-photo {flex:0 0 100%;min-width:0;margin:0;scroll-snap-align:start;}
.entry-document.document-image-text-raised.document-artwork > .document-heading,
.entry-document.document-image-text-raised > .document-normal-body,
.entry-document.document-image-text-raised .document-image-label {transform:translateY(-22.8px);}
.entry-document.document-image-text-raised > .document-heading h1,
.entry-document.document-image-text-raised > .document-normal-body > .text-markup-preview {transform:translateY(-11.4px);}
.document-artwork-photo>img {width:100%;height:calc(clamp(280px,90vw,480px) + 4.8px);max-height:none;object-fit:cover;mask-image:linear-gradient(to bottom,#000 72%,transparent 100%);}

.entry-document-dialog .card-view-navigation>div {position:relative;left:13px;top:-12px;}

.saved-filter-item .saved-filter-title{max-width:80px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:4px 2px}.saved-filter-name-dialog{width:min(360px,90vw)}

.saved-filter-action-dialog[open]{display:flex;gap:8px}

[data-guidance-suppressed]{display:none!important}