.designboard-page{max-width:1500px;margin:0 auto;padding:30px 40px 60px}.designboard-page__intro{margin-bottom:24px}.designboard-sidebar{flex:0 0 240px;max-width:240px}.designboard-toolbar{display:flex;flex-direction:column;gap:10px;align-items:stretch;margin-top:20px}.designboard-toolbar .btn{width:100%}.designboard-toolbar__status{font-size:.9em;opacity:.7;text-align:center}.designboard__canvas{position:relative;width:100%;min-height:60vh;background:#fff;border:1px solid var(--colorBorder, #e8e8e1);border-radius:8px;box-shadow:inset 0 0 0 1px #00000005;overflow:hidden;touch-action:none}.designboard__empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;color:#00000073;pointer-events:none}.designboard__tile{position:absolute;width:140px;height:140px;background:transparent;border-radius:6px;box-shadow:0 2px 10px #0000001f;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;transition:box-shadow .15s ease}.designboard__tile.is-dragging{cursor:grabbing;box-shadow:0 8px 24px #00000038;z-index:10}.designboard__tile.is-resizing{z-index:10}.designboard__img{display:block;width:100%;height:100%;object-fit:cover;border-radius:6px;pointer-events:none}.designboard__resize{position:absolute;bottom:0;right:0;width:28px;height:28px;cursor:se-resize;touch-action:none;z-index:0;background:linear-gradient(135deg,transparent 50%,rgba(0,0,0,.35) 50%);border-bottom-right-radius:6px}.designboard-add-btn{margin-top:10px}.designboard-add-btn.is-added{opacity:.7}.designboard-layout{display:flex;gap:20px;align-items:flex-start}.designboard-list{width:100%}.designboard-list__row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--colorBorder, #e8e8e1)}.designboard-list__thumb{width:44px;height:44px;object-fit:cover;border-radius:4px;flex:0 0 auto}.designboard-list__title{flex:1 1 auto;font-size:.8em;line-height:1.3}.designboard-list__remove{flex:0 0 auto;border:none;background:none;padding:0;font-size:.75em;text-decoration:underline;cursor:pointer;color:inherit;opacity:.7}.designboard-list__remove:hover{opacity:1}.designboard-layout .designboard__canvas{flex:1 1 auto}@media(max-width:600px){.designboard-layout{flex-direction:column}.designboard-sidebar{flex-basis:auto;max-width:none;width:100%}.designboard__tile{width:110px;height:110px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/designboard.css.map */