#dmMoodboard{position:fixed;inset:0;z-index:100050;background:#e9dfd2;color:#4d3b2b;font-family:Georgia,'Times New Roman',serif;display:flex;align-items:stretch;justify-content:center;padding:8px;box-sizing:border-box}
#dmMoodboard *{box-sizing:border-box}
.dm-mb-window{width:min(1100px,100%);height:100%;max-height:100%;display:flex;flex-direction:column;overflow:hidden;background:#f7f1e8;border:1px solid #cdbda8;border-radius:16px;box-shadow:0 12px 40px #39281930}
.dm-mb-top{padding:9px 13px;display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none;background:#f7f1e8;border-bottom:1px solid #ded0bd}
.dm-mb-top h2{font-size:clamp(18px,3vw,24px);font-weight:normal;margin:0}.dm-mb-top small{font:10px Arial,sans-serif;letter-spacing:2px;color:#8a7661}.dm-mb-close{border:0;background:transparent;color:#59452f;font-size:28px;padding:0 7px}
.dm-mb-scroll{overflow:auto;min-height:0;flex:1;padding:10px clamp(8px,2vw,18px) 18px}
/* Use the transparent spiralbook.png as the notebook artwork; editable items sit on the blank paper. */
.dm-mb-book{position:relative;margin:0 auto;width:100%;max-width:920px;aspect-ratio:1073/1466;padding:0;isolation:isolate;filter:drop-shadow(0 8px 9px #35271a20)}
.dm-mb-book:before,.dm-mb-book:after{display:none;content:none}
.dm-mb-book-image{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none;z-index:0}
.dm-mb-page{position:absolute;left:5.2%;right:6.4%;top:3%;bottom:6%;min-height:0;background:transparent!important;border:0;border-radius:3px 6px 6px 3px;box-shadow:none;overflow:hidden;z-index:1}
.dm-mb-page:after{display:none;content:none}
.dm-mb-items{position:absolute;inset:10px 10px 10px 12px;overflow:hidden;z-index:1;touch-action:none}
.dm-mb-object{position:absolute;min-width:30px;min-height:28px;touch-action:none;cursor:move;user-select:none;-webkit-user-select:none;z-index:2;display:flex;align-items:center;justify-content:center;will-change:left,top}
.dm-mb-object img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;touch-action:none}.dm-mb-object.selected{outline:1px dashed #a18a70}.dm-mb-object .dm-mb-resize{display:none;position:absolute;right:-4px;bottom:-4px;width:13px;height:13px;background:#6c533d;border:2px solid white;border-radius:50%;cursor:nwse-resize}.dm-mb-object.selected .dm-mb-resize{display:block}.dm-mb-object .dm-mb-remove{position:absolute;right:-7px;top:-7px;border:0;border-radius:50%;width:19px;height:19px;background:#59452f;color:#fff;font:14px Arial;line-height:17px;padding:0}.dm-mb-shape-square{border:2px solid currentColor;background:transparent}.dm-mb-shape-line{height:3px!important;min-height:3px!important;background:currentColor}.dm-mb-text{font:18px Georgia,serif;white-space:pre-wrap;overflow-wrap:anywhere;align-items:flex-start;justify-content:flex-start;padding:4px}
.dm-mb-tools{position:sticky;bottom:0;z-index:20;display:flex;align-items:center;flex-wrap:nowrap;gap:7px;overflow-x:auto;overflow-y:hidden;padding:10px 8px;margin:10px auto 0;max-width:920px;background:#f5ede2;border:1px solid #ddcbb5;border-radius:12px;box-shadow:0 4px 12px #3b2a1914;scrollbar-width:thin}.dm-mb-tool{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:39px;padding:7px 10px;border:1px solid #d4c0a8;border-radius:9px;background:#fffaf3;color:#59452f;font:12px Arial,sans-serif;white-space:nowrap}.dm-mb-tool.primary{background:#59452f;color:#fffaf2;border-color:#59452f}.dm-mb-tool .dm-mb-plus{font:25px Arial;line-height:16px}
.dm-mb-colorwrap{flex:0 0 250px;min-width:180px;max-width:250px;display:flex;flex-direction:column;gap:5px;padding:3px 2px;overflow:hidden}.dm-mb-color-label{font:10px Arial,sans-serif;letter-spacing:1.2px;text-transform:uppercase;color:#8a7661;padding-left:3px;white-space:nowrap}.dm-mb-color-picker{position:static;display:flex;align-items:center;gap:11px;width:100%;max-width:100%;padding:5px 5px 8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#c8b39a transparent;overscroll-behavior-x:contain;touch-action:pan-x;scroll-snap-type:x proximity}.dm-mb-color-picker .dm-mb-dot{scroll-snap-align:center}.dm-mb-dot{appearance:none;-webkit-appearance:none;display:block;width:30px;height:30px;min-width:30px;min-height:30px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #cdbba5,0 2px 3px #4a34231c;flex:none;padding:0;cursor:pointer}.dm-mb-dot[style*="#ffffff"],.dm-mb-dot[style*="#fffaf0"]{box-shadow:0 0 0 1px #bca990, inset 0 0 0 1px #e7dfd4,0 2px 3px #4a34231c}.dm-mb-save-row{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap;max-width:920px;margin:8px auto 0}.dm-mb-save-row select{max-width:52%;min-width:145px;padding:10px;border:1px solid #d4c0a8;border-radius:8px;background:#fffaf3;color:#59452f}.dm-mb-hint{font:12px Arial,sans-serif;color:#8a7661;margin:6px auto;max-width:920px}.dm-mb-empty{display:flex;position:absolute;inset:0;align-items:center;justify-content:center;text-align:center;padding:24px;color:#b9b9b9;font:italic 15px Georgia;pointer-events:none}
@media(max-width:600px){.dm-mb-wardrobe-dialog{max-height:84vh;padding:10px}.dm-mb-wardrobe-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.dm-mb-wardrobe-item img,.dm-mb-wardrobe-no-photo{height:88px}.dm-mb-wardrobe-item strong{font-size:12px}.dm-mb-wardrobe-item small{font-size:10px}#dmMoodboard{padding:-5}.dm-mb-window{border-radius:0}.dm-mb-top{padding:7px 10px}.dm-mb-page{left:5.2%;right:6.4%;top:3%;bottom:6%;min-height:0}.dm-mb-items{inset:9px 7px 8px 8px}.dm-mb-tools{margin:8px 0;padding:8px 6px;border-radius:9px;gap:5px;flex-wrap:nowrap}.dm-mb-tool{padding:7px 8px;font-size:11px;min-height:36px}.dm-mb-colorwrap{flex:0 0 210px;order:0;min-width:180px;max-width:210px}.dm-mb-color-picker{gap:11px;padding:6px 7px 9px}.dm-mb-dot{width:30px;height:30px;min-width:30px;min-height:30px}.dm-mb-save-row select{max-width:58%;min-width:130px}}
.dm-mb-wardrobe-modal{position:absolute;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:14px;background:#2c2118a8;font-family:Arial,sans-serif}.dm-mb-wardrobe-dialog{width:min(520px,100%);max-height:min(80vh,700px);display:flex;flex-direction:column;gap:10px;background:#fffaf3;border:1px solid #d4c0a8;border-radius:14px;padding:13px;box-shadow:0 12px 40px #0004}.dm-mb-wardrobe-dialog header{display:flex;align-items:center;justify-content:space-between;font-size:16px;color:#59452f}.dm-mb-wardrobe-close{border:0;background:transparent;font-size:27px;color:#59452f}.dm-mb-wardrobe-search{width:100%;padding:11px;border:1px solid #d4c0a8;border-radius:9px;background:white;color:#59452f;font-size:14px}.dm-mb-wardrobe-list{overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-height:60px;padding:2px}.dm-mb-wardrobe-item{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:6px;text-align:left;padding:8px;border:1px solid #e3d5c4;border-radius:10px;background:#fff;min-width:0;color:#59452f}.dm-mb-wardrobe-item img,.dm-mb-wardrobe-no-photo{width:100%;height:105px;flex:none;object-fit:contain;background:#f3ece2;border-radius:6px}.dm-mb-wardrobe-no-photo{display:flex;align-items:center;justify-content:center;font-size:9px;text-align:center}.dm-mb-wardrobe-item span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}.dm-mb-wardrobe-item strong{font-size:13px;overflow-wrap:anywhere}.dm-mb-wardrobe-item small{font-size:11px;color:#8a7661}.dm-mb-wardrobe-item>b{position:absolute;font-size:21px;padding:0 7px;align-self:flex-end;margin-top:-32px;background:#fffaf3;border-radius:50%}.dm-mb-wardrobe-empty{padding:15px;text-align:center;color:#8a7661;font-size:13px}

/* Prevent iOS Safari from zooming the page when an input receives focus. */
#dmMoodboard input,#dmMoodboard select,#dmMoodboard textarea{font-size:16px!important;touch-action:manipulation;}
#dmMoodboard .dm-mb-object:not(.selected) .dm-mb-remove{display:none}