:root{font-family:system-ui,-apple-system,sans-serif;line-height:1.5;color:#e0e0e0;background-color:#0f0f1a}*,*:before,*:after{box-sizing:border-box;margin:0}*{margin:0;padding:0;box-sizing:border-box}html{font-family:Inter,system-ui,-apple-system,sans-serif}body{background:#0a0a12;min-height:100vh;position:relative;overflow-x:hidden}body:before,body:after{content:"";position:fixed;border-radius:50%;filter:blur(120px);opacity:.35;z-index:0;pointer-events:none}body:before{width:600px;height:600px;background:radial-gradient(circle,#7c3aed,transparent 70%);top:-10%;left:-10%}body:after{width:500px;height:500px;background:radial-gradient(circle,#2563eb,transparent 70%);bottom:10%;right:-8%}.app{max-width:1200px;margin:0 auto;padding:1rem 1.5rem;color:#e0e0ee;position:relative;z-index:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #6366f14d}50%{box-shadow:0 0 32px #6366f180}}.hero{text-align:center;padding:1.5rem 0 1rem;animation:fadeInUp .6s ease-out}.hero-badge{display:inline-block;padding:.25rem .85rem;border-radius:100px;font-size:.7rem;font-weight:500;color:#ffffffd9;background:linear-gradient(135deg,#7c3aed26,#2563eb26);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(124,58,237,.25);margin-bottom:.5rem;letter-spacing:.08em;text-transform:uppercase}.hero h1{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#f7d046,#ff6b6b,#c56cf0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.hero-subtitle{margin-top:.35rem;font-size:.85rem;color:#ffffff59;max-width:380px;margin-left:auto;margin-right:auto;line-height:1.5}.showcase-section,.create-section{margin-top:1.5rem;animation:fadeInUp .6s ease-out both}.showcase-section{animation-delay:.15s}.create-section{animation-delay:.3s}.showcase-section h2,.create-section h2{font-size:1.5rem;font-weight:600}.section-subtitle{color:#ffffff8c;margin-top:.25rem;margin-bottom:1.5rem}.carousel{position:relative;overflow:hidden;border-radius:16px;background:#16162299;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.06)}.carousel-track{display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1)}.carousel-slide{padding:0 .375rem}.carousel-slide-inner{position:relative;overflow:hidden;border-radius:12px;height:100%;border:1px solid rgba(255,255,255,.08);transition:box-shadow .3s}.carousel-slide-inner:hover{box-shadow:0 0 24px #7c3aed33}.carousel-slide-inner img{width:100%;aspect-ratio:3 / 4;object-fit:cover;display:block}.carousel-slide-btn{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);border-radius:20px;padding:.5rem 1.5rem;box-shadow:0 4px 16px #0006;z-index:2;opacity:0;transition:opacity .25s;white-space:nowrap}.carousel-slide-inner:hover .carousel-slide-btn{opacity:1}.carousel-caption{position:absolute;bottom:0;left:0;right:0;padding:3rem 1.5rem 1.5rem;background:linear-gradient(transparent,#000c);pointer-events:none}.carousel-caption h3{font-size:1.25rem;font-weight:600;color:#fff}.carousel-caption p{font-size:.9rem;color:#ffffffb3;margin-top:.25rem}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font-size:1.5rem;cursor:pointer;opacity:0;transition:opacity .25s,background .25s;display:flex;align-items:center;justify-content:center;z-index:2}.carousel:hover .carousel-arrow{opacity:1}.carousel-arrow:hover{background:#000000a6}.carousel-arrow-left{left:.75rem}.carousel-arrow-right{right:.75rem}.carousel-dots{position:absolute;bottom:.75rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem;z-index:2}.carousel-dot{width:8px;height:8px;border-radius:50%;border:none;background:#ffffff4d;cursor:pointer;padding:0;transition:background .25s,transform .25s}.carousel-dot.active{background:#818cf8;transform:scale(1.3);box-shadow:0 0 8px #818cf880}.btn{display:inline-block;padding:.55rem 1.35rem;border:none;border-radius:10px;font-size:.9rem;font-family:inherit;cursor:pointer;transition:all .25s;text-decoration:none;text-align:center}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#f7d046,#ff6b6b);color:#1a1a2e;font-weight:600;box-shadow:0 0 20px #f7d04640}.btn-primary:hover:not(:disabled){box-shadow:0 0 32px #f7d04673}.btn-secondary{background:#ffffff0f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);color:#e0e0e0}.btn-secondary:hover:not(:disabled){background:#ffffff1a}.create-section{background:#ffffff08;border-radius:16px;padding:1.5rem}.create-section h2{color:#fff}.create-section .section-subtitle{color:#fff9}.create-form{display:flex;flex-direction:column;gap:1rem;max-width:600px}.create-form textarea{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:.85rem 1rem;color:#fff;font-size:.95rem;resize:vertical;font-family:inherit;transition:border-color .25s,box-shadow .25s}.create-form textarea::placeholder{color:#fff6}.create-form textarea:focus{outline:none;border-color:#f7d04680;box-shadow:0 0 16px #f7d0461a}.create-form .btn{align-self:flex-start;font-size:.95rem;padding:.6rem 1.75rem}.size-select-row{display:flex;align-items:center;gap:.75rem;color:#ffffffad;font-size:.9rem}.size-select-row select{min-width:180px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font:inherit;padding:.65rem .75rem}.size-select-row select:focus{outline:none;border-color:#f7d04680}.size-select-row option{color:#111}.upload-row{display:flex;flex-direction:column;gap:.6rem}.upload-row input[type=file]{color:#ffffffb3;font-size:.9rem}.upload-copy{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;color:#fff9;font-size:.85rem}.upload-clear{background:transparent;border:none;color:#f7d046;cursor:pointer;font-size:.85rem}.create-error{font-size:.82rem;color:#ff6b6b}.create-note{font-size:.85rem;color:#ffffff73;margin-top:-.35rem}.create-status{display:flex;flex-direction:column;gap:.3rem;color:#ffffffa6;font-size:.84rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:100}.modal-content{background:#1e1e2ed9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:2rem;max-width:520px;width:min(90%,520px);max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 24px 64px #0006}.generate-modal-content{padding:1.75rem;max-width:760px;width:min(100%,760px);max-height:calc(100dvh - 2rem)}.modal-close{position:absolute;top:.75rem;right:1rem;background:none;border:none;color:#ffffff8c;font-size:1.5rem;cursor:pointer;transition:color .2s}.modal-close:hover{color:#fff}.modal-loading{text-align:center;padding:0 0 .9rem}.modal-loading-copy{margin:0 auto;max-width:34rem;color:#ffffffd9;line-height:1.6}.modal-loading-hint{margin-top:.55rem;color:#ffffff94;font-size:.88rem;line-height:1.5}.modal-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.modal-slot{min-width:0;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:.85rem}.modal-slot-success{border-color:#f7d0463d}.modal-slot-header{display:flex;align-items:center;justify-content:flex-start;margin-bottom:.7rem}.modal-slot-title{font-size:.95rem;font-weight:600;color:#ffffffeb}.modal-slot-image,.modal-slot-placeholder{width:100%;aspect-ratio:3 / 4;border-radius:12px}.modal-slot-image{display:block;object-fit:cover;background:#0c0c14e6}.modal-slot-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1rem .8rem;text-align:center;color:#ffffffd1;background:radial-gradient(circle at top,rgba(129,140,248,.12),transparent 50%),linear-gradient(180deg,#12121eeb,#0e0e18f5)}.modal-slot-spinner{width:36px;height:36px;margin:0}.modal-slot-copy{margin:0;font-size:.92rem;line-height:1.5}.modal-slot-error{margin:0;font-size:.8rem;color:#ffffff8f;line-height:1.45}.modal-slot-actions{margin-top:.8rem}.modal-slot-actions .btn{width:100%}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#818cf8;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1rem}.modal-error{text-align:center;padding:1rem 0;color:#ff6b6b}.modal-error-copy{margin-top:.65rem;color:#ffffffd9;line-height:1.6}.modal-error-hint{margin-top:.5rem;color:#fff9;line-height:1.5}.modal-result img{width:100%;max-height:55vh;object-fit:contain;border-radius:12px}.modal-result-actions{display:flex;gap:.75rem;margin-top:1rem;justify-content:center}.footer{margin-top:4rem;padding:2rem 0;text-align:center;color:#ffffff40;font-size:.85rem;border-top:1px solid rgba(255,255,255,.06)}.payment-modal{text-align:center;padding:1rem 0}.payment-modal h3{font-size:1.25rem;margin-bottom:.75rem;background:linear-gradient(135deg,#a78bfa,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.payment-modal p{color:#ffffff80;margin-bottom:1.25rem}.payment-modal .btn{min-width:160px}.auth-tabs{display:inline-flex;padding:.2rem;gap:.25rem;margin-bottom:1rem;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#ffffff0a}.auth-tab{border:0;border-radius:8px;padding:.45rem 1rem;color:#ffffffb3;background:transparent;cursor:pointer}.auth-tab.active{color:#111;background:#f7d046}.auth-form{display:flex;flex-direction:column;align-items:center;gap:.8rem}.key-input-group{display:flex;gap:.75rem;justify-content:center;margin-bottom:1rem}.key-input{background:#ffffff0a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:.5rem 1rem;color:#e0e0e0;font-size:1.1rem;text-align:center;letter-spacing:0;width:min(100%,260px);font-family:monospace;transition:border-color .25s,box-shadow .25s}.key-input:focus{outline:none;border-color:#f7d04680;box-shadow:0 0 12px #f7d0461f}.key-error{color:#ff6b6b;font-size:.85rem;margin-bottom:1rem}.payment-divider{margin:1.25rem 0;color:#ffffff40;font-size:.85rem}.about-float{position:fixed;bottom:2rem;left:2rem;max-width:280px;background:#ffffff14;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.14);color:#fff;border-radius:16px;padding:.78rem 1rem;display:flex;flex-direction:column;align-items:flex-start;gap:.18rem;box-shadow:0 4px 24px #00000038;z-index:50;font-size:.82rem;line-height:1.35;text-decoration:none;transition:border-color .3s,box-shadow .3s,transform .3s}.about-float:hover{border-color:#f7d04657;box-shadow:0 4px 32px #f7d04629;transform:translateY(-2px)}.about-title{font-weight:700;color:#f7d046}.about-copy{color:#ffffffb8}.qq-float{position:fixed;bottom:2rem;right:2rem;background:#12b7f526;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(18,183,245,.25);color:#fff;border-radius:16px;padding:.75rem 1rem;display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;box-shadow:0 4px 24px #12b7f526;z-index:50;font-size:.85rem;transition:box-shadow .3s}.qq-float:hover{box-shadow:0 4px 32px #12b7f54d}.qq-title{font-size:.8rem;opacity:.8}.qq-number{font-size:1rem;font-weight:700;letter-spacing:.04em}.store-title{margin-top:.45rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.14);color:#f7d046;font-size:.82rem;font-weight:800;line-height:1.35}.store-copy{max-width:13rem;color:#ffffffad;font-size:.72rem;line-height:1.45}.store-link{display:inline-flex;align-items:center;justify-content:center;margin-top:.35rem;padding:.42rem .62rem;border:1px solid rgba(247,208,70,.28);border-radius:8px;color:#f7d046;font-size:.78rem;font-weight:700;line-height:1.35;text-decoration:none;max-width:13rem;background:#f7d04614}.store-link:hover{color:#ffe78a;border-color:#f7d0467a;background:#f7d04624}.store-link-primary{color:#111;background:#f7d046;border-color:#f7d046}.store-link-primary:hover{color:#111;background:#ffe78a;border-color:#ffe78a}.background-task-toast{position:fixed;right:1rem;bottom:6.5rem;z-index:60;display:flex;flex-direction:column;gap:.2rem;width:min(320px,calc(100vw - 2rem));padding:.9rem 1rem;border-radius:16px;border:1px solid rgba(247,208,70,.22);background:#12121ceb;color:#fff;text-align:left;box-shadow:0 14px 40px #00000059}.background-task-title{font-size:.94rem;font-weight:600}.background-task-copy{font-size:.82rem;color:#ffffffa8}.dashboard-page{max-width:1320px}.dashboard-loading,.dashboard-error{margin-top:1rem;padding:.9rem 1rem;border-radius:14px;background:#ffffff0d}.dashboard-error{color:#ff8b8b}.dashboard-control-panel{margin-top:1.5rem;padding:1rem;border-radius:18px;background:#f7d04614;border:1px solid rgba(247,208,70,.16);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.dashboard-control-panel h2{font-size:1.08rem;color:#fff}.dashboard-control-panel p{margin-top:.28rem;color:#ffffff9e;font-size:.86rem}.dashboard-control-actions{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.dashboard-quota-input{width:120px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:10px;color:#fff;padding:.55rem .7rem;font-size:.95rem}.dashboard-quota-input:focus{outline:none;border-color:#f7d0468c}.dashboard-action-message{flex-basis:100%;color:#ffffffc7}.dashboard-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.9rem;margin-top:1.5rem}.dashboard-metric-card{padding:1rem;border-radius:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.dashboard-metric-label{display:block;font-size:.82rem;color:#ffffff8f}.dashboard-metric-value{display:block;margin-top:.35rem;font-size:1.6rem;color:#fff}.dashboard-table-wrap{margin-top:1.5rem;padding:1rem;border-radius:18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.dashboard-table-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.dashboard-table-header h2{font-size:1.1rem}.dashboard-table-header span{color:#ffffff8f;font-size:.85rem}.dashboard-table-scroll{overflow-x:auto}.dashboard-table{width:100%;min-width:960px;border-collapse:collapse}.dashboard-table th,.dashboard-table td{text-align:left;padding:.85rem .75rem;border-bottom:1px solid rgba(255,255,255,.08);font-size:.86rem;vertical-align:top}.dashboard-table th{color:#ffffff94;font-weight:500}.dashboard-table td{color:#ffffffe0}@media(max-width:768px){body:before{width:300px;height:300px;opacity:.25}body:after{width:250px;height:250px;opacity:.2}.app{padding:.75rem 1rem}.hero{padding:1rem 0 .75rem}.hero h1{font-size:1.5rem}.hero-subtitle{font-size:.8rem}.carousel-arrow{width:36px;height:36px;font-size:1.25rem;opacity:.7}.carousel-caption{padding:2rem 1rem 1rem}.carousel-caption h3{font-size:1rem}.create-form textarea{font-size:.9rem}.upload-copy,.create-status{font-size:.8rem}.generate-modal-content{width:100%;padding:.95rem .85rem .9rem;max-height:calc(100dvh - 1rem);overflow-x:hidden}.modal-slots{gap:.7rem}.modal-slot{padding:.58rem}.modal-slot-header{margin-bottom:.5rem}.modal-slot-title{font-size:.84rem}.modal-slot-image,.modal-slot-placeholder{aspect-ratio:5 / 6}.modal-slot-placeholder{gap:.6rem;padding:.8rem .56rem}.modal-slot-spinner{width:32px;height:32px;margin:0 0 .48rem}.modal-loading-copy{padding:0 1.2rem;font-size:.93rem}.modal-loading-hint{padding:0 1.1rem;font-size:.8rem}.modal-slot-copy{font-size:.82rem;line-height:1.45}.modal-slot-error{font-size:.72rem}.modal-slot-actions{margin-top:.58rem}.modal-slot-actions .btn{padding:.58rem .7rem;font-size:.8rem}.modal-result-actions{flex-direction:column}.key-input-group{flex-direction:column;align-items:center}.key-input{width:100%;max-width:200px}.about-float{bottom:1rem;left:1rem;max-width:calc(100vw - 8.25rem);padding:.64rem .72rem;font-size:.72rem;border-radius:14px}.qq-float{bottom:1rem;right:1rem;padding:.65rem .85rem;font-size:.8rem}.store-link{max-width:8.2rem;font-size:.68rem;padding:.36rem .48rem}.store-title{max-width:8.2rem;font-size:.72rem}.store-copy{max-width:8.2rem;font-size:.64rem}.background-task-toast{right:1rem;left:1rem;bottom:6.8rem;width:auto;padding:.82rem .9rem}.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-control-actions,.dashboard-quota-input,.dashboard-control-actions .btn{width:100%}}@media(max-width:420px),(max-width:768px)and (max-height:760px){.generate-modal-content{padding:.88rem .72rem}.modal-slots{gap:.58rem}.modal-slot{padding:.5rem}.modal-slot-title{font-size:.8rem}.modal-slot-image,.modal-slot-placeholder{aspect-ratio:1 / 1.15}.modal-slot-placeholder{padding:.72rem .48rem}.modal-slot-spinner{width:30px;height:30px}.modal-loading-copy{padding:0 1.2rem;font-size:.9rem}.modal-slot-copy{font-size:.78rem}.modal-slot-actions .btn{font-size:.78rem;padding:.54rem .62rem}}