.diary-actions{display:flex;align-items:center;gap:10px}#cover-settings{border:1px solid #dfd5e4;padding:9px 15px;border-radius:9px;background:#f5f0f7;color:#92809f;font-size:12px}#cover-settings:hover{background:#eae0ef}
#info-dialog:has(.cover-editor){width:min(96vw,1080px);max-height:94dvh;padding:28px;overflow:auto}.cover-editor{display:grid;grid-template-columns:230px minmax(0,1fr);gap:32px}.cover-settings{font:12px var(--ui);color:#95898f}.cover-intro{font-size:11px!important;line-height:1.9!important;margin:0 0 25px!important;color:#a4989e}.cover-settings>label,.cover-field-row>label{display:block;font-size:11px;margin-bottom:20px}#info-dialog .cover-settings input{margin-top:8px;font-size:13px;padding:11px 12px;border:1px solid #e4dce3;background:#fffcf8;color:#786c79;min-width:0;width:100%;border-radius:9px}.cover-field-row{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px}.cover-settings fieldset{border:0;padding:0;margin:0}.cover-settings legend{font-size:11px;margin-bottom:12px}.cover-swatches{display:flex;gap:10px}.cover-swatches button{padding:5px 7px;display:grid;justify-items:center;gap:8px;border:1px solid transparent;border-radius:9px}.cover-swatches i{display:block;width:35px;height:35px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #9c8f9f22}.cover-swatches span{font-size:10px;color:#a496a6}.cover-swatches [aria-pressed=true]{border-color:#cfbfd8;background:#f7f1f9}.cover-swatches [aria-pressed=true] i{outline:1px solid #bbaac7;outline-offset:3px}.cover-spec{font-size:10px!important;line-height:1.9!important;margin:26px 0!important;color:#b0a3ac}.cover-save{background:#dfd0e8;border:1px solid #cdb6d8;border-radius:9px;color:#8d6da0;padding:11px 20px;font-size:12px}.cover-save:hover{background:#d4bfe1}.cover-save-status{font-size:10px;padding-left:12px;color:#9a8c9f}.cover-preview{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start;padding:23px;background:#f2eeea;border-radius:15px;border:1px solid #e9e2dc}.cover-preview figure{margin:0;min-width:0}.cover-scale{width:100%;aspect-ratio:148/210;position:relative;box-shadow:0 6px 12px #82708218,1px 1px 0 #cfc4cd}.cover-scale>div{position:absolute;inset:0;overflow:hidden}.cover-scale .cover-sheet{width:100%;height:100%;font-size:1px}.cover-sheet{position:relative;width:500px;height:709.459459px;overflow:hidden;color:var(--cover-ink);font-family:var(--paper);container-type:inline-size;background:#e9e2ee}.cover-artwork{position:absolute;inset:0;width:100%;height:100%;display:block}.cover-label{position:absolute;top:41.6%;left:24%;width:52%;text-align:center;height:26.5%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;gap:3.6cqw}.cover-kicker{font:10px var(--ui);font-size:2cqw;letter-spacing:2px;letter-spacing:.4cqw}.cover-label h3{font-family:var(--paper);font-weight:400;font-size:6.4cqw!important;line-height:1.65;word-break:break-all;margin:0!important;max-width:100%}.cover-label h3[style*="26px"]{font-size:5.2cqw!important}.cover-label h3[style*="22px"]{font-size:4.4cqw!important}.cover-year{font-size:18px;font-size:3.6cqw;letter-spacing:3px;letter-spacing:.6cqw}.cover-owner{position:absolute;top:87%;left:16%;width:68%;text-align:center;font-size:12px;font-size:2.4cqw;letter-spacing:1px;letter-spacing:.2cqw}.cover-owner span{font:8px var(--ui);font-size:1.6cqw;letter-spacing:2px;letter-spacing:.4cqw;display:block;margin-bottom:10px;margin-bottom:2cqw;opacity:.7}.cover-back-brand{position:absolute;top:70%;left:25%;width:50%;text-align:center;font-size:19px;font-size:3.8cqw;letter-spacing:5px;letter-spacing:1cqw}.cover-back-brand span{display:block;font:8px var(--ui);font-size:1.6cqw;letter-spacing:3px;letter-spacing:.6cqw;margin-top:12px;margin-top:2.4cqw}.cover-preview figcaption{text-align:center;font:10px var(--ui);color:#a89ca6;letter-spacing:1px;margin-top:15px}
.export-art>.page.cover-page{padding:0!important;background:none!important}.export-art .cover-sheet{font-size:13px}.pdf-plan-page.front,.pdf-plan-page.back{background:#e9e2ee;border:1px solid #c8bdd1}.pdf-plan-page.front>strong,.pdf-plan-page.back>strong{margin:auto 0;text-align:center}.pdf-plan-page{aspect-ratio:148/210}
@media(max-width:760px){#info-dialog:has(.cover-editor){padding:24px 20px}.cover-editor{grid-template-columns:1fr;gap:24px}.cover-preview{grid-row:1;padding:17px;gap:15px}.cover-settings{display:block}.cover-intro{margin-bottom:15px!important}.cover-spec{margin:17px 0!important}.cover-swatches{gap:18px}.diary-actions{gap:4px}#cover-settings{padding:8px 10px}}