/* Keepzi My Editions: quiet, responsive, browser-private project library. */
.edition-nav{font:700 12px "DM Sans",sans-serif;color:#5f5851;border:1px solid #d6c9bf;
 background:#fffcf8b9;border-radius:999px;padding:10px 15px;cursor:pointer;white-space:nowrap}
.edition-nav:hover{background:#eee7df}
.edition-modal[hidden]{display:none!important}
.edition-modal{position:fixed;z-index:1060;inset:0;background:#28241fba;backdrop-filter:blur(11px);
 padding:18px;display:flex;align-items:center;justify-content:center}
.edition-dialog{background:linear-gradient(135deg,#fffdf8,#f1ece6);border:1px solid #fff;
 border-radius:24px;padding:25px;width:min(830px,100%);max-height:90dvh;display:flex;
 flex-direction:column;box-shadow:0 35px 95px #150f0e76;overflow:hidden}
.edition-dialog-top{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:19px}
.edition-eyebrow{color:#a58c77;font:700 10px "DM Sans",sans-serif;letter-spacing:.16em}
.edition-dialog h2{font:500 clamp(35px,6vw,47px)/1.03 "Playfair Display",serif;
 letter-spacing:-.059em;margin:9px 0 6px;color:#3b322b}
.edition-dialog-top p{font:12px "DM Sans",sans-serif;color:#877972;margin:0}
#closeEditions{width:38px;height:38px;flex:none;border:1px solid #ded3c8;border-radius:50%;
 display:grid;place-items:center;background:#fffcf8;color:#625850;cursor:pointer}
.edition-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;min-height:135px;
 overflow-y:auto;padding:3px 4px 13px;align-content:start}
.edition-tile{background:#fffaf5;border:1px solid #e6d9cd;border-radius:15px;padding:10px;
 display:flex;flex-direction:column;min-width:0}
.edition-tile-cover{background:linear-gradient(142deg,#81756e,#aa8d81 46%,#b5a9a1);
 aspect-ratio:4/3;display:flex;flex-direction:column;justify-content:space-between;
 padding:13px;color:#fff9f0;border-radius:9px;overflow:hidden}
.edition-tile-cover>span{font:700 8px "DM Sans",sans-serif;letter-spacing:.16em}
.edition-tile-cover>strong{font:500 21px/1.08 "Playfair Display",serif;
 letter-spacing:-.035em;overflow-wrap:anywhere}
.edition-tile-cover>small{font:700 7px "DM Sans",sans-serif;letter-spacing:.1em}
.edition-tile-detail{margin:12px 2px;display:grid;gap:5px}
.edition-tile-detail strong{font:600 13px "DM Sans",sans-serif;overflow-wrap:anywhere}
.edition-tile-detail small{font:11px/1.55 "DM Sans",sans-serif;color:#877a6f}
.edition-tile-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}
.edition-tile-actions button{border:1px solid #dfd2c5;border-radius:999px;background:#f6f0e9;
 padding:7px 10px;font:700 10px "DM Sans",sans-serif;color:#665a50;cursor:pointer}
.edition-tile-actions button:first-child{color:white;background:#5d6058;border-color:#5d6058}
.edition-tile-actions button:last-child{margin-left:auto;color:#966d62}
.edition-empty{font:13px/1.7 "DM Sans",sans-serif;color:#867a71;padding:20px}
.edition-new{width:100%;padding:13px;border:1px dashed #c6b9aa;background:#f9f5f0;
 border-radius:12px;color:#615950;font:700 12px "DM Sans",sans-serif;
 display:flex;gap:8px;justify-content:center;align-items:center;cursor:pointer;margin-top:12px}
.edition-new .kz-action-icon{width:15px;height:15px}
.edition-storage-note{font:10px/1.5 "DM Sans",sans-serif;color:#96877e;text-align:center;margin:11px 0 0}
.edition-save-status{position:fixed;z-index:300;bottom:18px;left:50%;transform:translateX(-50%);
 border:1px solid #e2d5c8;background:#fbf7f2ee;border-radius:99px;padding:8px 15px;
 box-shadow:0 4px 15px #322b2313;pointer-events:none;white-space:nowrap;
 font:600 10px "DM Sans",sans-serif;color:#7c7669}
.edition-save-status[data-warning=true]{color:#a25245;border-color:#e0b8aa}
@media(max-width:700px){
 .edition-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .edition-nav{padding:9px 11px;font-size:10px}
 .edition-dialog{padding:18px 13px;border-radius:18px}
 .edition-tile{padding:7px}
 .edition-tile-cover>strong{font-size:17px}
 .edition-tile-actions{gap:4px}
 .edition-tile-actions button{padding:7px 9px;font-size:9px}
 .edition-save-status{bottom:14px}
}
@media(max-width:385px){.edition-grid{grid-template-columns:1fr}.edition-nav{font-size:9px;padding:7px 8px}}
@media(prefers-reduced-motion:reduce){.edition-modal{backdrop-filter:none}}

/* Keep the quiet save chip out of the marketing page; surface it only when editing. */
.edition-save-status{opacity:0;transition:opacity .18s}
body:has(#builder:not(.hidden)) .edition-save-status,
body:has(#proof:not(.hidden)) .edition-save-status{opacity:1}
@media(max-width:540px){
 .site-header .nav-bar{gap:7px}
 .edition-nav{margin-left:auto;padding:7px 9px;font-size:9px}
 .site-header .auth-nav{font-size:9px;padding:7px 2px;margin-left:0}
 .site-header .nav-cta{padding:8px 9px;font-size:10px;margin-left:0}
 .wordmark-text small{display:none}
}
@media(max-width:385px){
 .site-header .nav-bar{gap:5px}
 .site-header .wordmark-text{font-size:19px}
 .edition-nav{font-size:9px;padding:6px 7px}
}