.page_main__akH3E{width:100%;min-height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5}.page_main__akH3E:focus{outline:none}.page_fixedHeader__dm7m8{position:sticky;top:0;width:100%;background-color:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px rgba(0,0,0,.1);z-index:1000}.page_headerContainer__mBPuU{justify-content:space-between;max-width:1600px;margin:0 auto;padding:12px 24px;height:60px}.page_headerContainer__mBPuU,.page_headerLeft__UJkII{display:flex;align-items:center}.page_headerTitle__hsbSd{font-size:20px;font-weight:600;color:#333;margin:0}.page_controlsGroup__sJHk_,.page_headerRight__AYxOc{display:flex;align-items:center;gap:16px}.page_modeToggle__MNZs9{display:flex;background-color:#f8f9fa;border-radius:8px;padding:4px;gap:2px}.page_modeButton__XCDGM{background:none;border:none;border-radius:6px;padding:8px 12px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;color:#6c757d}.page_modeButton__XCDGM:hover{background-color:#e9ecef;color:#495057}.page_modeButton__XCDGM.page_active__tAjuN{background-color:#667eea;color:#fff;box-shadow:0 2px 4px rgba(102,126,234,.25)}.page_modeButton__XCDGM:focus{outline:2px solid #667eea;outline-offset:2px}.page_apiSpecsButton__murhV{background-color:#667eea;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.page_apiSpecsButton__murhV:hover{background-color:#5a6fd8}.page_apiSpecsButton__murhV:active{background-color:#4c63d2;transform:translateY(1px)}.page_apiSpecsButton__murhV:focus{outline:2px solid #fff;outline-offset:2px}.page_container__LLik5{display:flex;width:100%;height:calc(100vh - 60px);max-width:1600px;margin:0 auto;flex:1}.page_container__LLik5.page_productionMode__qD9wE{height:100vh;max-width:none;margin:0}.page_requirementsArea__WniDD{flex:1;border-right:1px solid #ddd;background-color:#fff}.page_requirementsFrame__SmkIu{width:100%;height:100%;border:none}.page_requirementsFrame__SmkIu:focus{outline:none}.page_uiArea__zyt0W{width:375px;display:flex;align-items:center;justify-content:center;background-color:#eee;padding:20px}.page_uiArea__zyt0W.page_fullscreen__NQXTU{width:100vw;height:100vh;padding:0;background-color:#000;position:fixed;top:0;left:0;z-index:9999}.page_phoneContainer__GfoXG{width:375px;height:667px;border-radius:20px;overflow:hidden;box-shadow:0 0 20px rgba(0,0,0,.2);position:relative;background-color:#fff}.page_uiArea__zyt0W.page_fullscreen__NQXTU .page_phoneContainer__GfoXG{width:100vw;height:100vh;border-radius:0;box-shadow:none;max-width:none;max-height:none}.page_uiFrame__CDDAX{width:100%;height:100%;border:none}.page_uiFrame__CDDAX:focus{outline:none}@media(max-width:1200px){.page_headerContainer__mBPuU{padding:12px 16px}.page_headerTitle__hsbSd{font-size:18px}.page_controlsGroup__sJHk_{gap:12px}.page_modeButton__XCDGM{font-size:12px;padding:6px 10px}.page_apiSpecsButton__murhV{font-size:13px;padding:6px 12px}}@media(max-width:1024px){.page_container__LLik5{flex-direction:column;height:calc(100vh - 60px)}.page_container__LLik5.page_productionMode__qD9wE{height:100vh}.page_requirementsArea__WniDD{height:50vh;border-right:none;border-bottom:1px solid #ddd}.page_uiArea__zyt0W{width:100%!important;height:50vh}.page_uiArea__zyt0W.page_fullscreen__NQXTU{height:100vh}.page_phoneContainer__GfoXG{max-height:90%;max-width:90%}}@media(max-width:768px){.page_headerContainer__mBPuU{padding:8px 12px;flex-wrap:wrap;height:auto;min-height:60px}.page_headerTitle__hsbSd{font-size:16px}.page_controlsGroup__sJHk_{gap:8px;flex-wrap:wrap}.page_modeToggle__MNZs9{flex-shrink:0}.page_modeButton__XCDGM{font-size:11px;padding:6px 8px}.page_apiSpecsButton__murhV{font-size:12px;padding:6px 10px}.page_phoneContainer__GfoXG{width:300px;height:533px}}@media(max-width:480px){.page_headerContainer__mBPuU{flex-direction:column;gap:8px;padding:12px}.page_controlsGroup__sJHk_{justify-content:center}.page_phoneContainer__GfoXG{width:280px;height:497px}}