:root{--lang-accent: var(--accent, #8b5cf6);--lang-gate-bg: var(--bg, #0a0a12);--lang-gate-fg: var(--text, #ffffff);--lang-menu-bg: var(--panel, #16161f);--lang-menu-border: var(--border, rgba(255, 255, 255, .14));--lang-toggle-border: var(--border, rgba(255, 255, 255, .22))}.lang-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--lang-gate-bg, #0a0a12);overflow-y:auto}.lang-gate-box{width:100%;max-width:540px;text-align:center;color:var(--lang-gate-fg, #fff)}.lang-gate-brand{font-size:11px;letter-spacing:3px;opacity:.5;margin-bottom:14px}.lang-gate-app{font-size:22px;font-weight:700;line-height:1.3;margin-bottom:22px}.lang-gate-ask{font-size:15px;opacity:.72;margin-bottom:22px}.lang-gate-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media (min-width: 540px){.lang-gate-grid{grid-template-columns:repeat(4,1fr)}}.lang-gate-btn{display:flex;flex-direction:column;align-items:center;gap:3px;padding:16px 8px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:#ffffff0a;color:inherit;font-family:inherit;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}.lang-gate-btn:hover{border-color:var(--lang-accent, #8b5cf6);background:#ffffff17;transform:translateY(-1px)}.lang-gate-btn.is-guess{border-color:var(--lang-accent, #8b5cf6)}.lang-gate-label{font-size:15px;font-weight:600}.lang-gate-en{font-size:10.5px;opacity:.45}.lang-gate-note{margin-top:20px;font-size:11.5px;opacity:.38}.lang-toggle{position:relative;display:inline-block}.lang-toggle-btn{padding:5px 11px;border:1px solid var(--lang-toggle-border, rgba(255, 255, 255, .22));border-radius:999px;background:transparent;color:inherit;font-family:inherit;font-size:12.5px;white-space:nowrap;cursor:pointer}.lang-toggle-btn:hover{border-color:var(--lang-accent, #8b5cf6)}.lang-toggle-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:9100;min-width:134px;margin:0;padding:5px;list-style:none;border:1px solid var(--lang-menu-border, rgba(255, 255, 255, .14));border-radius:10px;background:var(--lang-menu-bg, #16161f);box-shadow:0 10px 30px #0006}.lang-toggle-menu li{margin:0}.lang-toggle-menu button{width:100%;padding:7px 11px;border:0;border-radius:7px;background:transparent;color:var(--lang-menu-fg, #fff);font-family:inherit;font-size:13px;text-align:left;cursor:pointer}.lang-toggle-menu button:hover{background:#ffffff17}.lang-toggle-menu button.is-on{background:var(--lang-accent, #8b5cf6);color:#fff}.legal-footer{margin-top:2.5rem;padding:1.2rem 1rem 1.6rem;border-top:1px solid rgba(128,128,128,.25);display:flex;flex-direction:column;gap:.35rem;align-items:center;text-align:center;font-size:.72rem;color:var(--muted, #8b8b96);opacity:.85}.legal-footer a{color:inherit;text-decoration:underline}.lang-gate-preview{width:100%;max-width:460px;border-radius:12px;margin:.9rem auto .2rem;display:block;box-shadow:0 8px 30px #00000059}.showcase{max-width:1100px;margin:2.5rem auto 0;padding:0 1rem}.showcase-title{text-align:center;font-size:1.15rem;margin:0 0 1rem;opacity:.9}.showcase-grid{display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width: 720px){.showcase-grid{grid-template-columns:repeat(3,1fr)}}.showcase-grid img{width:100%;border-radius:12px;display:block}.pkg-worth{display:block;font-size:.72rem;color:var(--muted, #8b8b96);margin-top:2px}:root{--bg: #0f1016;--panel: #181a23;--panel-2: #1f2230;--border: #2c3040;--text: #e8eaf2;--muted: #9aa0b4;--accent: #7c5cff;--accent-2: #00d4a0;--danger: #ff6b6b;--success: #00d4a0;--radius: 14px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;min-height:100vh}.app-container{display:flex;flex-direction:column;min-height:100vh}.app-header{background:var(--panel);border-bottom:1px solid var(--border);padding:20px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.app-header h1{font-size:1.5rem;letter-spacing:-.5px}.app-header p{color:var(--muted);font-size:.9rem;flex:1 0 auto}.auth-section{display:flex;align-items:center;gap:12px}.auth-section span{color:var(--muted);font-size:.9rem}.coins{color:#ffd166;font-weight:600;font-size:.95rem}.auth-section button{padding:6px 14px;border-radius:8px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);cursor:pointer;font-size:.9rem;transition:all .2s}.auth-section button:hover{background:var(--accent);border-color:var(--accent)}.notice,.error{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;font-size:.9rem;animation:slideDown .3s ease-out}.notice{background:#00d4a01a;color:var(--success);border-bottom:1px solid rgba(0,212,160,.3)}.error{background:#ff6b6b1a;color:var(--danger);border-bottom:1px solid rgba(255,107,107,.3)}.notice button,.error button{background:none;border:none;color:inherit;cursor:pointer;font-size:1.2rem;padding:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.app-content{display:grid;grid-template-columns:320px 1fr;gap:20px;padding:20px 24px;flex:1;overflow-y:auto}@media (max-width: 1024px){.app-content{grid-template-columns:1fr}}.sidebar{display:flex;flex-direction:column;gap:24px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:20px;height:fit-content;position:sticky;top:20px}.sidebar section{display:flex;flex-direction:column;gap:12px}.sidebar h2{font-size:1rem;font-weight:600;color:var(--text)}.sidebar h3{font-size:.9rem;font-weight:600;color:var(--muted)}.category-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.category-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px;border-radius:10px;border:2px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;font-size:.75rem;text-align:center;transition:all .2s}.category-btn:hover{border-color:var(--accent)}.category-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.category-btn>div:first-child{font-size:1.4rem}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.85rem;font-weight:600;color:var(--muted)}.form-group textarea{padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-family:inherit;font-size:.9rem;resize:vertical;transition:border-color .2s}.form-group textarea:focus{outline:none;border-color:var(--accent)}.style-grid{display:grid;grid-template-columns:1fr;gap:6px}.style-btn{padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;font-size:.8rem;text-align:left;transition:all .2s}.style-btn:hover{border-color:var(--accent)}.style-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.form-group label input[type=checkbox]{cursor:pointer;margin-right:6px}.btn-primary{padding:10px 16px;border-radius:8px;border:none;background:var(--accent);color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;width:100%}.btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.seeds{display:flex;flex-direction:column;gap:6px}.seed-btn{padding:8px 10px;border-radius:8px;border:1px dashed var(--border);background:var(--bg);color:var(--text);cursor:pointer;font-size:.8rem;text-align:left;transition:all .2s}.seed-btn:hover{border-color:var(--accent-2);background:#00d4a014}.main-area{display:flex;flex-direction:column;gap:20px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 40px;background:var(--panel);border:2px dashed var(--border);border-radius:var(--radius);text-align:center}.empty-icon{font-size:3rem}.empty-state h2{font-size:1.3rem;color:var(--text)}.empty-state p{color:var(--muted);font-size:.95rem}.preview-area{display:flex;justify-content:center;padding:20px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);min-height:300px}.preview-area img{max-width:100%;max-height:500px;border-radius:8px;object-fit:contain}.mockup-section{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.mockup-section h2{font-size:1rem;margin-bottom:16px}.compare-section{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.compare-section h2{font-size:1rem;margin-bottom:16px}.history{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:20px}.history h2{font-size:1rem;margin-bottom:16px}.history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.history-item{position:relative;cursor:pointer;border-radius:8px;border:2px solid var(--border);overflow:hidden;aspect-ratio:1;transition:all .2s}.history-item:hover{border-color:var(--accent)}.history-item.active{border-color:var(--accent);box-shadow:0 0 12px #7c5cff66}.history-item img{width:100%;height:100%;object-fit:cover}.delete-btn{position:absolute;top:4px;right:4px;width:24px;height:24px;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.history-item:hover .delete-btn{opacity:1}.delete-btn:hover{background:var(--danger)}@media (max-width: 768px){.app-header{flex-direction:column;align-items:flex-start}.auth-section{width:100%;flex-wrap:wrap}.sidebar{position:static}.category-grid{grid-template-columns:repeat(4,1fr)}.style-grid{grid-template-columns:1fr 1fr}.history-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}@media (max-width: 480px){.category-grid{grid-template-columns:1fr 1fr}.preview-area{padding:10px;min-height:200px}.history-grid{grid-template-columns:repeat(4,1fr)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000a6;display:flex;align-items:center;justify-content:center;padding:20px}.modal{position:relative;width:min(100%,420px);max-height:90vh;overflow-y:auto;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:26px}.modal.topup{width:min(100%,460px)}.modal h3{font-size:1.15rem;margin-bottom:6px}.modal button:disabled{opacity:.45;cursor:not-allowed}.modal-close{position:absolute;top:12px;right:12px;width:30px;height:30px;border-radius:50%;font-size:.8rem;cursor:pointer;font-family:inherit;border:1px solid var(--border);background:var(--panel-2);color:var(--text)}.cta{width:100%;margin-top:16px;padding:13px;background:linear-gradient(135deg,var(--accent),#5a3fe0);border:none;border-radius:10px;color:#fff;font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer}.cta:hover:not(:disabled){filter:brightness(1.1)}.cta:disabled{opacity:.45;cursor:not-allowed}.cta.secondary{background:var(--panel-2);border:1px solid var(--accent);color:var(--accent)}.google-btn{display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:#1a1a1a;border:none}.toss-btn{background:#0064ff;border:none}.divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.75rem;margin:16px 0 10px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-form{display:flex;flex-direction:column;gap:10px}.auth-form input{width:100%;min-height:50px;padding:14px 16px;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:10px;font-size:.95rem;font-family:inherit;transition:border-color .15s,box-shadow .15s}.auth-form input::placeholder{color:var(--muted)}.auth-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #7c5cff2e}.auth-form .cta{margin-top:4px}.auth-links{display:flex;justify-content:space-between;margin-top:14px}.auth-links button{background:none;border:none;color:var(--muted);font-size:.8rem;text-decoration:underline;text-underline-offset:2px;padding:0}.auth-links button:hover{color:var(--text)}.modal .error{color:var(--danger);margin-top:10px;font-size:.85rem}.modal .info-msg{color:var(--accent-2);font-size:.85rem;margin-top:10px}.link-btn{background:none;border:none;color:var(--accent-2);text-decoration:underline;padding:0;font-size:inherit;cursor:pointer}.pkg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.pkg-card{display:flex;flex-direction:column;gap:3px;align-items:center;padding:14px 6px}.pkg-card b{font-size:1.02rem}.pkg-card span{font-size:.72rem;color:var(--muted)}.pkg-card .bonus{color:var(--accent-2);font-style:normal;font-weight:700}.pkg-card .pkg-price{color:var(--text);font-size:.85rem;margin-top:4px}.pkg-card.active{border-color:#ffd166;background:#ffd16614}.pay-method{margin-bottom:14px}.seg{display:flex;border:1px solid var(--border);border-radius:10px;overflow:hidden}.seg button{flex:1;padding:9px 0;border:none;border-radius:0;background:var(--panel-2);font-size:.82rem}.seg button+button{border-left:1px solid var(--border)}.seg button.active{background:var(--accent);color:#fff}.hint{color:var(--muted);font-size:.75rem;text-align:center}.upload-box{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:26px 16px;border:2px dashed var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;text-align:center;transition:border-color .15s}.upload-box:hover{border-color:var(--accent)}.upload-box small{color:var(--muted);font-size:.75rem}.file-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer;font-size:16px}.upload-choice{display:flex;flex-direction:column;gap:8px}.shoot-btn{position:relative;display:none;text-align:center;cursor:pointer;padding:11px;font-size:.9rem}@media (pointer: coarse){.shoot-btn{display:block}}.app-header .app-name{font-size:1.5rem;letter-spacing:-.5px;font-weight:700;margin:0}.app-header h1.app-tagline{color:var(--muted);font-size:.9rem;font-weight:400;flex:1 0 auto;letter-spacing:0;margin:0}