.asset-tray{display:flex;align-items:center;margin-top:13px;gap:15px;padding:10px 14px;background:#faf8f3;border:1px solid #e8e1d9;border-radius:10px}.tray-heading{display:flex;flex-direction:column;gap:6px;white-space:nowrap;color:#8c7c93;font-size:11px;padding-right:14px;border-right:1px solid #e9e1d7}.tray-heading small{font-size:8px;color:#ad9e8d}.tray-items{display:flex;align-items:stretch;gap:12px;flex:1;min-width:0}.tray-group{display:flex;gap:6px;padding-right:12px;border-right:1px solid #e8e0d5}.tray-group:last-child{border:0;padding:0}.tray-item{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;width:56px;height:57px;border:1px solid transparent;background:#f3eee7;border-radius:7px;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;gap:4px;padding:4px;flex-shrink:0}.tray-item:hover{border-color:#c9bad1;background:#eee6f1;transform:translateY(-2px)}.tray-item:active{cursor:grabbing}.tray-item>span{font-size:23px;line-height:26px;color:#ad9ab8}.tray-item>small{font-size:8px;color:#a09180;white-space:nowrap}.tray-item svg{width:28px;height:29px}.tray-item .flower-thumb{color:#d2ae9c}.tray-item .heart-thumb{color:#b59bbf}.photo-tray-item>span{color:#a6b297;position:relative}.photo-tray-item i{font-size:10px;position:absolute;right:-7px;bottom:-3px;font-style:normal;background:#f3eee7;border-radius:50%}.tray-upload{font-size:9px;white-space:nowrap;color:#9a879f;padding:8px}.tray-photo{width:38px;height:30px;object-fit:cover;border:3px solid #fffaf2;transform:rotate(-3deg)}.tray-grabbed{opacity:.4}.drag-asset-ghost{position:fixed;z-index:100;pointer-events:none;background:#fffdf8;border:1px solid #b9a2c7;border-radius:9px;box-shadow:0 8px 30px #55436224;padding:15px 22px;color:#9b80ac;font:13px var(--ui);transform:translate(-50%,-50%) rotate(-4deg);opacity:.9}.drop-target{outline:2px dashed #b7a0c4!important;outline-offset:-10px;background-color:#f6f1fa!important}.drop-preview{position:fixed;border:1px dashed #b49bc2;background:#dcd0e633;border-radius:5px;pointer-events:none;z-index:45;transform:translate(-50%,-50%)}.selection-frame{position:fixed;z-index:40;pointer-events:none;transform-origin:center;box-sizing:border-box;border:1px solid #a58bb8;transform:translate(-50%,-50%) rotate(var(--selection-angle));color:#9b7aac}.selection-frame[hidden]{display:none}.object-handle{position:absolute;width:27px;height:27px;padding:0;pointer-events:auto;touch-action:none;user-select:none;background:transparent;border:0;border-radius:0;transform:translate(-50%,-50%)}.object-handle:before{content:'';display:block;width:8px;height:8px;background:#fffdf8;border:1.5px solid #a58bb8;border-radius:2px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.object-handle:hover{background:none}.object-handle:hover:before{background:#dccce6}.object-handle[data-handle="nw"]{left:0;top:0;cursor:nwse-resize}.object-handle[data-handle="n"]{left:50%;top:0;cursor:ns-resize}.object-handle[data-handle="ne"]{left:100%;top:0;cursor:nesw-resize}.object-handle[data-handle="e"]{left:100%;top:50%;cursor:ew-resize}.object-handle[data-handle="se"]{left:100%;top:100%;cursor:nwse-resize}.object-handle[data-handle="s"]{left:50%;top:100%;cursor:ns-resize}.object-handle[data-handle="sw"]{left:0;top:100%;cursor:nesw-resize}.object-handle[data-handle="w"]{left:0;top:50%;cursor:ew-resize}.rotate-stem{position:absolute;width:1px;height:25px;background:#b49ac6;left:50%;bottom:100%;pointer-events:none}.object-rotate{position:absolute;bottom:calc(100% + 16px);left:50%;transform:translateX(-50%);height:25px;width:25px;border:1px solid #b59cc5;background:#fffdf8;border-radius:50%;font:17px Arial;pointer-events:auto;touch-action:none;cursor:grab;box-shadow:0 2px 4px #6f597511;padding:0}.object-rotate:hover{background:#eee4f3}.object-quick-actions{display:flex;position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%);background:#fffdf8;border:1px solid #d5c6df;border-radius:6px;box-shadow:0 3px 10px #5e466b13;pointer-events:auto;white-space:nowrap;align-items:center;padding:3px;gap:1px}.object-quick-actions button{padding:5px 8px;font-size:9px;line-height:13px;touch-action:none}.object-move{cursor:grab;font-size:14px!important}.object-dimensions{position:absolute;top:calc(100% + 48px);left:50%;transform:translateX(-50%);font:9px Arial;color:#a48caf;white-space:nowrap;background:#fffcf4cc;padding:3px 6px;border-radius:4px}.direct-object{transform:rotate(var(--object-angle,0deg))!important;rotate:none!important;scale:none!important;min-width:0;min-height:0;max-height:none;outline:none!important;box-sizing:border-box;touch-action:none}.direct-object.selected-direct{cursor:grab}.direct-object:active{cursor:grabbing}.direct-object .object-content{height:100%;overflow:auto;scrollbar-width:thin;box-sizing:border-box}.direct-object.uploaded-photo{padding:8px 8px 24px}.direct-object.uploaded-photo img{width:100%;height:100%;object-fit:cover}.direct-object.photo-card .cafe-scene{height:calc(100% - 38px);aspect-ratio:auto}.direct-object.photo-card .photo-caption{height:38px;min-height:0;line-height:38px;overflow:hidden}.direct-object.bunny-sticker svg{width:100%;height:100%;aspect-ratio:auto}.direct-object.bunny-sticker span{display:none}.direct-object.added-sticker{display:grid;place-items:center;padding:0;container-type:size;line-height:1}.direct-object.added-sticker>.sticker-glyph{font-size:85cqw;line-height:1;pointer-events:none}.direct-object.added-sticker>svg{width:100%;height:100%;pointer-events:none}.direct-object.photo-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;background:#f0eee4;border:1px dashed #c3baa6;padding:10px;box-shadow:2px 4px 12px #7d68461a;font:11px var(--ui);color:#a29882}.photo-placeholder>.photo-icon{font-size:36px}.photo-placeholder>button{padding:7px 12px;background:#e4dfd1;font-size:10px}.photo-placeholder>small{font-size:9px}.moving-object,.resizing-object{user-select:none}.moving-object [contenteditable],.resizing-object [contenteditable]{user-select:none;pointer-events:none}.object-edit-hint{font:8px var(--ui);color:#ad9cb7}.selection-frame.interacting .object-quick-actions{visibility:hidden}.selection-frame.interacting .object-dimensions{top:calc(100% + 17px)}.desk{padding-top:29px}.movable:hover{outline:none}.object-content[contenteditable]{cursor:text}.direct-object [contenteditable]{cursor:text;touch-action:manipulation}.direct-object .progress-block input,.direct-object button,.direct-object input{touch-action:manipulation}
@media(max-width:1150px){.asset-tray{gap:9px;padding:9px}.tray-group{gap:4px;padding-right:8px}.tray-items{gap:8px}.tray-heading{padding-right:9px}.tray-item{width:48px}.tray-upload{font-size:8px}}
@media(max-width:850px){.tray-heading{display:none}.tray-upload{display:none}.tray-items{justify-content:center}.tray-item{width:44px;height:53px}.asset-tray{padding:8px}.tray-group{gap:3px;padding-right:5px}.tray-items{gap:5px}}
@media(max-width:600px){.asset-tray{margin-top:10px;padding:8px}.tray-items{display:grid;grid-template-columns:1fr auto;gap:7px;justify-content:stretch}.tray-group:first-child{grid-column:1/-1;border-right:0;border-bottom:1px solid #e7dfd2;padding:0 0 7px;justify-content:space-between}.tray-group:nth-child(2){border-right:0;padding:0;overflow:auto;max-width:150px}.tray-group:last-child{padding:0;justify-content:flex-end}.tray-item{width:48px;height:46px;gap:2px}.tray-item>span{font-size:22px;line-height:23px}.tray-item>small{font-size:8px}.tray-group:first-child .tray-item{width:calc(25% - 6px)}.tray-item svg{height:25px;width:26px}.tray-photo{height:25px;width:32px}.object-handle{width:34px;height:34px}.object-handle:before{width:10px;height:10px}.object-rotate{width:30px;height:30px;bottom:calc(100% + 18px)}.object-quick-actions button{padding:8px 9px;font-size:10px}.object-dimensions{top:calc(100% + 55px)}.desk{padding-top:24px}}
@media print{.asset-tray,.selection-frame,.drag-asset-ghost,.drop-preview{display:none!important}.drop-target{outline:none!important}.direct-object{outline:none!important}}