._panel_ctbbj_1{width:260px;min-width:260px;background:#fff;border-right:1px solid #E5E7EB;padding:20px 16px;display:flex;flex-direction:column;gap:0;overflow-y:auto;font-family:system-ui,sans-serif}._title_ctbbj_14{font-size:18px;font-weight:700;margin:0 0 20px;color:#111827;display:flex;align-items:center;gap:8px}._iconBtn_ctbbj_24{flex-shrink:0;width:22px;height:22px;border-radius:50%;border:1.5px solid #D1D5DB;background:transparent;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:border-color .1s,color .1s,background .1s}._iconBtn_ctbbj_24:hover{border-color:#6366f1;color:#6366f1;background:#eef2ff}._helpBtn_ctbbj_46{margin-left:auto}._section_ctbbj_50{margin-bottom:20px}._label_ctbbj_54{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:8px;text-transform:uppercase;letter-spacing:.04em}._value_ctbbj_64{font-weight:700;color:#6366f1}._btnGroup_ctbbj_69{display:flex;gap:6px}._pieceGrid_ctbbj_74{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}._pieceCardWrapper_ctbbj_80{position:relative}._pieceOverlayBtn_ctbbj_84{position:absolute;top:3px;width:20px;height:20px;border-radius:4px;border:none;background:#ffffffd9;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .12s,color .12s;padding:0}._pieceCardWrapper_ctbbj_80:hover ._pieceOverlayBtn_ctbbj_84{opacity:1}._deleteBtn_ctbbj_106{left:3px}._deleteBtn_ctbbj_106:hover{color:#ef4444}._editBtn_ctbbj_114{right:3px}._editBtn_ctbbj_114:hover{color:#6366f1}._pieceCard_ctbbj_80,._pieceCardActive_ctbbj_123{width:100%;display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 4px 6px;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:border-color .1s,background .1s;background:#f9fafb}._pieceCard_ctbbj_80:hover{background:#f3f4f6;border-color:#c7d2fe}._pieceCardActive_ctbbj_123{border-color:#6366f1;background:#eef2ff}._pieceCardName_ctbbj_147{font-size:11px;font-weight:500;color:#374151;text-align:center;line-height:1.2;word-break:break-word}._divider_ctbbj_156{border:none;border-top:1px solid #E5E7EB;margin:10px 0}._newPieceBtn_ctbbj_162{margin-top:10px;width:100%;padding:7px 10px;border-radius:6px;border:1px dashed #D1D5DB;font-size:13px;cursor:pointer;font-weight:500;background:transparent;color:#6b7280;transition:border-color .1s,color .1s}._newPieceBtn_ctbbj_162:hover{border-color:#6366f1;color:#6366f1}._btn_ctbbj_69,._btnActive_ctbbj_182{flex:1;padding:7px 10px;border-radius:6px;border:1px solid #D1D5DB;font-size:13px;cursor:pointer;font-weight:500;transition:background .1s,border-color .1s}._btn_ctbbj_69{background:#f9fafb;color:#374151}._btn_ctbbj_69:hover{background:#f3f4f6}._btnActive_ctbbj_182{background:#6366f1;color:#fff;border-color:#6366f1}._colorRow_ctbbj_208{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}._colorBtn_ctbbj_215{width:28px;height:28px;border-radius:50%;border:none;cursor:pointer;transition:outline-offset .1s,transform .1s}._colorBtn_ctbbj_215:hover{transform:scale(1.15)}._hint_ctbbj_228{font-size:12px;color:#6b7280;margin:4px 0 0;line-height:1.5}._slider_ctbbj_235{width:100%;accent-color:#6366F1}._sliderLabels_ctbbj_240{display:flex;justify-content:space-between;font-size:11px;color:#9ca3af;margin-top:2px}._pieceModeToggle_ctbbj_248{margin-bottom:10px}._colorPieceList_ctbbj_252{display:flex;flex-direction:column;gap:6px;margin-bottom:4px}._colorPieceRow_ctbbj_259{display:flex;align-items:center;gap:8px;min-width:0}._colorPieceRow_ctbbj_259>svg{flex-shrink:0}._colorSwatch_ctbbj_270{width:18px;height:18px;border-radius:50%;flex-shrink:0;display:inline-block}._pieceSelect_ctbbj_278{flex:1;min-width:0;padding:5px 8px;border-radius:6px;border:1px solid #D1D5DB;font-size:13px;font-family:system-ui,sans-serif;background:#f9fafb;color:#374151;cursor:pointer;accent-color:#6366F1;transition:border-color .1s,background .1s}._pieceSelect_ctbbj_278:hover{border-color:#6366f1;background:#f3f4f6}._pieceSelect_ctbbj_278:focus{outline:2px solid #6366F1;outline-offset:1px}._checkLabel_ctbbj_303{display:flex;align-items:center;gap:8px;font-size:13px;color:#374151;cursor:pointer;margin-bottom:8px}._checkLabel_ctbbj_303 input[type=checkbox]{accent-color:#6366F1;width:15px;height:15px;cursor:pointer}._closeBtn_ctbbj_320{display:none;margin-left:auto;flex-shrink:0;width:28px;height:28px;border-radius:6px;border:none;background:transparent;color:#9ca3af;font-size:20px;line-height:1;cursor:pointer;align-items:center;justify-content:center;padding:0;transition:color .1s,background .1s}._closeBtn_ctbbj_320:hover{color:#374151;background:#f3f4f6}@media (max-width: 640px){._panel_ctbbj_1{position:fixed;left:0;top:0;bottom:0;width:min(300px,85vw);min-width:0;z-index:50;transform:translate(-100%);transition:transform .25s ease;box-shadow:4px 0 24px #00000026}._panelOpen_ctbbj_358{transform:translate(0)}._closeBtn_ctbbj_320{display:flex}}._overlay_4t4x2_1{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:100}._modal_4t4x2_11{background:#fff;border-radius:12px;padding:24px;width:380px;max-width:calc(100vw - 32px);box-shadow:0 20px 60px #0000004d;font-family:system-ui,sans-serif}._title_4t4x2_21{font-size:18px;font-weight:700;color:#111827;margin:0 0 16px}._fieldLabel_4t4x2_28{display:block;font-size:13px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}._nameInput_4t4x2_38{width:100%;padding:8px 10px;border:1px solid #D1D5DB;border-radius:6px;font-size:14px;color:#111827;margin-bottom:16px;box-sizing:border-box;outline:none;font-family:inherit}._nameInput_4t4x2_38:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}._gridHeader_4t4x2_56{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}._gridHeader_4t4x2_56 ._fieldLabel_4t4x2_28{margin-bottom:0}._mirrorLabel_4t4x2_68{display:flex;align-items:center;gap:6px;font-size:13px;color:#374151;cursor:pointer;-webkit-user-select:none;user-select:none}._mirrorLabel_4t4x2_68 input[type=checkbox]{accent-color:#6366F1;cursor:pointer;width:14px;height:14px}._grid_4t4x2_56{display:grid;grid-template-columns:repeat(9,1fr);gap:3px;margin-bottom:10px}._cell_4t4x2_92,._cellActive_4t4x2_93,._cellOrigin_4t4x2_94{aspect-ratio:1;border:none;border-radius:4px;cursor:pointer;padding:0;transition:background .08s;min-width:0}._cell_4t4x2_92{background:#e5e7eb}._cell_4t4x2_92:hover{background:#c7d2fe}._cellActive_4t4x2_93{background:#6366f1}._cellActive_4t4x2_93:hover{background:#4f46e5}._cellOrigin_4t4x2_94{background:#1f2937;cursor:default;border-radius:50%;transform:scale(.6)}._previewRow_4t4x2_127{display:flex;align-items:center;gap:12px;margin-bottom:16px}._previewBox_4t4x2_134{flex-shrink:0;background:#f9fafb;border:1px solid #E5E7EB;border-radius:8px;padding:4px;line-height:0}._hint_4t4x2_143{font-size:12px;color:#6b7280;margin:0;min-height:18px;line-height:1.5}._actions_4t4x2_151{display:flex;justify-content:flex-end;gap:8px}._cancelBtn_4t4x2_157{padding:8px 16px;border:1px solid #D1D5DB;border-radius:6px;background:#f9fafb;color:#374151;font-size:14px;font-weight:500;cursor:pointer;font-family:inherit;transition:background .1s}._cancelBtn_4t4x2_157:hover{background:#f3f4f6}._generateBtn_4t4x2_174{padding:8px 20px;border:none;border-radius:6px;background:#6366f1;color:#fff;font-size:14px;font-weight:500;cursor:pointer;font-family:inherit;transition:background .1s}._generateBtn_4t4x2_174:hover:not(:disabled){background:#4f46e5}._generateBtn_4t4x2_174:disabled{opacity:.35;cursor:not-allowed}._overlay_3okj4_1{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}._modal_3okj4_12{background:#fff;border-radius:12px;box-shadow:0 20px 60px #00000040;width:420px;max-width:100%;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;font-family:system-ui,sans-serif}._header_3okj4_25{display:flex;align-items:center;padding:20px 20px 0;gap:8px}._title_3okj4_32{font-size:18px;font-weight:700;color:#111827;margin:0;flex:1}._closeBtn_3okj4_40{width:28px;height:28px;border-radius:6px;border:none;background:transparent;color:#9ca3af;font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:color .1s,background .1s}._closeBtn_3okj4_40:hover{color:#374151;background:#f3f4f6}._section_3okj4_62{padding:16px 20px 0}._sectionLabel_3okj4_66{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#374151;margin-bottom:10px}._hint_3okj4_76{font-size:12px;color:#6b7280;margin:-6px 0 10px}._slotRow_3okj4_84{display:flex;gap:8px;flex-wrap:wrap}._slot_3okj4_84,._slotActive_3okj4_91{width:36px;height:36px;border-radius:50%;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;transition:transform .1s,outline-offset .1s}._slot_3okj4_84{border:2px solid transparent;outline:2px solid transparent}._slot_3okj4_84:hover{transform:scale(1.12);outline:2px solid #6366F1;outline-offset:2px}._slotActive_3okj4_91{border:2px solid #111827;outline:3px solid #6366F1;outline-offset:2px;transform:scale(1.1)}._slotCheck_3okj4_121{font-size:14px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6);pointer-events:none}._swatchGrid_3okj4_130{display:grid;grid-template-columns:repeat(12,1fr);gap:5px;margin-bottom:10px}._swatch_3okj4_130,._swatchActive_3okj4_138{aspect-ratio:1;border-radius:4px;cursor:pointer;transition:transform .1s,outline-offset .1s}._swatch_3okj4_130{border:none;outline:2px solid transparent}._swatch_3okj4_130:hover{transform:scale(1.2);outline:2px solid #6366F1;outline-offset:1px}._swatchActive_3okj4_138{border:none;outline:2px solid #111827;outline-offset:1px;transform:scale(1.15)}._customRow_3okj4_165{display:flex;align-items:center;gap:10px;margin-bottom:4px}._customLabel_3okj4_172{font-size:13px;color:#374151;font-weight:500}._colorInput_3okj4_178{width:40px;height:32px;padding:2px;border:1.5px solid #D1D5DB;border-radius:6px;cursor:pointer;background:transparent}._colorInput_3okj4_178:hover{border-color:#6366f1}._hexValue_3okj4_192{font-size:12px;font-family:monospace;color:#6b7280;letter-spacing:.05em}._paletteList_3okj4_201{display:flex;flex-direction:column;gap:5px}._paletteRow_3okj4_207{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:8px;border:1.5px solid #E5E7EB;background:#f9fafb;cursor:pointer;transition:border-color .1s,background .1s;text-align:left}._paletteRow_3okj4_207:hover{border-color:#6366f1;background:#eef2ff}._paletteName_3okj4_225{font-size:13px;font-weight:500;color:#374151;width:64px;flex-shrink:0}._paletteSwatches_3okj4_233{display:flex;gap:3px;flex:1}._paletteSwatch_3okj4_233{flex:1;height:18px;border-radius:3px;display:block}._footer_3okj4_248{display:flex;justify-content:space-between;align-items:center;padding:16px 20px 20px;gap:10px}._resetBtn_3okj4_256{font-size:13px;color:#6b7280;background:transparent;border:1px solid #D1D5DB;border-radius:6px;padding:7px 14px;cursor:pointer;transition:color .1s,border-color .1s}._resetBtn_3okj4_256:hover{color:#374151;border-color:#9ca3af}._doneBtn_3okj4_272{font-size:13px;font-weight:600;color:#fff;background:#6366f1;border:none;border-radius:6px;padding:7px 20px;cursor:pointer;transition:background .1s}._doneBtn_3okj4_272:hover{background:#4f46e5}@media (max-width: 480px){._swatchGrid_3okj4_130{grid-template-columns:repeat(8,1fr)}}._overlay_mwywk_1{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:100}._modal_mwywk_11{position:relative;background:#fff;border-radius:12px;padding:28px 32px 24px;width:520px;max-width:calc(100vw - 32px);box-shadow:0 20px 60px #0000004d;font-family:system-ui,sans-serif;display:flex;flex-direction:column;gap:16px}._closeBtn_mwywk_25{position:absolute;top:14px;right:16px;width:28px;height:28px;border:none;background:transparent;font-size:20px;line-height:1;color:#9ca3af;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;padding:0;transition:color .1s,background .1s}._closeBtn_mwywk_25:hover{color:#374151;background:#f3f4f6}._title_mwywk_50{font-size:18px;font-weight:700;color:#111827;margin:0;padding-right:28px}._illustrationArea_mwywk_58{display:flex;align-items:center;justify-content:center;min-height:188px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:8px;padding:12px}._body_mwywk_69{font-size:14px;color:#374151;line-height:1.65;display:flex;flex-direction:column;gap:8px}._body_mwywk_69 p{margin:0}._previewRow_mwywk_83{display:flex;gap:24px;align-items:center;justify-content:center}._previewItem_mwywk_90{display:flex;flex-direction:column;align-items:center;gap:6px}._previewLabel_mwywk_97{font-size:12px;font-weight:500;color:#6b7280;font-family:system-ui,sans-serif}._controlsList_mwywk_105{margin:0;padding:0 0 0 16px;display:flex;flex-direction:column;gap:8px;font-size:14px;color:#374151;line-height:1.5}._controlsList_mwywk_105 li{padding-left:2px}._key_mwywk_120{display:inline-block;padding:1px 6px;border:1px solid #D1D5DB;border-radius:4px;background:#f9fafb;font-size:12px;font-weight:600;color:#374151;font-family:system-ui,sans-serif}._footer_mwywk_133{display:flex;align-items:center;justify-content:space-between;padding-top:4px}._dots_mwywk_140{display:flex;gap:6px;align-items:center}._dot_mwywk_140,._dotActive_mwywk_147{width:7px;height:7px;border-radius:50%;cursor:pointer;transition:background .15s;flex-shrink:0}._dot_mwywk_140{background:#d1d5db}._dot_mwywk_140:hover{background:#9ca3af}._dotActive_mwywk_147{background:#6366f1;cursor:default}._navBtns_mwywk_169{display:flex;gap:8px}._prevBtn_mwywk_174{padding:8px 16px;border:1px solid #D1D5DB;border-radius:6px;background:#f9fafb;color:#374151;font-size:14px;font-weight:500;cursor:pointer;font-family:inherit;transition:background .1s}._prevBtn_mwywk_174:hover:not(:disabled){background:#f3f4f6}._prevBtn_mwywk_174:disabled{opacity:.35;cursor:default}._nextBtn_mwywk_196{padding:8px 20px;border:none;border-radius:6px;background:#6366f1;color:#fff;font-size:14px;font-weight:500;cursor:pointer;font-family:inherit;transition:background .1s}._nextBtn_mwywk_196:hover{background:#4f46e5}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}.layout{display:flex;width:100%;height:100%;background:#f9fafb}.canvas-area{flex:1;position:relative;overflow:hidden}.backdrop,.menuToggle{display:none}.loadingBadge{position:absolute;top:14px;left:50%;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:7px;padding:6px 14px;background:#ffffffeb;border:1px solid #E5E7EB;border-radius:20px;box-shadow:0 2px 8px #0000001a;font-family:system-ui,sans-serif;font-size:13px;font-weight:500;color:#374151;pointer-events:none;white-space:nowrap}.loadingSpinner{display:inline-block;width:13px;height:13px;border:2px solid #D1D5DB;border-top-color:#6366f1;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 640px){.backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:49}.menuToggle{display:flex;position:fixed;top:12px;left:12px;z-index:10;width:40px;height:40px;border-radius:8px;border:1px solid #E5E7EB;background:#fffffff2;cursor:pointer;align-items:center;justify-content:center;font-size:18px;line-height:1;box-shadow:0 2px 8px #0000001f;padding:0}}