body{margin:0;padding:0;width:100%;min-height:100vh;overflow-x:hidden}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}.app-content{flex:1;display:flex;flex-direction:column;align-items:stretch;width:100%;padding:20px 20px 100px;margin-top:60px;min-height:calc(100vh - 120px);max-width:1600px;margin-left:auto;margin-right:auto}.container{background:#1e1e2eb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(129,140,248,.15);border-radius:20px;padding:30px;box-shadow:0 20px 60px #00000080;width:100%;max-width:800px;margin:0 auto 40px}.containerExample{background:#1e1e2eb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(129,140,248,.15);border-radius:20px;padding:30px;box-shadow:0 20px 60px #00000080;width:100%;max-width:1500px;margin:0 auto 40px}@media (min-width: 769px) and (max-height: 900px){.app-content{flex-direction:column;align-items:stretch;padding:15px 20px 60px;margin-top:50px;min-height:calc(100vh - 110px)}.container{padding:25px;margin-bottom:20px}h1{font-size:28px;margin-bottom:6px}.subtitle{margin-bottom:20px;font-size:15px}.input-group{margin-bottom:16px}button{padding:14px;font-size:17px}.result{margin-top:20px;margin-bottom:30px}}@media (max-width: 768px){.app-content{padding:15px;min-height:calc(100vh - 100px)}.container{padding:20px;border-radius:15px}}@media (max-width: 480px){.app-content{padding:10px}.container{padding:15px;border-radius:12px;box-shadow:0 10px 30px #0003}}h1{font-size:32px;margin-bottom:8px;background:linear-gradient(135deg,#818cf8,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{color:#a5b4fc;margin-bottom:24px;font-size:16px}.input-group{margin-bottom:20px}label{display:block;margin-bottom:8px;font-weight:600;color:#e0e0ff;font-size:14px}input[type=text]{width:100%;padding:16px;font-size:16px;border:2px solid rgba(129,140,248,.2);border-radius:12px;transition:all .3s;font-family:inherit;background:#141423cc;color:#fff}input[type=text]:focus{outline:none;border-color:#818cf8;background:#1e1e2ee6;box-shadow:0 0 0 3px #818cf81a}.examples{margin-top:8px;font-size:13px;color:#a5b4fc}.example-tag{display:inline-block;padding:4px 10px;margin:4px 4px 4px 0;background:#818cf826;border-radius:12px;cursor:pointer;transition:background .2s;font-size:12px;color:#e0e0ff;border:1px solid rgba(129,140,248,.2)}.example-tag:hover{background:#818cf840;border-color:#818cf8}button{width:100%;padding:16px;font-size:18px;font-weight:700;color:#fff;background:linear-gradient(135deg,#818cf8,#a78bfa);border:none;border-radius:12px;cursor:pointer;transition:transform .2s,box-shadow .2s;font-family:inherit}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #818cf880}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading{margin:24px 0;text-align:center}.spinner{display:inline-block;width:50px;height:50px;border:4px solid rgba(129,140,248,.2);border-top:4px solid #818cf8;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{margin-top:16px;color:#a5b4fc;font-weight:600}.progress-steps{margin-top:12px;font-size:14px;color:#a5b4fc}.result{margin-top:24px;margin-bottom:40px}.result-title{font-size:20px;font-weight:700;margin-bottom:16px;color:#e0e0ff;text-align:center}.result-image{width:100%;max-height:800px;object-fit:contain;border-radius:12px;box-shadow:0 10px 30px #0006;margin-bottom:16px;border:1px solid rgba(129,140,248,.1)}.button-group{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.secondary-btn{background:#25d366}.download-btn{background:#08c}.error{padding:16px;background:#dc262633;border-left:4px solid #f87171;border-radius:8px;color:#fca5a5;margin-top:16px}.metadata{margin-top:12px;padding:12px;background:#14142399;border-radius:8px;font-size:13px;color:#a5b4fc;border:1px solid rgba(129,140,248,.1)}.metadata-item{margin:4px 0}footer{text-align:center;margin-top:32px;color:#fffc;font-size:14px}footer a{color:#fff;text-decoration:none;font-weight:600}@media (max-width: 640px){.container{padding:20px}h1{font-size:28px}.button-group{grid-template-columns:1fr}}.header-user-info{display:flex;flex-direction:column;align-items:flex-start}.header-user-name{font-size:13px;font-weight:600;color:#e0e0ff}.headerButton{width:100px}.header-user-email{font-size:11px;color:#a5b4fc}.header-title{font-size:18px;font-weight:700;color:#e0e0ff}@media (max-width: 768px){.header-title{font-size:16px}.header-user-name{font-size:12px}.header-user-email{display:none}}@media (max-width: 480px){.header-title{font-size:14px}.header-user-info{display:none}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-content{background:#141423fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(129,140,248,.2);border-radius:20px;padding:40px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #000000b3;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:15px;right:15px;background:transparent;border:none;font-size:32px;cursor:pointer;color:#a5b4fc;width:auto;padding:0 10px;line-height:1;transition:all .2s;border-radius:50%}.modal-close:hover{background:#818cf833;color:#fff}.modal-title{font-size:28px;font-weight:700;margin-bottom:12px;color:#e0e0ff;text-align:center}.modal-subtitle{font-size:16px;color:#a5b4fc;margin-bottom:24px;text-align:center}.modal-body{margin:24px 0}.google-sign-in-btn{width:100%;padding:16px;background:#1e1e2ecc;border:2px solid rgba(129,140,248,.3);border-radius:12px;font-size:16px;font-weight:600;color:#e0e0ff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .2s;margin:20px 0}.google-sign-in-btn:hover{border-color:#818cf8;background:#818cf833;transform:translateY(-2px);box-shadow:0 4px 12px #818cf84d}.google-sign-in-btn img{width:24px;height:24px}.quota-info{background:#818cf826;border-left:4px solid #818cf8;padding:16px;border-radius:8px;margin:20px 0;color:#e0e0ff}.quota-info strong{color:#a5b4fc;font-size:18px}.pricing-card{background:linear-gradient(135deg,#818cf8,#a78bfa);color:#fff;padding:24px;border-radius:12px;margin:20px 0;text-align:center;border:1px solid rgba(255,255,255,.1)}.pricing-card .price{font-size:48px;font-weight:700;margin:12px 0}.pricing-card .period{font-size:18px;opacity:.9}.upgrade-btn{background:#fff;color:#5b21b6;width:100%;padding:16px;font-size:18px;font-weight:700;border:none;border-radius:12px;cursor:pointer;margin-top:16px;transition:all .2s}.upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #fff6;background:#f8f8ff}.features-list{list-style:none;padding:0;margin:20px 0;text-align:left}.features-list li{padding:8px 0;display:flex;align-items:center;gap:8px}.features-list li:before{content:"✓";color:#fff;font-weight:700;font-size:18px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:linear-gradient(135deg,#0a0a0f,#1a1a2e,#0f0f1e);min-height:100vh;padding:20px 20px 60px;color:#ffffffe6}#root{max-width:100%;margin:0 auto}