:root{--bg-color:#0a0a0f;--text-color:#fff;--primary-color:#bbee24;--primary-hover:#9ece1b;--secondary-color:#1e1e2e;--accent-color:#d4ff33;--border-color:#ffffff1a;--glass-bg:#1e1e2eb3}*{box-sizing:border-box;overflow-wrap:break-word;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{background-color:var(--bg-color);color:var(--text-color);min-height:100vh;overflow-x:hidden}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color)}.gradient-text{background:linear-gradient(135deg, var(--primary-color), var(--accent-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-primary{background:linear-gradient(135deg, var(--primary-color), var(--accent-color));color:#0a0a0f;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:600;transition:all .3s;display:inline-flex}.btn-primary:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 10px 20px #bbef004d}.btn-outline{color:var(--text-color);border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:8px;padding:12px 24px;font-weight:600;transition:all .3s}.btn-outline:hover{background:#ffffff0d}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--secondary-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.editable{cursor:pointer;border:1px dashed #0000;outline:none;transition:all .2s;position:relative}.edit-mode .editable:hover{border-color:var(--primary-color);background-color:#bbef001a}.edit-icon{background:var(--primary-color);color:#fff;opacity:0;pointer-events:none;z-index:10;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;transition:opacity .2s;display:flex;position:absolute;top:-10px;right:-10px}.edit-mode .editable:hover .edit-icon{opacity:1}.editable:focus{border-color:var(--primary-color);background-color:#bbef000d}.home-container{flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.bg-glow{filter:blur(120px);pointer-events:none;z-index:0;border-radius:50%;width:40%;height:40%;position:absolute}.bg-glow.top-left{background-color:#bbef0026;top:-10%;left:-10%}.bg-glow.bottom-right{background-color:#d4ff3326;bottom:-10%;right:-10%}.home-header{z-index:50;justify-content:space-between;align-items:center;width:100%;padding:24px 48px;display:flex;position:fixed;top:0}.logo{letter-spacing:-1px;font-size:24px;font-weight:800}.hero-section{text-align:center;z-index:10;flex-direction:column;flex:1;align-items:center;max-width:1100px;margin:0 auto;padding:120px 24px 80px;display:flex;position:relative}.hero-content{flex-direction:column;align-items:center;margin-bottom:80px;display:flex}.badge{color:#a5b4fc;border-radius:50px;align-items:center;gap:8px;margin-bottom:32px;padding:8px 16px;font-size:14px;font-weight:500;display:inline-flex}.hero-title{margin-bottom:24px;font-size:clamp(40px,6vw,72px);font-weight:800;line-height:1.1}.hero-description{color:#9ca3af;max-width:700px;margin-bottom:40px;font-size:clamp(16px,2vw,20px);line-height:1.6}.hero-btn{border-radius:12px;padding:16px 32px;font-size:18px;box-shadow:0 0 40px #bbef0066}.features-grid{grid-template-cols:repeat(auto-fit, minmax(300px, 1fr));gap:32px;width:100%;display:grid}.feature-card{text-align:left;border:1px solid #ffffff0d;border-radius:24px;flex-direction:column;align-items:flex-start;padding:32px;transition:border-color .3s;display:flex}.feature-card:hover{border-color:#ffffff1a}.feature-icon-wrapper{background-color:#ffffff0d;border-radius:16px;margin-bottom:24px;padding:16px}.icon-yellow{color:#facc15}.icon-purple{color:#c084fc}.feature-title{margin-bottom:12px;font-size:20px;font-weight:700}.feature-desc{color:#9ca3af;line-height:1.6}.chat-container{background-color:var(--bg-color);color:#fff;flex-direction:column;height:100vh;display:flex}.chat-container.is-generating{justify-content:center;align-items:center}.chat-header{border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.chat-header .logo{font-size:20px;font-weight:700}.step-indicator{font-size:14px;font-weight:600}.wizard-area{min-height:calc(100vh - 70px);padding:40px 24px;display:flex;overflow-y:auto}.wizard-box{border:1px solid #ffffff0d;border-radius:24px;width:100%;max-width:768px;margin:auto;padding:40px;box-shadow:0 25px 50px -12px #00000040}.wizard-title{margin-bottom:12px;font-size:30px;font-weight:700}.wizard-subtitle{margin-bottom:32px;font-size:18px}.wizard-content-wrapper{flex-direction:column;justify-content:center;min-height:250px;margin-bottom:48px;display:flex}.wizard-textarea{border:1px solid var(--border-color);color:#fff;resize:none;background:#0003;border-radius:16px;outline:none;width:100%;padding:16px;font-size:16px;transition:border-color .3s}.wizard-textarea:focus{border-color:var(--primary-color)}.wizard-input{border:1px solid var(--border-color);color:#fff;background:#0003;border-radius:16px;outline:none;width:100%;padding:16px;font-size:16px;transition:border-color .3s}.wizard-input:focus{border-color:var(--primary-color)}.wizard-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width<=768px){.wizard-grid{grid-template-columns:1fr}}.wizard-card{border:1px solid var(--border-color);cursor:pointer;background:#0003;border-radius:16px;padding:20px;transition:all .3s;position:relative;overflow:hidden}.wizard-card:hover{border-color:#fff3;transform:translateY(-2px)}.wizard-card.selected{border-color:var(--primary-color);background:#bbef000d}.palette-swatches{border-radius:8px;width:100%;height:40px;margin-bottom:16px;display:flex;overflow:hidden}.palette-swatches .swatch{flex:1;height:100%}.card-title{margin-top:16px;font-weight:700}.card-title-lg{margin-bottom:4px;font-size:20px}.card-subtitle{margin-bottom:12px;font-size:14px}.card-desc{margin-top:4px;font-size:14px}.wizard-footer{border-top:1px solid #ffffff1a;justify-content:space-between;padding-top:24px;display:flex}.btn-wizard{align-items:center;padding:8px 24px;display:flex}.generating-box{text-align:center;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:450px;padding:48px;display:flex}.gen-title{margin-bottom:8px;font-size:24px;font-weight:700}.media-modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9999;background:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.media-modal-content{border:1px solid var(--border-color);color:#fff;background:#1a1a1a;border-radius:24px;flex-direction:column;width:90%;max-width:900px;height:80vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000080}.media-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.media-title{align-items:center;gap:12px;font-size:24px;font-weight:700;display:flex}.media-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;transition:all .2s}.media-close:hover{color:#fff;transform:scale(1.1)}.media-body{flex-direction:column;flex:1;gap:24px;padding:32px;display:flex;overflow-y:auto}.media-upload-area{text-align:center;cursor:pointer;background:#0003;border:2px dashed #fff3;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:40px;transition:all .3s;display:flex}.media-upload-area:hover{border-color:var(--primary-color);background:#bbef000d}.media-grid{grid-template-columns:repeat(auto-fill,150px);gap:16px;display:grid}.media-item{aspect-ratio:1;cursor:pointer;background:#000;border:2px solid #0000;border-radius:12px;transition:all .2s;position:relative;overflow:hidden}.media-item:hover{border-color:#ffffff80;transform:translateY(-2px)}.media-item img{object-fit:cover;width:100%;height:100%;transition:opacity .2s}.media-item:hover img{opacity:.7}.media-item-overlay{opacity:0;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .2s;display:flex;position:absolute;top:0;left:0}.media-item:hover .media-item-overlay{opacity:1}.media-delete-btn{color:#fff;cursor:pointer;z-index:10;background:#ef4444e6;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.media-delete-btn:hover{background:#ef4444;transform:scale(1.1)}.media-loader{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.text-primary{color:var(--primary-color)}.text-gray-300{color:#d1d5db}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-black{color:#000}.font-bold{font-weight:700}.text-lg{font-size:18px}.flex-1{flex:1}.justify-center{justify-content:center}.items-center{align-items:center}.py-12{padding-top:48px;padding-bottom:48px}.mb-1{margin-bottom:4px}.bg-black\/20{background-color:#0003}.rounded-xl{border-radius:12px}.rounded-full{border-radius:9999px}.p-2{padding:8px}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a}.preview-container{color:#000;background:#fff;min-height:100vh}.preview-toolbar{z-index:1000;color:#fff;cursor:default;border-radius:50px;align-items:center;gap:24px;width:max-content;margin:0 auto;padding:12px 24px;display:flex;position:fixed;top:20px;left:0;right:0;box-shadow:0 10px 30px #0003}.preview-toolbar-min{z-index:1000;color:#fff;cursor:default;border-radius:50px;align-items:center;gap:12px;padding:12px;display:flex;position:fixed;bottom:20px;left:20px;box-shadow:0 10px 30px #0003}.drag-handle,.drag-handle-min{cursor:grab;color:#9ca3af;justify-content:center;align-items:center;transition:color .2s;display:flex}.drag-handle:active,.drag-handle-min:active{cursor:grabbing}.drag-handle:hover,.drag-handle-min:hover{color:#fff}.btn-icon-only{border-radius:50%;padding:8px}.btn-toolbar{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;transition:all .2s;display:flex}.btn-toolbar:hover{background:#fff3}.btn-toolbar.active{background:var(--primary-color);border-color:var(--primary-hover);color:#022c22!important}.btn-sm{border-radius:20px;padding:8px 16px;font-size:14px}.rendered-content{width:100%;min-height:100vh}.modal-content{background:var(--secondary-color);border:1px solid var(--border-color);text-align:center;color:#fff;border-radius:24px;width:90%;max-width:400px;padding:40px;position:relative}.modal-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;position:absolute;top:16px;right:16px}.modal-close:hover{color:#fff}.w-full{width:100%}.flex{display:flex}.flex-col{flex-direction:column}.gap-4{gap:16px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.preview-chat-box{z-index:1000;border-radius:24px;align-items:flex-end;gap:12px;width:500px;max-width:90vw;padding:12px;display:flex;position:fixed;top:90px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0003}.preview-chat-input{border:1px solid var(--border-color);color:#fff;resize:none;background:#0003;border-radius:16px;outline:none;flex:1;padding:12px 20px;font-size:14px}.preview-chat-input:focus{border-color:var(--primary-color)}.preview-chat-send{background:var(--primary-color);color:#0a0a0f;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;color:#022c22!important}.preview-chat-send:hover:not(:disabled){opacity:.9;transform:scale(1.05)}.preview-chat-send:disabled{opacity:.7;cursor:not-allowed}.spin{animation:1s linear infinite spin}@media (width<=768px){.preview-toolbar{scrollbar-width:none;border-radius:20px;justify-content:space-between;gap:8px;width:calc(100% - 20px);max-width:calc(100% - 20px);padding:8px 12px;top:10px;left:10px;right:10px;overflow-x:auto}.preview-toolbar::-webkit-scrollbar{display:none}.btn-toolbar,.btn-sm{white-space:nowrap;flex-shrink:0;padding:6px 12px;font-size:12px}.preview-chat-box{width:calc(100% - 20px);max-width:calc(100% - 20px);top:65px}}.dashboard-container{background-color:var(--bg-color);flex-direction:column;width:100%;min-height:100vh;display:flex}.dashboard-header{width:100%}.site-card{background-color:#111827;border:1px solid #ffffff14;border-radius:20px;transition:all .2s;overflow:hidden}.site-card:hover{border-color:#fff3;transform:translateY(-2px)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#111827;border:1px solid #ffffff1a;border-radius:24px;width:90%;max-width:480px;padding:32px;position:relative;box-shadow:0 20px 50px #00000080}.login-container{background-color:var(--bg-color);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-box{border-radius:24px;width:100%;max-width:400px;padding:40px}.login-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#d1d5db;font-size:14px;font-weight:500}.form-group input{border:1px solid var(--border-color);color:#fff;background:#0003;border-radius:8px;outline:none;padding:12px 16px;transition:border-color .2s}.form-group input:focus{border-color:var(--primary-color)}.error-message{color:#ef4444;text-align:center;background:#ef44441a;border-radius:8px;margin-bottom:24px;padding:12px;font-size:14px}.text-center{text-align:center}.mb-8{margin-bottom:32px}.mb-2{margin-bottom:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.text-sm{font-size:14px}