: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_1ej8e_1{min-height:100vh;background-color:#f5f7fa}._content_1ej8e_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_1ej8e_26{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;gap:1rem;color:#4b5563;font-size:1.125rem}._loadingSpinner_1ej8e_37{width:4rem;height:4rem;border:.25rem solid rgba(0,0,0,.1);border-top-color:#3b82f6;border-radius:50%;animation:_spin_1ej8e_1 1s linear infinite}@keyframes _spin_1ej8e_1{to{transform:rotate(360deg)}}._containerSidebarCollapsed_1ej8e_15 ._content_1ej8e_7{padding-left:calc(300px + 2rem)}._designCanvas_1ej8e_65{width:100%;height:100%;position:absolute;top:0;left:0;bottom:0;right:0}._mobileBackButton_1ej8e_77{display:none}@media (max-width: 768px){._mobileBackButton_1ej8e_77{display:flex;align-items:center;justify-content:center;position:fixed;top:16px;left:16px;z-index:10;width:44px;height:44px;border-radius:50%;border:none;background-color:#fff;box-shadow:0 2px 8px #00000026;color:#4b5563;font-size:1rem;cursor:pointer;transition:background-color .2s,box-shadow .2s}._mobileBackButton_1ej8e_77:active{background-color:#f3f4f6;box-shadow:0 1px 4px #0000001f}._content_1ej8e_7{padding:0!important}}._canvasContainer_zd2o0_1{width:100%;height:100%;overflow:hidden;background-color:#e8e8e8}@media (max-width: 768px){._canvasContainer_zd2o0_1{max-width:100%;overflow-x:auto}}._sidebarCollapsed_lspxr_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_lspxr_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_lspxr_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_lspxr_37:hover{color:#1f2937}._backButton_lspxr_37 svg{transition:transform .2s}._backButton_lspxr_37:hover svg{transform:translate(-2px)}._titleEditContainer_lspxr_64{display:flex;align-items:center;gap:.5rem;width:100%}._titleDisplay_lspxr_71{display:flex;height:3rem;align-items:center;gap:.75rem;cursor:pointer;border-radius:.375rem;transition:background-color .2s;width:100%}._titleDisplay_lspxr_71:hover{background-color:#00000005}._titleDisplay_lspxr_71:hover ._editButton_lspxr_86{opacity:1}._title_lspxr_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_lspxr_64:hover{background-color:#f3f4f6}._titleInput_lspxr_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_lspxr_112:disabled{background-color:#f9fafb;opacity:.8}._titleInput_lspxr_112:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}._editButton_lspxr_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_lspxr_86:hover{background-color:#f3f4f6;color:#4b5563}._titleButton_lspxr_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_lspxr_157:hover{background-color:#f3f4f6;color:#4b5563}._titleButton_lspxr_157:disabled{opacity:.5;cursor:not-allowed}._savingIndicator_lspxr_181{font-size:.875rem;font-weight:400;color:#6b7280;margin-left:.75rem;font-style:italic}._error_lspxr_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_lspxr_202{margin-top:1rem}._sidebarHeaderControls_lspxr_207{display:flex;align-items:center;justify-content:space-between;width:100%}._sidebarToggleButton_lspxr_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_lspxr_214:hover{color:#1f2937;background-color:#f3f4f6}._sidebarCollapsed_lspxr_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_lspxr_2 ._backButton_lspxr_37,._sidebarCollapsed_lspxr_2 ._sidebarToggleButton_lspxr_214{padding:.5rem;flex-shrink:0}._collapsedFileName_lspxr_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_lspxr_264{margin-top:20px;padding-top:15px;border-top:1px solid #e2e8f0}._frameInfo_lspxr_264 h3{margin:0 0 15px;font-size:1rem;font-weight:600;color:#111827}._frameInfoItem_lspxr_277{margin-bottom:15px;padding:10px;background-color:#f9fafb;border-radius:6px;transition:background-color .2s}._frameInfoItemSelected_lspxr_285{background-color:#dbeafe;border:1px solid #3b82f6}._frameInfoItem_lspxr_277 h4{margin:0 0 5px;font-size:.875rem;font-weight:600;color:#111827}._frameInfoItem_lspxr_277 p{margin:2px 0;font-size:.75rem;color:#6b7280}._sidebarCollapsed_lspxr_2 ._sidebarHeaderControls_lspxr_207:not(:first-child),._sidebarCollapsed_lspxr_2 ._titleContainer_lspxr_202,._sidebarCollapsed_lspxr_2 ._titleEditContainer_lspxr_64,._sidebarCollapsed_lspxr_2 ._titleDisplay_lspxr_71,._sidebarCollapsed_lspxr_2 ._editButton_lspxr_86,._sidebarCollapsed_lspxr_2 ._title_lspxr_64,._sidebarCollapsed_lspxr_2 ._savingIndicator_lspxr_181,._sidebarCollapsed_lspxr_2 ._error_lspxr_189,._sidebarCollapsed_lspxr_2 ._frameInfo_lspxr_264{display:none!important}@media (max-width: 768px){._sidebar_lspxr_2,._sidebarCollapsed_lspxr_2{display:none!important}}._layersPanel_4ft3q_1{margin-top:20px;padding-top:15px;border-top:1px solid #e2e8f0}._heading_4ft3q_7{margin:0 0 10px;font-size:1rem;font-weight:600;color:#111827}._tree_4ft3q_14{display:flex;flex-direction:column;gap:2px}._frameGroup_4ft3q_20{border-radius:6px;overflow:hidden}._frameRow_4ft3q_25{display:flex;align-items:center;gap:6px;padding:6px 8px;cursor:pointer;border-radius:6px;transition:background-color .15s;font-size:.875rem;font-weight:600;color:#111827}._frameRow_4ft3q_25:hover{background-color:#f3f4f6}._frameRow_4ft3q_25._selected_4ft3q_42{background-color:#dbeafe}._frameRow_4ft3q_25._frameActive_4ft3q_46{border-left:2px solid #3b82f6}._expandBtn_4ft3q_50{background:none;border:none;cursor:pointer;padding:2px;display:flex;align-items:center;color:#6b7280;flex-shrink:0}._expandBtn_4ft3q_50:hover{color:#111827}._frameName_4ft3q_65{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none}._shapeCount_4ft3q_74{font-size:.7rem;font-weight:500;color:#9ca3af;background:#f3f4f6;border-radius:10px;padding:1px 6px;flex-shrink:0}._shapeList_4ft3q_84{padding-left:20px}._shapeRow_4ft3q_88{display:flex;align-items:center;gap:6px;padding:4px 8px;cursor:pointer;border-radius:4px;transition:background-color .15s;font-size:.8rem;color:#374151}._shapeRow_4ft3q_88:hover{background-color:#f3f4f6}._shapeRow_4ft3q_88._selected_4ft3q_42{background-color:#dbeafe;font-weight:600}._shapeIcon_4ft3q_109{display:flex;align-items:center;flex-shrink:0}._shapeName_4ft3q_115{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none}._nameInput_4ft3q_124{flex:1;min-width:0;font-size:inherit;font-weight:inherit;color:inherit;border:1px solid #3b82f6;border-radius:3px;padding:1px 4px;outline:none;background:#fff}._reorderButtons_4ft3q_137{display:flex;gap:2px;opacity:0;transition:opacity .15s;flex-shrink:0}._frameRow_4ft3q_25:hover ._reorderButtons_4ft3q_137,._shapeRow_4ft3q_88:hover ._reorderButtons_4ft3q_137{opacity:1}._reorderBtn_4ft3q_150{background:none;border:none;cursor:pointer;padding:2px 3px;color:#9ca3af;border-radius:3px;display:flex;align-items:center}._reorderBtn_4ft3q_150:hover:not(:disabled){color:#374151;background:#e5e7eb}._reorderBtn_4ft3q_150:disabled{opacity:.3;cursor:default}._emptyFrame_4ft3q_171{font-size:.75rem;color:#9ca3af;font-style:italic;padding:4px 8px}._sidebarCollapsed_98eru_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_98eru_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_98eru_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_98eru_38:hover{color:#1f2937}._backButton_98eru_38 svg{transition:transform .2s}._backButton_98eru_38:hover svg{transform:translate(-2px)}._titleEditContainer_98eru_65{display:flex;align-items:center;gap:.5rem;width:100%}._titleDisplay_98eru_72{display:flex;height:3rem;align-items:center;gap:.75rem;cursor:pointer;border-radius:.375rem;transition:background-color .2s;width:100%}._titleDisplay_98eru_72:hover{background-color:#00000005}._titleDisplay_98eru_72:hover ._editButton_98eru_87{opacity:1}._title_98eru_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_98eru_65:hover{background-color:#f3f4f6}._titleInput_98eru_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_98eru_113:disabled{background-color:#f9fafb;opacity:.8}._titleInput_98eru_113:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}._editButton_98eru_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_98eru_87:hover{background-color:#f3f4f6;color:#4b5563}._titleButton_98eru_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_98eru_158:hover{background-color:#f3f4f6;color:#4b5563}._titleButton_98eru_158:disabled{opacity:.5;cursor:not-allowed}._savingIndicator_98eru_182{font-size:.875rem;font-weight:400;color:#6b7280;margin-left:.75rem;font-style:italic}._error_98eru_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_98eru_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_98eru_204>div{display:flex;align-items:center;padding:5px 10px;border-radius:4px}._zoomLevelContainer_98eru_204>div:not(:first-child):hover{background-color:#f3f4f6}._zoomLevelContainer_98eru_204 p{margin:0;font-size:.9rem;font-weight:500;color:#374151}._zoomLevelContainer_98eru_204 svg{font-size:1.2rem;color:#4b5563}._sidebarHeaderControls_98eru_239{display:flex;align-items:center;justify-content:space-between;width:100%}._sidebarHeaderControls_98eru_239>div{display:flex;flex-direction:row;align-items:center;gap:.5rem}._sidebarToggleButton_98eru_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_98eru_253:hover{color:#1f2937;background-color:#f3f4f6}._sidebarCollapsed_98eru_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_98eru_2 ._backButton_98eru_38,._sidebarCollapsed_98eru_2 ._sidebarToggleButton_98eru_253{padding:.5rem;flex-shrink:0}._collapsedFileName_98eru_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_98eru_303{margin-top:20px;padding-top:15px;border-top:1px solid #e2e8f0}._frameControls_98eru_303 h3{margin:0 0 15px;font-size:1rem;font-weight:600;color:#111827}._primaryButton_98eru_316{width:100%;margin-bottom:12px;background-color:#4a90e2;border:none;border-radius:6px;padding:10px 15px;font-size:.875rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s;text-align:center}._primaryButton_98eru_316:hover{background-color:#357abd}._primaryButton_98eru_316:active{background-color:#2a6199}._selectedInfo_98eru_339{margin:0 0 10px;font-size:.875rem;color:#6b7280;font-weight:500}._addShapeButtons_98eru_346{display:flex;flex-direction:column;gap:8px}._shapeButton_98eru_352{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_98eru_352:hover{background-color:#e5e7eb;border-color:#9ca3af}._shapeButton_98eru_352:active{background-color:#d1d5db}._deleteButton_98eru_374{width:100%;background-color:#fef2f2;border:1px solid #f5c2c7;border-radius:6px;padding:10px 15px;font-size:.875rem;font-weight:600;color:#b42318;cursor:pointer;transition:all .2s;text-align:left}._deleteButton_98eru_374:hover{background-color:#fee4e2;border-color:#fda29b}._deleteButton_98eru_374:active{background-color:#fecdca}._frameControls_98eru_303 ._deleteButton_98eru_374{margin-top:12px}._noSelection_98eru_401{margin:0;font-size:.875rem;color:#9ca3af;font-style:italic}._colorControls_98eru_409{margin-top:20px;padding-top:15px;border-top:1px solid #e2e8f0}._colorControls_98eru_409 h3{margin:0 0 15px;font-size:1rem;font-weight:600;color:#111827}._shapeActions_98eru_422{margin-top:20px;padding-top:15px;border-top:1px solid #e2e8f0}._shapeActions_98eru_422 h3{margin:0 0 15px;font-size:1rem;font-weight:600;color:#111827}._colorPalette_98eru_435{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:15px}._colorSwatch_98eru_442{width:32px;height:32px;border:2px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s}._colorSwatch_98eru_442:hover{border-color:#9ca3af;transform:scale(1.1)}._customColor_98eru_456{display:flex;align-items:center;gap:10px}._customColor_98eru_456 label{font-size:.875rem;font-weight:500;color:#374151}._customColor_98eru_456 input[type=color]{width:40px;height:32px;border:2px solid #e5e7eb;border-radius:6px;cursor:pointer;background:none;padding:0}._hexInput_98eru_478{flex:1;min-width:0;height:32px;border:1px solid #d1d5db;border-radius:6px;padding:0 10px;font-size:.875rem;font-family:inherit;color:#374151}._hexInput_98eru_478:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e226}._phoneMockupSelector_98eru_497{margin-top:20px;padding-top:15px;border-top:1px solid #e2e8f0}._phoneMockupSelector_98eru_497 h3{margin:0 0 15px;font-size:1rem;font-weight:600;color:#111827}._phoneMockupContainer_98eru_510{display:flex;flex-direction:column;gap:12px}._phoneMockup_98eru_497{display:flex;align-items:center;gap:12px;padding:12px;border:2px solid #e5e7eb;border-radius:8px;background-color:#f9fafb;transition:all .2s}._phoneMockup_98eru_497:hover{border-color:#9ca3af;background-color:#f3f4f6}._phoneMockup_98eru_497 img{width:40px;height:80px;object-fit:contain;flex-shrink:0}._phoneMockup_98eru_497 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_98eru_497 button:hover{color:#111827;background-color:#e5e7eb}._exportButton_98eru_559{margin-top:12px;background-color:#4a90e2;border:none;border-radius:6px;padding:10px 15px;font-size:.875rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s;text-align:center;width:100%}._exportButton_98eru_559:hover{background-color:#357abd}._exportButton_98eru_559:active{background-color:#2a6199}._textControls_98eru_583{margin-top:20px;padding-top:15px;border-top:1px solid #e2e8f0}._textControls_98eru_583 h3{margin:0 0 15px;font-size:1rem;font-weight:600;color:#111827}._textInputGroup_98eru_596{margin-bottom:10px}._textInputGroup_98eru_596 label{display:block;font-size:.8rem;font-weight:500;color:#6b7280;margin-bottom:4px}._textContentInput_98eru_608{width:100%;border:1px solid #d1d5db;border-radius:6px;padding:8px;font-size:.875rem;font-family:inherit;resize:vertical;box-sizing:border-box}._textContentInput_98eru_608:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e226}._numberInput_98eru_625{width:80px;border:1px solid #d1d5db;border-radius:6px;padding:6px 8px;font-size:.875rem}._numberInput_98eru_625:focus{outline:none;border-color:#4a90e2}._fontStyleButtons_98eru_638{display:flex;gap:6px}._fontStyleBtn_98eru_643{width:36px;height:36px;border:1px solid #d1d5db;border-radius:6px;background-color:#f3f4f6;font-size:.875rem;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}._fontStyleBtn_98eru_643:hover{background-color:#e5e7eb}._fontStyleActive_98eru_662{background-color:#4a90e2;color:#fff;border-color:#4a90e2}._clipToggleRow_98eru_669{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}._clipToggleLabel_98eru_676{font-size:.875rem;font-weight:500;color:#374151}._clipToggleBtn_98eru_682{padding:4px 12px;border:1px solid #d1d5db;border-radius:6px;background-color:#f3f4f6;font-size:.8rem;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s}._clipToggleBtn_98eru_682:hover{background-color:#e5e7eb}._clipToggleActive_98eru_698{background-color:#4a90e2;color:#fff;border-color:#4a90e2}._clipToggleActive_98eru_698:hover{background-color:#357abd}._clipControls_98eru_709{margin-top:20px;padding-top:15px;border-top:1px solid #e2e8f0}._clipControls_98eru_709 h3{margin:0 0 10px;font-size:1rem;font-weight:600;color:#111827}._sidebarCollapsed_98eru_2 ._sidebarHeaderControls_98eru_239:not(:first-child),._sidebarCollapsed_98eru_2 ._titleContainer_98eru_723,._sidebarCollapsed_98eru_2 ._titleEditContainer_98eru_65,._sidebarCollapsed_98eru_2 ._titleDisplay_98eru_72,._sidebarCollapsed_98eru_2 ._editButton_98eru_87,._sidebarCollapsed_98eru_2 ._title_98eru_65,._sidebarCollapsed_98eru_2 ._savingIndicator_98eru_182,._sidebarCollapsed_98eru_2 ._error_98eru_190,._sidebarCollapsed_98eru_2 ._frameControls_98eru_303,._sidebarCollapsed_98eru_2 ._colorControls_98eru_409,._sidebarCollapsed_98eru_2 ._phoneMockupSelector_98eru_497{display:none!important}@media (max-width: 768px){._sidebar_98eru_2,._sidebarCollapsed_98eru_2{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}