html,body,#root{min-width:100%;min-height:100%;margin:0}body{min-height:100vh}*{box-sizing:border-box}body{color:#fff;background:#08090d;margin:0;font-family:Inter,Arial,sans-serif}button{font:inherit}.app{background:radial-gradient(circle at 90% 5%,#7e48ff38,#0000 28%),radial-gradient(circle at 0 45%,#4471ff1a,#0000 25%),#08090d;max-width:480px;min-height:100vh;margin:0 auto;padding:24px 20px 110px}.header{justify-content:space-between;align-items:center;margin-bottom:50px;display:flex}.logo{letter-spacing:1px;font-size:20px;font-weight:900}.subtitle{color:#777b89;letter-spacing:2px;margin-top:3px;font-size:9px;font-weight:700}.credits{color:#fff;background:#ffffff0f;border:1px solid #292b34;border-radius:999px;padding:10px 15px;font-weight:700}.hero{margin-bottom:35px}.badge{color:#a986ff;letter-spacing:1.5px;background:#854eff1a;border:1px solid #9d69ff40;border-radius:8px;margin-bottom:14px;padding:7px 10px;font-size:10px;font-weight:800;display:inline-block}.hero h1{letter-spacing:-2px;margin:0;font-size:43px;line-height:1.02}.hero h1 span{background:linear-gradient(90deg,#8c5cff,#d86bff);color:#0000;-webkit-background-clip:text;background-clip:text}.hero p{color:#8e929f;max-width:370px;margin-top:18px;font-size:15px;line-height:1.6}.tools{flex-direction:column;gap:14px;display:flex}.tool-card{color:#fff;text-align:left;cursor:pointer;background:#13141beb;border:1px solid #252731;border-radius:22px;align-items:center;gap:15px;width:100%;min-height:105px;padding:18px;display:flex}.tool-card:hover{border-color:#7651dc;transform:translateY(-2px)}.tool-icon{background:linear-gradient(135deg,#754cff,#b761ff);border-radius:17px;flex:0 0 58px;place-items:center;width:58px;height:58px;font-size:25px;display:grid;box-shadow:0 10px 30px #7a49ff40}.video-card .tool-icon{background:linear-gradient(135deg,#b248ff,#ec5db4)}.tool-info{flex:1}.tool-info h2{margin:0 0 7px;font-size:18px}.tool-info p{color:#858996;margin:0;font-size:12px}.arrow{color:#9c78ff;font-size:25px}.recent{margin-top:35px}.section-title{justify-content:space-between;align-items:center;display:flex}.section-title h3{font-size:15px}.section-title button{color:#9875ff;cursor:pointer;background:0 0;border:0;font-size:12px}.empty{text-align:center;background:#ffffff05;border:1px dashed #292b35;border-radius:20px;margin-top:10px;padding:30px 20px}.empty-icon{color:#8b63ff;margin-bottom:10px;font-size:27px}.empty h3{margin:0 0 7px;font-size:13px}.empty p{color:#747884;margin:0;font-size:11px}.bottom-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0b0ff5;border-top:1px solid #22242c;justify-content:space-around;align-items:center;width:min(480px,100%);height:78px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav button{color:#696d78;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:5px;font-size:10px;display:flex}.bottom-nav button span{font-size:20px}.bottom-nav .active{color:#9b77ff}@media (width<=380px){.hero h1{font-size:37px}.app{padding-left:16px;padding-right:16px}}.generator-header{grid-template-columns:48px 1fr auto;align-items:center;gap:12px;margin-bottom:28px;display:grid}.back-button{color:#fff;cursor:pointer;background:#13141b;border:1px solid #292b35;border-radius:14px;width:44px;height:44px;font-size:22px}.generator-title{font-size:18px;font-weight:800}.generator-subtitle{color:#777b89;letter-spacing:1.5px;margin-top:3px;font-size:8px;font-weight:700}.generator{flex-direction:column;gap:25px;display:flex}.generator-preview{aspect-ratio:1;background:radial-gradient(circle,#7e48ff1f,#0000 50%),#0e0f14;border:1px dashed #323540;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-height:390px;display:flex}.preview-icon{color:#9a6cff;margin-bottom:12px;font-size:38px}.generator-preview p{color:#777b88;margin:0;font-size:13px}.input-section{width:100%}.input-title{justify-content:space-between;margin-bottom:10px;font-size:13px;font-weight:700;display:flex}.counter{color:#686c78;font-size:11px;font-weight:500}.input-section textarea{resize:none;color:#fff;background:#111219;border:1px solid #292c36;border-radius:18px;outline:none;width:100%;height:125px;padding:16px;font-family:inherit;font-size:14px;line-height:1.5;transition:all .2s}.input-section textarea::placeholder{color:#555966}.input-section textarea:focus{border-color:#8659ff;box-shadow:0 0 0 3px #8659ff14}.option-section{width:100%}.option-title{margin-bottom:11px;font-size:13px;font-weight:700}.ratio-options{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.ratio{color:#858995;cursor:pointer;background:#111219;border:1px solid #292c35;border-radius:13px;padding:13px 10px;transition:all .2s}.ratio:hover{border-color:#6e4ac9}.active-ratio{color:#b798ff;background:#8659ff21;border-color:#8659ff}.model-card{color:#fff;text-align:left;background:#7e48ff17;border:1px solid #6d4ac5;border-radius:17px;justify-content:space-between;align-items:center;width:100%;padding:17px 18px;display:flex}.model-card strong{font-size:14px}.model-card p{color:#777c89;margin:5px 0 0;font-size:11px}.model-card>span{color:#fff;background:#8558ff;border-radius:50%;place-items:center;width:25px;height:25px;font-size:12px;display:grid}.generate-button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#754cff,#b153ff);border:0;border-radius:17px;justify-content:space-between;align-items:center;width:100%;margin-top:5px;padding:17px 20px;font-size:14px;font-weight:800;display:flex;box-shadow:0 12px 35px #7e48ff40}.generate-button:disabled{color:#555966;box-shadow:none;cursor:not-allowed;background:#1d1f27}.generate-button:not(:disabled):hover{transform:translateY(-1px)}.generated-image{object-fit:cover;border-radius:23px;width:100%;height:100%;display:block}.generator-preview{overflow:hidden}.recent-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.recent-card{background:#101017;border:1px solid #252533;border-radius:18px;overflow:hidden}.recent-card img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.recent-card-info{color:#aaa6bd;white-space:nowrap;text-overflow:ellipsis;padding:10px;font-size:12px;line-height:1.4;overflow:hidden}.library-card{cursor:pointer;transition:transform .2s,border-color .2s}.library-card:hover{border-color:#6f4bd8;transform:translateY(-2px)}.creation-detail{padding:10px 14px 50px}.detail-image{object-fit:contain;background:#0d0d13;border:1px solid #292938;border-radius:22px;width:100%;max-height:520px;display:block}.detail-info{background:#111118;border:1px solid #292938;border-radius:18px;margin-top:18px;padding:18px}.detail-label{color:#8e68ff;letter-spacing:1.5px;margin-bottom:8px;font-size:10px;font-weight:800}.detail-prompt{color:#eeeaf7;margin:0;font-size:14px;line-height:1.55}.detail-meta{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.detail-meta span{color:#777482;flex-direction:column;gap:5px;font-size:10px;display:flex}.detail-meta strong{color:#ded9eb;font-size:12px}.detail-actions{grid-template-columns:2fr 1fr;gap:10px;margin-top:14px;display:grid}.download-button,.delete-button{cursor:pointer;border-radius:15px;padding:15px;font-family:inherit;font-weight:700}.download-button{color:#fff;background:linear-gradient(90deg,#754cff,#ad50ff);border:0}.delete-button{color:#e58198;background:#171116;border:1px solid #422b35}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;display:grid}.library-card{cursor:pointer;background:#101017;border:1px solid #292938;border-radius:18px;width:100%;min-width:0;overflow:hidden}.library-card img{object-fit:cover;width:100%;height:210px;display:block}.library-card-content{padding:10px}.library-card-content p{color:#e7e4f0;text-overflow:ellipsis;white-space:nowrap;margin:0 0 8px;font-size:12px;line-height:1.4;overflow:hidden}.library-card-content span{color:#8f8a9e;font-size:11px}.model-options{flex-direction:column;gap:10px;display:flex}.model-card{width:100%}.active-model{background:#17102b;border-color:#8b55ff;box-shadow:0 0 0 1px #8b55ff26}.advanced-section{margin-top:4px;margin-bottom:14px}.advanced-toggle{color:#dcd8e8;cursor:pointer;background:#111118;border:1px solid #292938;border-radius:14px;justify-content:space-between;align-items:center;width:100%;padding:14px 16px;font-family:inherit;font-size:13px;font-weight:700;display:flex}.advanced-content{background:#0e0e14;border:1px solid #242431;border-radius:14px;margin-top:10px;padding:14px}.advanced-label{color:#b9b4c8;margin-bottom:8px;font-size:12px;font-weight:700}.seed-input{box-sizing:border-box;color:#fff;background:#17171f;border:1px solid #323241;border-radius:11px;outline:none;width:100%;padding:12px 14px;font-family:inherit;font-size:14px}.seed-input:focus{border-color:#8057ff}.advanced-hint{color:#74717e;margin:7px 2px 0;font-size:10px}