.category,body.is-dragging #mood .sidebar{overflow:hidden}.canvas-area,.canvas-board,.draggable-handle{position:relative}.drag-helper,.draggable-image{touch-action:none;-webkit-user-drag:none;-webkit-touch-callout:none}:root{--s-cat-maxheight:300px;--s-visibility:hidden}[data-lll]{visibility:var(--s-visibility)}#mood{background-color:#f5f4f2;opacity:0;filter:blur(10px)}.mood-fade-in{animation:.3s forwards mood-fadeIn}@keyframes mood-fadeIn{to{opacity:1;filter:blur(0px)}}#mood.mood-container{display:flex;xheight:100vh;padding:1em 8em}#mood .canvas-area{padding-left:4em}@media screen and (max-width:767px){#mood.mood-container{display:block}}#mood-too-small{text-align:center;height:80vh;justify-content:center;align-items:center;display:none}.actionbar,.category-header{justify-content:space-between}@media screen and (max-width:1023px){#mood.mood-container{display:none}#mood-too-small{display:flex}}#mood .sidebar{width:390px;padding-right:2em;overflow-y:auto;touch-action:pan-y;overscroll-behavior:contain}.sidebar p{margin-bottom:2.2em;xtext-align:center}.sidebar .introinfo{display:inline-block;padding-top:1em}.category{margin-bottom:1em}.category:last-child{margin-bottom:0}.category-header{padding:7px;cursor:pointer;border-bottom:1px solid var(--s-c-brand);margin-bottom:.7em;display:flex;align-items:center;user-select:none}.category-title{font-size:14px}.category-toggle{font-size:10px;transition:transform .3s}.category.collapsed .category-toggle{transform:rotate(-90deg)}.category-content{background-color:#fff;padding:15px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-height:var(--s-cat-maxheight,300px);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;transition:.3s;scrollbar-width:thin;scrollbar-color:var(--s-c-text) #F5F5F5}.category.collapsed .category-header,.template-btn:hover{border-color:var(--s-c-text)}.category.collapsed .category-content{max-height:0;padding:0 15px;overflow:hidden}.draggable-image{width:100%;aspect-ratio:4/3;object-position:left top;object-fit:cover;cursor:grab;transition:transform .2s;perspective:1000px;will-change:transform;user-select:none}#mood .bt,.delete-btn,.template-btn{cursor:pointer}.draggable-image:hover{transform:scale(1.02) translateZ(0);xborder-color:#007bff}.draggable-image:active{cursor:grabbing}.draggable-handle .handle{opacity:.6;position:absolute;width:35px;height:29px;top:0;right:0;background:#fff;z-index:1;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;text-align:center;font-size:2em;line-height:1em}.drop-zone.has-image,.template-btn{background-color:transparent}.draggable-handle .handle:after{content:"☰";transform:scaleY(.6) scaleX(.8);position:absolute;left:6px;font-weight:700}.canvas-logo.hidden,body:not(.is-touch) .draggable-handle .handle{display:none}body.is-touch .draggable-image{touch-action:auto;-webkit-user-drag:auto;cursor:pointer}.category-content.ar-6-7 img,.drop-zone.ar-6-7{aspect-ratio:6/7}.category-content.ar-4-3 img,.drop-zone.ar-4-3{aspect-ratio:4/3}.canvas-area{flex:1;xoverflow:hidden;display:flex;flex-direction:column}.template-selector{display:flex;xjustify-content:center;xgap:10px;z-index:100}.delete-btn,.template-set{display:none;position:absolute}.template-btn{padding:0.6em 4em;border:unset;border-bottom:2px solid var(--s-c-grey2);xfont-weight:bold;transition:border .3s;flex-grow:1}.canvas-board,.drop-zone{border:1px solid var(--s-c-grey2)}.drop-zone.ui-droppable-hover,.template-btn.active{border-color:var(--s-c-brand)}.canvas-board{background:#fff;aspect-ratio:1373/912;box-shadow:2px 2px 3px 0 var(--s-c-grey2);xmargin:4px}.canvas-logo{width:10%;margin:10px}.print-hide{visibility:hidden}.template-set{top:0;left:0;width:100%;height:100%}.template-set.active,body:not(.is-dragging) .drop-zone.has-image:hover .delete-btn{display:block}.drop-zone{aspect-ratio:6/7;position:absolute;xbackground-color:#f8f9fa;overflow:hidden;transition:.3s;touch-action:none}.drop-zone img{width:100%;height:100%;display:block;pointer-events:none;object-fit:cover!important;object-position:left top;user-select:none}.delete-btn{top:5px;right:5px;width:25px;height:25px;background:#e3000f;color:#fff;border:none;border-radius:50%;font-size:12px;z-index:10}.drop-zone .delete-btn,.drop-zone.has-image.org-image:hover .delete-btn{display:none!important}.delete-btn:hover{background:#b8000c}.actionbar{display:flex;align-items:center;padding:.8em 0}.toolbar{position:relative;z-index:100;display:flex;width:70px;justify-content:space-between}.reset-dialog{padding:1em;position:absolute;right:0;top:40px;background-color:#fff;border:1px solid var(--s-c-grey2);width:270px}.reset-dialog .bt{border:1px solid var(--s-c-text);text-align:center;padding:.5em;margin-top:1em;font-size:.9em}.reset-dialog .bt-reset{border-color:var(--s-c-brand);background-color:var(--s-c-brand);color:#fff}.howto{display:flex;align-items:center;margin-bottom:1em}.drag-helper{position:fixed;width:150px;z-index:100000;border-radius:0;box-shadow:0 6px 24px rgba(0,0,0,.25);user-select:none;opacity:.8;cursor:grabbing}@media screen and (max-width:1140px){.template-btn{padding:1em 2em}#mood .sidebar{width:280px}.category-content{grid-template-columns:repeat(2,1fr)}.category-header{padding:4px 7px}.category{margin-bottom:.5em}.sidebar p{margin-bottom:1em}}@media screen and (max-width:1440px){#mood.mood-container{padding-right:1em;padding-left:1em}}