/* V32: Signature cover atelier. Isolated from existing journal/planner UI. */
#dialog-root .modal.ce-editor-modal {
  width:min(900px,calc(100vw - 28px))!important;
  max-width:900px!important;
  max-height:min(94dvh,940px)!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:24px!important;
  background:#fffdf9!important;
}
.ce-editor {display:flex;flex-direction:column;max-height:min(94dvh,940px);min-height:0;color:#492d37;font-family:Jost,'Trebuchet MS',sans-serif}
.ce-heading {flex:none;padding:20px 25px 15px;background:linear-gradient(120deg,#fffaf5,#fff5f6);border-bottom:1px solid #eddbcf}
.ce-heading .ce-kicker {font-size:10px;font-weight:700;letter-spacing:.18em;color:#a07878}
.ce-heading h2 {font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(28px,3vw,37px);font-weight:700;margin:4px 0 2px;line-height:1.05;color:#572a3b}
.ce-heading p {font-size:12px;color:#846e76;line-height:1.45;margin:5px 0 0}
.ce-editor-body {min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;display:grid;align-items:start;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:20px;padding:19px 23px 25px}
.ce-preview-panel {position:sticky;top:0;padding:15px;background:linear-gradient(145deg,#fcf4ee,#fff8f8 70%);border:1px solid #e8d6cc;border-radius:17px;box-shadow:0 8px 18px #8b50500b}
.ce-mini-heading {display:flex;justify-content:space-between;gap:12px;font-size:10px;font-weight:700;letter-spacing:.09em;color:#97747b}
.ce-mini-heading span {color:#6b4151;text-align:right;font-size:10px;font-weight:600;letter-spacing:0}
.ce-preview-panel .cover-live-preview {margin:11px 0 10px;display:flex;justify-content:center}
.ce-preview-panel .cover-live-card {position:relative;width:min(216px,100%);height:auto;aspect-ratio:9/16;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}
.ce-preview-panel .cover-live-art {width:100%;height:100%;object-fit:contain;pointer-events:none}
.ce-preview-panel .cover-live-dangle {position:absolute;transform:translate(-50%,-50%);height:auto;max-width:none!important;object-fit:contain!important;cursor:grab;touch-action:none;user-select:none;filter:drop-shadow(0 4px 5px #4b2a283e);z-index:2}
.ce-preview-panel .cover-live-dangle:active{cursor:grabbing}
.ce-hint {min-height:30px;text-align:center;color:#866b73;font-size:11px;line-height:1.35;margin:2px 0 13px}
.ce-size-control {border-top:1px solid #e8dcd7;padding-top:12px;display:grid;gap:7px}
.ce-size-control label {display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#60414a;font-weight:600}
.ce-size-control b {color:#8e5670;font-size:12px}
.ce-size-control input[type=range] {width:100%;accent-color:#853a59}
.ce-reset {justify-self:start;font-size:11px;background:#fffefd;border:1px solid #dec9c0;border-radius:20px;padding:7px 12px;color:#784e5a}
.ce-options-panel {min-width:0}
.ce-name-label {display:grid;gap:6px;font-size:12px;font-weight:700;color:#724c5a;margin-bottom:13px}
.ce-name-label input {width:100%;border:1px solid #e7d4d0;background:#fff;border-radius:11px;padding:11px 12px;font-size:14px;color:#4a2835;box-sizing:border-box}
.ce-options-panel h3 {margin:17px 0 9px;padding:0;font-family:'Cormorant Garamond',Georgia,serif;color:#5d3040;font-weight:700;font-size:24px;line-height:1.1}
.ce-options-panel h3 small {font:500 10px Jost,sans-serif;color:#9b7d7c;margin-left:6px;letter-spacing:0}
.ce-signature-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ce-classic-grid {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.ce-charm-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.ce-choice {position:relative;display:flex;align-items:center;flex-direction:column;gap:7px;min-width:0;cursor:pointer;text-align:center;color:#6c5060;font-size:11px}
.ce-choice input {position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.ce-choice-visual {display:flex;justify-content:center;align-items:center;width:100%;height:160px;min-width:0;padding:6px;background:linear-gradient(150deg,#fffaf7,#fff5f6);border:1.5px solid #e9d9d3;border-radius:12px;transition:box-shadow .2s,border-color .2s,background .2s;box-sizing:border-box;overflow:hidden}
.ce-choice-visual img {display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;pointer-events:none;filter:none}
.ce-choice input:checked+.ce-choice-visual {border-color:#a87540;box-shadow:0 0 0 2px #e6c998,0 6px 15px #76483b22;background:#fff9ed}
.ce-choice input:focus-visible+.ce-choice-visual {outline:3px solid #8b4564;outline-offset:3px}
.ce-choice input:checked~.ce-choice-name {font-weight:700;color:#813a52}
.ce-choice-name {line-height:1.3;font-size:11px;max-width:100%}
.ce-classic-tile .ce-choice-visual {height:88px;padding:3px;border-radius:9px}
.ce-classic-tile .ce-choice-name {font-size:9px;line-height:1.25}
.ce-charm-tile .ce-choice-visual {height:150px;padding:7px}
.ce-charm-tile .ce-choice-visual img {object-fit:contain;width:auto;height:100%}
.ce-no-charm {padding:10px 8px;border:1px dashed #c7b1ac;border-radius:12px;color:#998187;font-size:11px;background:#fffdf9}
.ce-actions {display:flex;gap:10px;justify-content:flex-end;align-items:center;position:sticky;bottom:0;z-index:3;flex:none;background:#fffdf9;border-top:1px solid #ecdfd9;padding:13px 23px calc(13px + env(safe-area-inset-bottom,0px));box-shadow:0 -5px 20px #522c3110}
.ce-actions button {font-size:13px;min-height:39px;padding:9px 15px;border-radius:13px}
@media(max-width:640px){
 #dialog-root .modal.ce-editor-modal{width:100%!important;max-width:100%!important;max-height:94dvh!important;border-radius:20px 20px 0 0!important}
 .ce-editor {max-height:94dvh}
 .ce-heading {padding:16px 17px 10px}
 .ce-heading h2{font-size:29px}
 .ce-editor-body {display:block;padding:12px 15px 20px}
 .ce-preview-panel {position:static;padding:12px;margin-bottom:13px}
 .ce-preview-panel .cover-live-card {width:158px}
 .ce-preview-panel .cover-live-preview {margin:8px 0 7px}
 .ce-hint{min-height:0;margin:3px 0 10px}
 .ce-size-control{grid-template-columns:1fr auto;gap:7px 10px;align-items:center}
 .ce-size-control label {grid-column:1/-1}
 .ce-size-control input {min-width:0}
 .ce-reset{font-size:10px}
 .ce-signature-grid{gap:10px}
 .ce-choice-visual{height:150px}
 .ce-classic-tile .ce-choice-visual {height:76px}
 .ce-charm-tile .ce-choice-visual {height:120px}
 .ce-options-panel h3{font-size:22px}
 .ce-actions{padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px))}
 .ce-actions .btn.primary{flex:1}
}
@media(max-width:360px){.ce-classic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ce-charm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}