._canvas-container_xsmrw_9{display:flex;justify-content:center;align-items:center;min-height:200px;position:relative;width:100%;box-sizing:border-box}._canvas-container_xsmrw_9 canvas{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}._collage-canvas_xsmrw_45{background-color:#fff;border-radius:4px;touch-action:none;-webkit-user-select:none;user-select:none;max-width:100%;height:auto;display:block}._image-thumbnail_xsmrw_67{position:relative;flex-shrink:0;width:64px;height:64px;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s ease}._image-thumbnail_xsmrw_67:hover{border-color:#d1d5db}._image-thumbnail--selected_xsmrw_99{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d}._image-thumbnail_xsmrw_67 img{width:100%;height:100%;object-fit:cover}._image-thumbnail__delete_xsmrw_121{position:absolute;top:0;right:0;width:20px;height:20px;background-color:#ef4444;color:#fff;border:none;border-radius:50%;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}._image-thumbnail_xsmrw_67:hover ._image-thumbnail__delete_xsmrw_121{opacity:1}._settings-tabs_xsmrw_169{display:flex;border-bottom:1px solid #e5e7eb}._settings-tab_xsmrw_169{flex:1;padding:12px;font-size:14px;font-weight:500;text-align:center;cursor:pointer;border:none;background:none;color:#6b7280;transition:all .2s ease}._settings-tab_xsmrw_169:hover{color:#374151}._settings-tab--active_xsmrw_213{color:#7c3aed;border-bottom:2px solid #7c3aed;background-color:#7c3aed0d}._settings-content_xsmrw_227{padding:16px}._settings-section_xsmrw_235{margin-bottom:16px}._settings-section_xsmrw_235:last-child{margin-bottom:0}._settings-label_xsmrw_251{display:block;font-size:14px;color:#6b7280;margin-bottom:4px}._settings-input_xsmrw_265{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s ease}._settings-input_xsmrw_265:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 2px #7c3aed1a}._settings-input--color_xsmrw_295{height:40px;padding:4px;cursor:pointer}._settings-slider_xsmrw_309{width:100%;height:6px;-webkit-appearance:none;appearance:none;background:#e5e7eb;border-radius:3px;outline:none}._settings-slider_xsmrw_309::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:#7c3aed;border-radius:50%;cursor:pointer;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}._settings-slider_xsmrw_309::-webkit-slider-thumb:hover{background:#6d28d9}._settings-slider_xsmrw_309::-moz-range-thumb{width:16px;height:16px;background:#7c3aed;border-radius:50%;cursor:pointer;border:none}._button-group_xsmrw_379{display:flex;gap:8px}._button-group--vertical_xsmrw_389{flex-direction:column}._preset-button_xsmrw_399{padding:8px 12px;font-size:12px;border:1px solid #e5e7eb;border-radius:6px;background-color:#fff;color:#374151;cursor:pointer;transition:all .2s ease}._preset-button_xsmrw_399:hover{background-color:#f9fafb;border-color:#d1d5db}._preset-button--active_xsmrw_431{background-color:#7c3aed;border-color:#7c3aed;color:#fff}._color-presets_xsmrw_445{display:flex;gap:8px;flex-wrap:wrap}._color-preset_xsmrw_445{width:32px;height:32px;border-radius:6px;border:2px solid #e5e7eb;cursor:pointer;transition:transform .2s ease}._color-preset_xsmrw_445:hover{transform:scale(1.1)}._color-preset--active_xsmrw_483{border-color:#7c3aed;box-shadow:0 0 0 2px #7c3aed4d}._text-list_xsmrw_495{display:flex;flex-direction:column;gap:8px}._text-item_xsmrw_507{padding:8px 12px;background-color:#f9fafb;border-radius:6px;font-size:14px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background-color .2s ease}._text-item_xsmrw_507:hover{background-color:#f3f4f6}._text-item--selected_xsmrw_539{background-color:#d1fae5;border:1px solid #6ee7b7}._export-button_xsmrw_551{width:100%;padding:12px;font-size:14px;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}._export-button--png_xsmrw_581{background-color:#3b82f6;color:#fff}._export-button--png_xsmrw_581:hover{background-color:#2563eb}._export-button--jpeg_xsmrw_599{background-color:#10b981;color:#fff}._export-button--jpeg_xsmrw_599:hover{background-color:#059669}._export-button--reset_xsmrw_617{background-color:#6b7280;color:#fff}._export-button--reset_xsmrw_617:hover{background-color:#4b5563}._handle_xsmrw_637{position:absolute;width:10px;height:10px;background-color:#3b82f6;border:2px solid white;border-radius:50%;cursor:pointer;z-index:100}._handle--rotate_xsmrw_659{cursor:grab}._handle--rotate_xsmrw_659:active{cursor:grabbing}._handle--resize-nw_xsmrw_675{cursor:nw-resize}._handle--resize-ne_xsmrw_683{cursor:ne-resize}._handle--resize-sw_xsmrw_691{cursor:sw-resize}._handle--resize-se_xsmrw_699{cursor:se-resize}._guide-modal_xsmrw_709{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}._guide-content_xsmrw_731{background-color:#fff;border-radius:16px;padding:32px;max-width:400px;width:100%}._guide-icon_xsmrw_747{font-size:48px;text-align:center;margin-bottom:16px}._guide-title_xsmrw_759{font-size:20px;font-weight:700;color:#1f2937;text-align:center;margin-bottom:16px}._guide-steps_xsmrw_775{font-size:14px;color:#4b5563;line-height:1.8}._guide-button_xsmrw_787{margin-top:24px;width:100%;padding:12px;background-color:#3b82f6;color:#fff;border:none;border-radius:9999px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}._guide-button_xsmrw_787:hover{background-color:#2563eb}._floating-help_xsmrw_825{position:fixed;bottom:24px;right:24px;width:56px;height:56px;background-color:#7c3aed;color:#fff;border:none;border-radius:50%;box-shadow:0 4px 12px #7c3aed4d;cursor:pointer;transition:all .2s ease;z-index:40;display:flex;align-items:center;justify-content:center}._floating-help_xsmrw_825:hover{background-color:#6d28d9;transform:scale(1.1)}@media (max-width: 1024px){._canvas-container_xsmrw_9{min-height:250px}._canvas-container_xsmrw_9 canvas{max-width:100%;height:auto}}@media (max-width: 640px){._canvas-container_xsmrw_9{min-height:200px;padding:4px}._canvas-container_xsmrw_9 canvas{max-width:100%;height:auto}._settings-tabs_xsmrw_169{flex-wrap:wrap}._settings-tab_xsmrw_169{flex-basis:50%;padding:10px;font-size:12px}._image-thumbnail_xsmrw_67{width:48px;height:48px}}._checkerboard_xsmrw_953{background-image:linear-gradient(45deg,#e0e0e0 25%,transparent 25%),linear-gradient(-45deg,#e0e0e0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e0e0e0 75%),linear-gradient(-45deg,transparent 75%,#e0e0e0 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}@keyframes _fadeIn_xsmrw_1{0%{opacity:0}to{opacity:1}}@keyframes _slideIn_xsmrw_1{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}._fade-in_xsmrw_1015{animation:_fadeIn_xsmrw_1 .3s ease}._slide-in_xsmrw_1023{animation:_slideIn_xsmrw_1 .3s ease}