*{box-sizing:border-box}body{margin:0;background:#0b0b0d;color:#f5f5f7;font-family:system-ui,sans-serif}.app{min-height:100vh}header{height:68px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;background:#111114;border-bottom:1px solid #29292f}header span{color:#9b6cff;font-size:25px}header i{font-style:normal;color:#7eea96;font-size:14px}header em{display:inline-block;width:9px;height:9px;border-radius:50%;background:#30d158;margin-right:8px}main{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - 108px);gap:1px;background:#29292f}.chat,.preview{background:#0f0f12;padding:32px}.title{display:flex;justify-content:space-between;gap:16px}.title h1{font-size:36px;margin:0 0 8px}.title p{color:#9999a3;margin:0 0 24px}.title small{color:#bd9cff}.card,.error{background:#151519;border:1px solid #2b2b32;border-radius:18px;padding:20px;margin-bottom:16px}.card label{display:block;color:#aaaab3;margin-bottom:8px}textarea{width:100%;min-height:170px;background:#0d0d10;color:#fff;border:1px solid #3a3a42;border-radius:14px;padding:15px;resize:vertical;font:inherit}button{margin-top:12px;width:100%;padding:15px;border:0;border-radius:13px;background:#8b5cf6;color:#fff;font-weight:700;font-size:16px}button:disabled{opacity:.55}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}.steps div{border:1px solid #2d2d34;border-radius:12px;padding:10px;color:#777}.steps div.on{border-color:#7650bd;color:#ddd}.steps b{display:block;margin-bottom:6px}.error{border-color:#71313a}.error>b{color:#ff7c88}pre{white-space:pre-wrap}.preview h3{display:flex;justify-content:space-between}.preview h3 span{font-size:12px;color:#777}.empty{height:80%;display:grid;place-content:center;text-align:center;color:#888}.empty div{font-size:50px;color:#a879ff}.empty h2{color:#eee}footer{text-align:center;color:#666;font-size:10px;padding:10px}@media(max-width:850px){main{grid-template-columns:1fr}.chat{padding:18px}.title h1{font-size:27px}.steps{grid-template-columns:1fr 1fr}.preview{min-height:400px}}@media(max-width:1000px){html,body,#root{min-width:0;width:100%}body{overflow-x:hidden}.top{position:sticky!important;top:0!important;z-index:60!important;min-height:64px}.topLeft{flex:1 1 auto;min-width:0}.topLeft>div{min-width:0}.brand{overflow:hidden;text-overflow:ellipsis}.topActions{flex:0 0 auto}.topActions .btn{white-space:nowrap}.main{width:100%;overflow-x:hidden}.pageHead{flex-wrap:wrap}.pageHead>div:first-child{min-width:0}.side{display:none!important}.drawerBackdrop{display:block!important;position:fixed!important;inset:0!important;z-index:90!important;background:#0000009e!important;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mobileDrawer{display:block!important;position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:min(320px,88vw)!important;z-index:100!important;padding:max(14px,env(safe-area-inset-top)) 14px max(18px,env(safe-area-inset-bottom))!important;overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.drawerHeader{position:sticky;top:0;padding-bottom:8px;background:#141820;z-index:1}.drawerClose,.drawerBtn,.mobileMenuBtn{touch-action:manipulation}.drawerBtn{min-height:48px!important;font-size:15px}.drawerSection{margin-top:18px}.drawerAccount{margin-bottom:10px}.authOverlay{z-index:200!important}.authCard{width:100%!important;max-width:560px}.project,.card,.hero,.status,.error,.feature,.stat{min-width:0;overflow-wrap:anywhere}.input,.textarea{max-width:100%}}@media(max-width:520px){.top{padding-left:8px!important;padding-right:8px!important}.mobileMenuBtn{width:44px!important;height:44px!important}.brand{font-size:17px!important}.main{padding:12px!important}.card{padding:15px!important;border-radius:15px!important}.pageHead h1{font-size:22px!important}.pageHead .btn{width:100%}.chatbox{flex-direction:column}.chatbox .btn{width:100%}.accountGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.steps{grid-template-columns:1fr 1fr!important}}