._panel_36v8q_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_36v8q_14{font-size:18px;font-weight:700;margin:0 0 20px;color:#111827;display:flex;align-items:center;gap:8px}._helpBtn_36v8q_24{margin-left:auto;flex-shrink:0;width:22px;height:22px;border-radius:50%;border:1.5px solid #D1D5DB;background:transparent;color:#6b7280;font-size:13px;font-weight:700;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:border-color .1s,color .1s,background .1s}._helpBtn_36v8q_24:hover{border-color:#6366f1;color:#6366f1;background:#eef2ff}._spinner_36v8q_50{display:inline-block;width:14px;height:14px;border:2px solid #D1D5DB;border-top-color:#6366f1;border-radius:50%;animation:_spin_36v8q_50 .7s linear infinite;flex-shrink:0}@keyframes _spin_36v8q_50{to{transform:rotate(360deg)}}._section_36v8q_65{margin-bottom:20px}._label_36v8q_69{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:8px;text-transform:uppercase;letter-spacing:.04em}._value_36v8q_79{font-weight:700;color:#6366f1}._btnGroup_36v8q_84{display:flex;gap:6px}._pieceGrid_36v8q_89{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}._pieceCardWrapper_36v8q_95{position:relative}._deleteBtn_36v8q_99{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:4px;border:none;background:#ffffffd9;color:#6b7280;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .12s,color .12s;padding:0}._pieceCardWrapper_36v8q_95:hover ._deleteBtn_36v8q_99{opacity:1}._deleteBtn_36v8q_99:hover{color:#ef4444}._editBtn_36v8q_128{position:absolute;top:3px;right:3px;width:18px;height:18px;border-radius:4px;border:none;background:#ffffffd9;color:#6b7280;font-size:10px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .12s,color .12s;padding:0}._pieceCardWrapper_36v8q_95:hover ._editBtn_36v8q_128{opacity:1}._editBtn_36v8q_128:hover{color:#6366f1}._pieceCard_36v8q_95,._pieceCardActive_36v8q_158{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_36v8q_95:hover{background:#f3f4f6;border-color:#c7d2fe}._pieceCardActive_36v8q_158{border-color:#6366f1;background:#eef2ff}._pieceCardName_36v8q_181{font-size:11px;font-weight:500;color:#374151;text-align:center;line-height:1.2;word-break:break-word}._divider_36v8q_190{border:none;border-top:1px solid #E5E7EB;margin:10px 0}._newPieceBtn_36v8q_196{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_36v8q_196:hover{border-color:#6366f1;color:#6366f1}._btn_36v8q_84,._btnActive_36v8q_216{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_36v8q_84{background:#f9fafb;color:#374151}._btn_36v8q_84:hover{background:#f3f4f6}._btnActive_36v8q_216{background:#6366f1;color:#fff;border-color:#6366f1}._colorRow_36v8q_242{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}._colorBtn_36v8q_249{width:28px;height:28px;border-radius:50%;border:none;cursor:pointer;transition:outline-offset .1s,transform .1s}._colorBtn_36v8q_249:hover{transform:scale(1.15)}._hint_36v8q_262{font-size:12px;color:#6b7280;margin:4px 0 0;line-height:1.5}._slider_36v8q_269{width:100%;accent-color:#6366F1}._sliderLabels_36v8q_274{display:flex;justify-content:space-between;font-size:11px;color:#9ca3af;margin-top:2px}._checkLabel_36v8q_282{display:flex;align-items:center;gap:8px;font-size:13px;color:#374151;cursor:pointer;margin-bottom:8px}._checkLabel_36v8q_282 input[type=checkbox]{accent-color:#6366F1;width:15px;height:15px;cursor:pointer}._closeBtn_36v8q_299{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_36v8q_299:hover{color:#374151;background:#f3f4f6}@media (max-width: 640px){._panel_36v8q_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_36v8q_337{transform:translate(0)}._closeBtn_36v8q_299{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_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}@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}}