:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}._container_wbkfh_1{padding:2rem;max-width:1200px;margin:0 auto}._header_wbkfh_7{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}._title_wbkfh_14{margin:0;font-size:1.8rem;color:#333}._createButton_wbkfh_20{background-color:#4a90e2;color:#fff;border:none;border-radius:4px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}._createButton_wbkfh_20:hover{background-color:#357abd}._content_wbkfh_36{min-height:50vh;display:flex;flex-direction:column;text-align:center;color:#666;background-color:#f8f9fa;border-radius:8px;padding:2rem;box-shadow:0 1px 3px #0000000d}._fileList_wbkfh_48{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:1rem}._fileCard_wbkfh_56{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;transition:transform .2s,box-shadow .2s;border:1px solid #eee;text-align:left;position:relative;overflow:hidden}._fileCard_wbkfh_56:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}._fileCard_wbkfh_56 h3{margin:0 0 .5rem;color:#2c3e50;font-size:1.1rem;font-weight:600}._fileCard_wbkfh_56 p{margin:0 0 1rem;color:#7f8c8d;font-size:.9rem;line-height:1.5}._actions_wbkfh_87{display:flex;justify-content:flex-end;margin-top:1rem;padding-top:.75rem;border-top:1px solid #f0f0f0}._deleteButton_wbkfh_95{background:none;border:none;color:#e74c3c;cursor:pointer;padding:.4rem .6rem;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:.95rem}._deleteButton_wbkfh_95:hover{background-color:#fde8e6;color:#c0392b}._deleteButton_wbkfh_95:focus{outline:none;box-shadow:0 0 0 2px #e74c3c4d}._container_6m4sn_1{min-height:100vh;background-color:#f5f7fa}._content_6m4sn_7{position:relative;width:100%;height:100vh;padding-top:2rem;padding-right:2rem;padding-bottom:2rem;padding-left:calc(300px + 2rem);box-sizing:border-box;background-color:#f8fafc;overflow:hidden;transition:padding-left .3s ease}._loadingContainer_6m4sn_26{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;gap:1rem;color:#4b5563;font-size:1.125rem}._loadingSpinner_6m4sn_37{width:4rem;height:4rem;border:.25rem solid rgba(0,0,0,.1);border-top-color:#3b82f6;border-radius:50%;animation:_spin_6m4sn_1 1s linear infinite}@keyframes _spin_6m4sn_1{to{transform:rotate(360deg)}}._containerSidebarCollapsed_6m4sn_15 ._content_6m4sn_7{padding-left:calc(300px + 2rem)}._designCanvas_6m4sn_65{width:100%;height:100%;position:absolute;top:0;left:0;bottom:0;right:0}._sidebarCollapsed_1c2je_2{position:fixed;top:0;left:0;border-radius:0 0 1rem;height:60px;width:100%;background-color:#b94040;border-right:1px solid #e2e8f0;padding:1.5rem;display:flex;flex-direction:row;justify-content:space-between;box-shadow:1px 0 3px #0000000d;z-index:1;transition:width .3s ease,padding .3s ease}._sidebar_1c2je_2{position:fixed;top:0;left:0;height:100vh;width:300px;background-color:#fff;border-right:1px solid #e2e8f0;padding:1.5rem;display:flex;flex-direction:column;box-shadow:1px 0 3px #0000000d;z-index:1;overflow-y:auto;transition:width .3s ease,padding .3s ease}._backButton_1c2je_37{display:flex;align-items:center;gap:.5rem;color:#4b5563;font-weight:500;padding:.5rem 0;cursor:pointer;transition:color .2s;border:none;background:none;text-align:left}._backButton_1c2je_37:hover{color:#1f2937}._backButton_1c2je_37 svg{transition:transform .2s}._backButton_1c2je_37:hover svg{transform:translate(-2px)}._titleEditContainer_1c2je_64{display:flex;align-items:center;gap:.5rem;width:100%}._titleDisplay_1c2je_71{display:flex;height:3rem;align-items:center;gap:.75rem;cursor:pointer;border-radius:.375rem;transition:background-color .2s;width:100%}._titleDisplay_1c2je_71:hover{background-color:#00000005}._titleDisplay_1c2je_71:hover ._editButton_1c2je_86{opacity:1}._title_1c2je_64{font-size:1rem;font-weight:600;color:#111827;margin:0;border-radius:.375rem;transition:background-color .2s;flex:1;position:relative;min-height:2.5rem;display:flex;align-items:center;padding:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._title_1c2je_64:hover{background-color:#f3f4f6}._titleInput_1c2je_112{flex:1;font-size:1rem;font-weight:600;color:#111827;border:2px solid #e5e7eb;border-radius:.375rem;padding:.75rem;transition:all .2s;background-color:#fff;min-width:0;height:3rem;box-sizing:border-box}._titleInput_1c2je_112:disabled{background-color:#f9fafb;opacity:.8}._titleInput_1c2je_112:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}._editButton_1c2je_86{opacity:0;transition:opacity .2s,background-color .2s;background:none;border:none;color:#6b7280;padding:.5rem;border-radius:.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center}._editButton_1c2je_86:hover{background-color:#f3f4f6;color:#4b5563}._titleButton_1c2je_157{background:none;border:none;color:#6b7280;border-radius:.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;height:2.5rem;width:2.5rem}._titleButton_1c2je_157:hover{background-color:#f3f4f6;color:#4b5563}._titleButton_1c2je_157:disabled{opacity:.5;cursor:not-allowed}._savingIndicator_1c2je_181{font-size:.875rem;font-weight:400;color:#6b7280;margin-left:.75rem;font-style:italic}._error_1c2je_189{color:#ef4444;font-size:.875rem;margin-top:.5rem;background-color:#fef2f2;padding:.75rem;border-radius:.375rem;border-left:3px solid #ef4444;width:100%;box-sizing:border-box}._titleContainer_1c2je_202{margin-top:1rem}._sidebarHeaderControls_1c2je_207{display:flex;align-items:center;justify-content:space-between;width:100%}._sidebarToggleButton_1c2je_214{background:none;border:none;color:#4b5563;cursor:pointer;padding:.5rem;font-size:1.25rem;display:flex;align-items:center;justify-content:center;transition:color .2s,background-color .2s;border-radius:.25rem}._sidebarToggleButton_1c2je_214:hover{color:#1f2937;background-color:#f3f4f6}._sidebarCollapsed_1c2je_2{height:80px!important;width:300px!important;padding:0 1rem!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;border-bottom:1px solid #e2e8f0}._sidebarCollapsed_1c2je_2 ._backButton_1c2je_37,._sidebarCollapsed_1c2je_2 ._sidebarToggleButton_1c2je_214{padding:.5rem;flex-shrink:0}._collapsedFileName_1c2je_251{font-size:.9rem;font-weight:600;color:#111827;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin:0 .5rem;flex-grow:1;text-align:center}._frameInfo_1c2je_264{margin-top:20px;padding-top:15px;border-top:1px solid #e2e8f0}._frameInfo_1c2je_264 h3{margin:0 0 15px;font-size:1rem;font-weight:600;color:#111827}._frameInfoItem_1c2je_277{margin-bottom:15px;padding:10px;background-color:#f9fafb;border-radius:6px;transition:background-color .2s}._frameInfoItemSelected_1c2je_285{background-color:#dbeafe;border:1px solid #3b82f6}._frameInfoItem_1c2je_277 h4{margin:0 0 5px;font-size:.875rem;font-weight:600;color:#111827}._frameInfoItem_1c2je_277 p{margin:2px 0;font-size:.75rem;color:#6b7280}._sidebarCollapsed_1c2je_2 ._sidebarHeaderControls_1c2je_207:not(:first-child),._sidebarCollapsed_1c2je_2 ._titleContainer_1c2je_202,._sidebarCollapsed_1c2je_2 ._titleEditContainer_1c2je_64,._sidebarCollapsed_1c2je_2 ._titleDisplay_1c2je_71,._sidebarCollapsed_1c2je_2 ._editButton_1c2je_86,._sidebarCollapsed_1c2je_2 ._title_1c2je_64,._sidebarCollapsed_1c2je_2 ._savingIndicator_1c2je_181,._sidebarCollapsed_1c2je_2 ._error_1c2je_189,._sidebarCollapsed_1c2je_2 ._frameInfo_1c2je_264{display:none!important}._sidebarCollapsed_1ml86_2{position:fixed;top:0;right:0;height:60px;width:100%;background-color:#b94040;border-left:1px solid #e2e8f0;border-radius:0 0 0 1rem;padding:1.5rem;display:flex;flex-direction:row;justify-content:space-between;box-shadow:1px 0 3px #0000000d;z-index:1;transition:width .3s ease,padding .3s ease}._sidebar_1ml86_2{position:fixed;top:0;right:0;height:100vh;width:300px;background-color:#fff;border-left:1px solid #e2e8f0;padding:1.5rem;display:flex;flex-direction:column;box-shadow:1px 0 3px #0000000d;z-index:1;overflow-y:auto;transition:width .3s ease,padding .3s ease}._backButton_1ml86_38{display:flex;align-items:center;gap:.5rem;color:#4b5563;font-weight:500;padding:.5rem 0;cursor:pointer;transition:color .2s;border:none;background:none;text-align:left}._backButton_1ml86_38:hover{color:#1f2937}._backButton_1ml86_38 svg{transition:transform .2s}._backButton_1ml86_38:hover svg{transform:translate(-2px)}._titleEditContainer_1ml86_65{display:flex;align-items:center;gap:.5rem;width:100%}._titleDisplay_1ml86_72{display:flex;height:3rem;align-items:center;gap:.75rem;cursor:pointer;border-radius:.375rem;transition:background-color .2s;width:100%}._titleDisplay_1ml86_72:hover{background-color:#00000005}._titleDisplay_1ml86_72:hover ._editButton_1ml86_87{opacity:1}._title_1ml86_65{font-size:1rem;font-weight:600;color:#111827;margin:0;border-radius:.375rem;transition:background-color .2s;flex:1;position:relative;min-height:2.5rem;display:flex;align-items:center;padding:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._title_1ml86_65:hover{background-color:#f3f4f6}._titleInput_1ml86_113{flex:1;font-size:1rem;font-weight:600;color:#111827;border:2px solid #e5e7eb;border-radius:.375rem;padding:.75rem;transition:all .2s;background-color:#fff;min-width:0;height:3rem;box-sizing:border-box}._titleInput_1ml86_113:disabled{background-color:#f9fafb;opacity:.8}._titleInput_1ml86_113:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}._editButton_1ml86_87{opacity:0;transition:opacity .2s,background-color .2s;background:none;border:none;color:#6b7280;padding:.5rem;border-radius:.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center}._editButton_1ml86_87:hover{background-color:#f3f4f6;color:#4b5563}._titleButton_1ml86_158{background:none;border:none;color:#6b7280;border-radius:.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;height:2.5rem;width:2.5rem}._titleButton_1ml86_158:hover{background-color:#f3f4f6;color:#4b5563}._titleButton_1ml86_158:disabled{opacity:.5;cursor:not-allowed}._savingIndicator_1ml86_182{font-size:.875rem;font-weight:400;color:#6b7280;margin-left:.75rem;font-style:italic}._error_1ml86_190{color:#ef4444;font-size:.875rem;margin-top:.5rem;background-color:#fef2f2;padding:.75rem;border-radius:.375rem;border-left:3px solid #ef4444;width:100%;box-sizing:border-box}._zoomLevelContainer_1ml86_204{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:10px 0;margin-top:15px;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}._zoomLevelContainer_1ml86_204>div{display:flex;align-items:center;padding:5px 10px;border-radius:4px}._zoomLevelContainer_1ml86_204>div:not(:first-child):hover{background-color:#f3f4f6}._zoomLevelContainer_1ml86_204 p{margin:0;font-size:.9rem;font-weight:500;color:#374151}._zoomLevelContainer_1ml86_204 svg{font-size:1.2rem;color:#4b5563}._sidebarHeaderControls_1ml86_239{display:flex;align-items:center;justify-content:space-between;width:100%}._sidebarHeaderControls_1ml86_239>div{display:flex;flex-direction:row;align-items:center;gap:.5rem}._sidebarToggleButton_1ml86_253{background:none;border:none;color:#4b5563;cursor:pointer;padding:.5rem;font-size:1.25rem;display:flex;align-items:center;justify-content:center;transition:color .2s,background-color .2s;border-radius:.25rem}._sidebarToggleButton_1ml86_253:hover{color:#1f2937;background-color:#f3f4f6}._sidebarCollapsed_1ml86_2{height:80px!important;width:300px!important;padding:0 1rem!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;border-bottom:1px solid #e2e8f0}._sidebarCollapsed_1ml86_2 ._backButton_1ml86_38,._sidebarCollapsed_1ml86_2 ._sidebarToggleButton_1ml86_253{padding:.5rem;flex-shrink:0}._collapsedFileName_1ml86_290{font-size:.9rem;font-weight:600;color:#111827;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin:0 .5rem;flex-grow:1;text-align:center}._frameControls_1ml86_303{margin-top:20px;padding-top:15px;border-top:1px solid #e2e8f0}._frameControls_1ml86_303 h3{margin:0 0 15px;font-size:1rem;font-weight:600;color:#111827}._selectedInfo_1ml86_316{margin:0 0 10px;font-size:.875rem;color:#6b7280;font-weight:500}._addShapeButtons_1ml86_323{display:flex;flex-direction:column;gap:8px}._shapeButton_1ml86_329{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;padding:10px 15px;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s;text-align:left}._shapeButton_1ml86_329:hover{background-color:#e5e7eb;border-color:#9ca3af}._shapeButton_1ml86_329:active{background-color:#d1d5db}._noSelection_1ml86_351{margin:0;font-size:.875rem;color:#9ca3af;font-style:italic}._colorControls_1ml86_359{margin-top:20px;padding-top:15px;border-top:1px solid #e2e8f0}._colorControls_1ml86_359 h3{margin:0 0 15px;font-size:1rem;font-weight:600;color:#111827}._colorPalette_1ml86_372{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:15px}._colorSwatch_1ml86_379{width:32px;height:32px;border:2px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s}._colorSwatch_1ml86_379:hover{border-color:#9ca3af;transform:scale(1.1)}._customColor_1ml86_393{display:flex;align-items:center;gap:10px}._customColor_1ml86_393 label{font-size:.875rem;font-weight:500;color:#374151}._customColor_1ml86_393 input[type=color]{width:40px;height:32px;border:2px solid #e5e7eb;border-radius:6px;cursor:pointer;background:none;padding:0}._phoneMockupSelector_1ml86_416{margin-top:20px;padding-top:15px;border-top:1px solid #e2e8f0}._phoneMockupSelector_1ml86_416 h3{margin:0 0 15px;font-size:1rem;font-weight:600;color:#111827}._phoneMockupContainer_1ml86_429{display:flex;flex-direction:column;gap:12px}._phoneMockup_1ml86_416{display:flex;align-items:center;gap:12px;padding:12px;border:2px solid #e5e7eb;border-radius:8px;background-color:#f9fafb;transition:all .2s}._phoneMockup_1ml86_416:hover{border-color:#9ca3af;background-color:#f3f4f6}._phoneMockup_1ml86_416 img{width:40px;height:80px;object-fit:contain;flex-shrink:0}._phoneMockup_1ml86_416 button{background:none;border:none;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer;text-align:left;flex:1;padding:8px;transition:all .2s;border-radius:4px}._phoneMockup_1ml86_416 button:hover{color:#111827;background-color:#e5e7eb}._sidebarCollapsed_1ml86_2 ._sidebarHeaderControls_1ml86_239:not(:first-child),._sidebarCollapsed_1ml86_2 ._titleContainer_1ml86_478,._sidebarCollapsed_1ml86_2 ._titleEditContainer_1ml86_65,._sidebarCollapsed_1ml86_2 ._titleDisplay_1ml86_72,._sidebarCollapsed_1ml86_2 ._editButton_1ml86_87,._sidebarCollapsed_1ml86_2 ._title_1ml86_65,._sidebarCollapsed_1ml86_2 ._savingIndicator_1ml86_182,._sidebarCollapsed_1ml86_2 ._error_1ml86_190,._sidebarCollapsed_1ml86_2 ._frameControls_1ml86_303,._sidebarCollapsed_1ml86_2 ._colorControls_1ml86_359,._sidebarCollapsed_1ml86_2 ._phoneMockupSelector_1ml86_416{display:none!important}._container_t006b_2{min-height:100vh;background-color:#f9fafb;padding:1rem}._contentContainer_t006b_8{max-width:800px;margin:0 auto}._header_t006b_13{margin:0 auto 1.5rem;display:flex;flex-direction:column;align-items:flex-start;gap:1rem}._backButton_t006b_21{display:flex;align-items:center;gap:.5rem;color:#4b5563;font-weight:500;padding:.75rem 1rem;cursor:pointer;transition:all .2s;border:none;background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;text-decoration:none}._backButton_t006b_21:hover{color:#1f2937;box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}._backButton_t006b_21 svg{transition:transform .2s}._backButton_t006b_21:hover svg{transform:translate(-2px)}._title_t006b_51{font-size:1.75rem;font-weight:700;color:#111827;margin:0}._content_t006b_8{width:100%}._section_t006b_62{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem;margin-bottom:1.5rem}._sectionTitle_t006b_70{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 1.5rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}._settingGroup_t006b_79{display:flex;flex-direction:column;gap:1.5rem}._setting_t006b_79{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem 0;border-bottom:1px solid #f3f4f6}._setting_t006b_79:last-child{border-bottom:none}._settingLabel_t006b_98{display:flex;flex-direction:column;gap:.25rem;width:100%}._settingLabel_t006b_98>span:first-child{font-size:1rem;font-weight:600;color:#111827}._settingDescription_t006b_111{font-size:.875rem;color:#6b7280;line-height:1.4}._settingValue_t006b_117{display:flex;align-items:center;width:100%}._versionBadge_t006b_123{background-color:#dbeafe;color:#1d4ed8;font-size:.875rem;font-weight:600;padding:.375rem .75rem;border-radius:.375rem;border:1px solid #bfdbfe}._tabs_t006b_134{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid #e5e7eb;padding-bottom:1rem;overflow-x:auto}._tabButton_t006b_143{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:transparent;border:none;border-radius:.5rem;color:#6b7280;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s;white-space:nowrap}._tabButton_t006b_143:hover{background-color:#f3f4f6;color:#111827}._activeTab_t006b_164{background-color:#f3f4f6;color:#111827;font-weight:600}._toggle_t006b_171{position:relative;width:40px;height:22px;background-color:#e5e7eb;border-radius:11px;cursor:pointer;transition:background-color .2s}._toggleActive_t006b_181{background-color:#3b82f6}._toggleInactive_t006b_185{position:absolute;left:2px;top:2px;width:18px;height:18px;background-color:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 2px #0000001a}._toggleActive_t006b_181 ._toggleInactive_t006b_185{transform:translate(18px)}@media (min-width: 768px){._container_t006b_2{padding:2rem}._header_t006b_13{flex-direction:row;align-items:center;margin-bottom:2rem}._title_t006b_51{font-size:2rem}._section_t006b_62{padding:2rem;margin-bottom:2rem}._sectionTitle_t006b_70{font-size:1.5rem}._setting_t006b_79{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem}._settingLabel_t006b_98{flex:1}._settingValue_t006b_117{margin-left:0;width:auto}}._appContainer_13vxo_1{min-height:100vh;background-color:#f5f7fa}._container_p49oo_1{margin-bottom:1.5rem}._progressContainer_p49oo_5{width:100%;height:4px;background-color:#e5e7eb;border-radius:2px;overflow:hidden}._progressBar_p49oo_13{height:100%;background-color:#3b82f6;transition:width .3s ease}._progressText_p49oo_19{margin-top:.5rem;font-size:.875rem;color:#6b7280;text-align:center}._container_1pnpb_1{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;width:100%}._card_1pnpb_10{width:100%;max-width:28rem;background-color:#fff;border-radius:.5rem;box-shadow:0 1px 2px #0000000d;padding:2rem 1.5rem;text-align:center}._title_1pnpb_20{margin-top:1.5rem;font-size:1.25rem;font-weight:500;color:#111827;margin-bottom:.5rem}._description_1pnpb_28{margin-top:.5rem;font-size:.875rem;color:#6b7280;line-height:1.5}