@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap);:root{--bg:#090b0d;--panel:#111417;--panel-2:#15191d;--line:#252a2f;--muted:#7f8993;--text:#f0f2f3;--accent:#d8ff3e;--accent-dark:#a8cf12;--danger:#ff6b6b}*{box-sizing:border-box}#app,body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Manrope,Noto Sans SC,sans-serif}body{min-width:320px}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed!important}.sidebar{position:fixed;inset:0 auto 0 0;width:228px;background:#0d1012;border-right:1px solid var(--line);padding:28px 18px 20px;z-index:20;display:flex;flex-direction:column}.brand{border:0;background:none;display:flex;align-items:center;gap:11px;padding:0 9px 30px;cursor:pointer}.brand-mark{width:31px;height:31px;display:grid;place-items:center;background:var(--accent);color:#0b0d0c;font-weight:800;clip-path:polygon(50% 0,100% 24%,90% 100%,10% 100%,0 24%)}.brand strong{font-size:19px;letter-spacing:0}.brand strong span{color:var(--accent)}nav{display:flex;flex-direction:column;gap:5px}nav button{border:0;background:transparent;color:#8b949d;text-align:left;height:44px;padding:0 14px;border-radius:6px;cursor:pointer;font-weight:600;display:flex;gap:13px;align-items:center}nav button:hover{background:#161a1d;color:#dce0e2}nav button.active{background:#1b201f;color:var(--accent)}nav button.active:before{content:"";position:absolute;left:18px;width:2px;height:20px;background:var(--accent)}.nav-icon{font-size:17px;width:18px;text-align:center}.sidebar-bottom{margin-top:auto}.credits{width:100%;height:62px;border:1px solid #303731;background:#151917;border-radius:6px;padding:10px 12px;text-align:left;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.credits span:first-child{display:flex;flex-direction:column;gap:2px}.credits small{color:#7e8982}.credits strong{font-size:17px;color:var(--accent)}.plus{width:26px;height:26px;border:1px solid #3f493c;border-radius:50%;display:grid;place-items:center;color:var(--accent)}.account{display:flex;align-items:center;margin-top:15px;padding:14px 4px 0;gap:9px;border-top:1px solid var(--line)}.avatar{width:33px;height:33px;background:#303733;border-radius:50%;display:grid;place-items:center;font-weight:700}.account>span{min-width:0;display:flex;flex:1;flex-direction:column}.account small,.account strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account strong{font-size:12px}.account small{font-size:10px;color:var(--muted)}.icon-button{border:0;background:none;color:#86908a;cursor:pointer;font-size:17px}.login-entry{width:100%;margin-top:13px;height:40px;border:1px solid #3b4435;background:#171c16;color:var(--accent);border-radius:5px;cursor:pointer;font-weight:600}main{margin-left:228px;min-height:100vh}.topbar{height:92px;border-bottom:1px solid var(--line);padding:0 34px;display:flex;align-items:center;justify-content:space-between;background:rgba(9,11,13,.92);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.eyebrow,.topbar small{color:var(--accent);font-size:9px;letter-spacing:2px;font-weight:700}.topbar h1{font-size:19px;margin:4px 0 0;letter-spacing:0}.header-actions{display:flex;align-items:center;gap:9px}.status{font-size:11px;color:#8d9791;margin-right:10px}.pay-status i,.status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);margin-right:8px}.button{border:1px solid #353b40;background:#171a1d;border-radius:5px;height:38px;padding:0 17px;cursor:pointer;font-size:12px;font-weight:700}.button.primary{background:var(--accent);border-color:var(--accent);color:#111}.button.primary:hover,.generate-button:hover{background:#e5ff7a}.button.ghost:hover{border-color:#687078;background:#1c2024}.workspace{height:calc(100vh - 92px);min-height:650px;display:grid;grid-template-columns:380px 1fr}.control-panel{border-right:1px solid var(--line);padding:22px 27px 28px;background:#0e1113;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#536329 #15191a}.control-panel::-webkit-scrollbar{width:8px}.control-panel::-webkit-scrollbar-track{background:#15191a;border-left:1px solid #202529}.control-panel::-webkit-scrollbar-thumb{background:#536329;border:2px solid #15191a;border-radius:4px}.control-panel::-webkit-scrollbar-thumb:hover{background:var(--accent)}.panel-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:19px}.panel-title span{font-size:13px;font-weight:700}.panel-title small{font-size:9px;color:#8c958f}.mode-switch{display:grid;grid-template-columns:1fr 1fr;background:#131619;border:1px solid #2b3035;border-radius:5px;padding:3px}.mode-switch button{height:34px;border:0;border-radius:3px;background:transparent;color:#7f8990;font-size:10px;font-weight:700;cursor:pointer}.mode-switch button.selected{background:#252d20;color:var(--accent)}.file-input{display:none}.upload-box{width:100%;height:86px;border:1px dashed #394238;border-radius:5px;background:#121614;color:#828c84;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.upload-box:hover{border-color:var(--accent);color:var(--accent)}.upload-box b{font-size:21px;font-weight:400}.upload-box span{font-size:9px}.upload-preview{height:104px;border:1px solid #2b3035;background:#131619;border-radius:5px;padding:8px;display:flex;gap:10px;align-items:center}.upload-preview img{width:86px;height:86px;-o-object-fit:cover;object-fit:cover;border-radius:3px}.upload-preview div{min-width:0;display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:9px}.upload-preview div span{max-width:100%;font-size:9px;color:#b7bdb9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-preview button{border:0;background:none;color:var(--accent);font-size:9px;padding:0;cursor:pointer}.field{display:block;margin-top:17px}.field>span{font-size:11px;font-weight:700;display:flex;justify-content:space-between;margin-bottom:8px;color:#d9dcde}.field em{font-style:normal;font-weight:400;color:#6f7880;font-size:9px}.field input,.field select,.field textarea{width:100%;border:1px solid #2b3035;background:#131619;color:#eceff0;border-radius:5px}.field textarea{height:108px;padding:12px;resize:none;line-height:1.7;font-size:11px}.field input{height:40px;padding:0 11px;font-size:11px}.field input::-moz-placeholder,.field textarea::-moz-placeholder{color:#545c63}.field input::placeholder,.field textarea::placeholder{color:#545c63}.prompt-actions{display:flex;justify-content:space-between;margin-top:7px}.prompt-actions button{border:0;background:none;color:#778188;font-size:9px;cursor:pointer;padding:3px}.prompt-actions button:first-child{color:var(--accent)}.select-wrap{position:relative}.select-wrap:after{content:"⌄";position:absolute;right:12px;top:9px;color:#899198;pointer-events:none}.field select{height:40px;padding:0 34px 0 11px;font-size:11px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.quality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.quality-grid button{height:74px;border:1px solid #2b3035;background:#131619;border-radius:5px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.quality-grid button.selected{border-color:var(--accent);background:#1a2017}.quality-grid b{font-size:13px}.quality-grid span{font-size:9px;color:var(--accent)}.quality-grid small{font-size:7px;color:#697279}.ratio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.ratio-grid button{height:74px;border:1px solid #2b3035;background:#131619;border-radius:5px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.ratio-grid button.selected{border-color:var(--accent);background:#1a2017}.ratio-grid i{display:block;border:1px solid #737b80}.ratio-grid b{font-size:9px}.ratio-grid small{font-size:7px;color:#697279}.range-field>span b{color:var(--accent);font-size:9px}.range-field input{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3px;padding:0;background:#2a3031;border:0;accent-color:var(--accent)}.range-field input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:13px;height:13px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px #273019}.range-ticks{color:#646d73;font-size:8px;margin-top:5px}.cost-summary,.range-ticks{display:flex;justify-content:space-between}.cost-summary{align-items:center;margin-top:18px;padding:11px 12px;border:1px solid #293025;background:#141814;border-radius:5px;font-size:9px;color:#8b948d}.cost-summary strong{font-size:12px;color:var(--accent)}.generate-button{width:100%;height:47px;border:0;border-radius:5px;background:var(--accent);color:#10120f;margin-top:24px;font-weight:800;cursor:pointer;display:flex;gap:8px;align-items:center;justify-content:center}.canvas-panel{min-width:0;overflow:auto;background-color:#0a0c0e;background-image:linear-gradient(#101316 1px,transparent 0),linear-gradient(90deg,#101316 1px,transparent 0);background-size:32px 32px}.empty-state,.generating-state{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px}.empty-visual{width:118px;height:118px;border:1px solid #30372d;border-radius:50%;display:grid;place-items:center;position:relative;margin-bottom:26px;background:#111510;box-shadow:0 0 60px rgba(216,255,62,.05)}.empty-visual:after,.empty-visual:before{content:"";position:absolute;border:1px solid #20251f;border-radius:50%;inset:13px}.empty-visual:after{inset:29px}.empty-visual span{font-size:29px;color:var(--accent);z-index:2}.empty-visual b,.empty-visual i{position:absolute;background:var(--accent);width:3px;height:3px;border-radius:50%;top:18px;right:22px}.empty-visual b{top:auto;right:auto;left:18px;bottom:28px}.empty-state h2,.generating-state h2{font-size:18px;margin:0 0 9px}.empty-state>p,.generating-state>p{font-size:10px;color:#778087;margin:0}.examples{display:grid;grid-template-columns:repeat(3,112px);gap:9px;margin-top:29px}.examples button{height:86px;background:#111417;border:1px solid #24292d;border-radius:5px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.examples button:hover{border-color:#5d6c44;background:#151a14}.examples span{color:var(--accent);font-size:17px}.examples b{font-size:9px}.examples small{font-size:7px;color:#687178}.scan-box{width:110px;height:110px;border:1px solid #37402e;display:grid;place-items:center;margin-bottom:25px;position:relative;overflow:hidden}.scan-box:after{content:"";position:absolute;left:0;right:0;height:1px;background:var(--accent);box-shadow:0 0 14px var(--accent);animation:scan 1.8s infinite}.scan-box span{color:var(--accent);font-size:26px}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(0,0,0,.25);border-top-color:currentColor;border-radius:50%;animation:spin .7s linear infinite}.loading-list .spinner,.qr-loading .spinner{border-color:#343a3e;border-top-color:var(--accent)}@keyframes spin{to{transform:rotate(1turn)}}@keyframes scan{0%{top:0}to{top:100%}}.result-area{padding:30px;min-height:100%}.result-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.result-head small{color:var(--accent);font-size:9px}.result-head h2{font-size:18px;margin:4px 0}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px}.result-grid.count-1{grid-template-columns:minmax(280px,680px);justify-content:center}.result-grid article{position:relative;background:#15181a;overflow:hidden;min-height:250px}.result-grid img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;max-height:calc(100vh - 210px)}.image-actions,.work-image>div{position:absolute;right:10px;top:10px;display:flex;gap:5px;opacity:0;transition:.2s}.result-grid article:hover .image-actions,.work-image:hover>div{opacity:1}.image-actions button,.work-image button{width:32px;height:32px;border:1px solid #454d53;background:rgba(10,12,13,.85);border-radius:4px;cursor:pointer}.content-section{padding:58px clamp(28px,5vw,74px);min-height:calc(100vh - 92px)}.section-toolbar{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:27px;margin-bottom:30px}.pricing-intro h2,.section-toolbar h2{font-size:28px;margin:8px 0 7px}.pricing-intro p,.section-toolbar p{font-size:12px;color:var(--muted);margin:0}.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px 14px}.gallery-grid article{min-width:0}.work-image{aspect-ratio:1/1;background:#141719;position:relative;overflow:hidden}.work-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .35s}.work-image:hover img{transform:scale(1.025)}.gallery-grid p{font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:10px 0 4px}.gallery-grid small{font-size:8px;color:#707a81}.gallery-empty,.loading-list{height:390px;border:1px dashed #2d3337;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#7e878d;text-align:center}.gallery-empty>span{font-size:34px;color:#58615a}.gallery-empty h3{color:#dfe2e3;margin:15px 0 3px}.gallery-empty p{font-size:10px;margin:0 0 20px}.loading-list{gap:12px;font-size:11px}.pagination{display:flex;justify-content:center;gap:5px;margin-top:38px}.pagination button{width:34px;height:34px;border:1px solid #2c3236;background:#131619;border-radius:4px;cursor:pointer}.pagination button.active{background:var(--accent);color:#10120f;border-color:var(--accent)}.pricing-intro{text-align:center;max-width:600px;margin:10px auto 47px}.plans{display:grid;grid-template-columns:repeat(3,minmax(0,310px));justify-content:center;gap:13px}.plans article{position:relative;border:1px solid #2c3236;background:#111417;padding:27px;border-radius:6px;min-height:355px;display:flex;flex-direction:column}.plans article.featured{border-color:var(--accent);background:#141914}.recommend{position:absolute;right:18px;top:0;transform:translateY(-50%);background:var(--accent);color:#10120f;border-radius:3px;padding:4px 10px;font-size:8px;font-weight:800}.plans article>small{font-size:11px;font-weight:700;color:#d7dadd}.price{display:flex;align-items:flex-start;margin-top:18px}.price span{font-size:14px;margin-top:8px}.price strong{font-size:44px;line-height:1}.plans article>p{font-size:9px;color:#788188;min-height:31px;line-height:1.7}.plan-credit{border-top:1px solid #292e31;border-bottom:1px solid #292e31;padding:18px 0;margin:12px 0 22px;display:flex;flex-direction:column}.plan-credit b{font-size:22px;color:var(--accent)}.plan-credit span{font-size:8px;color:#778088}.plans .button{width:100%;margin-top:auto}.plans-unavailable{height:250px;border:1px dashed #2d3337;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.plans-unavailable h3{margin:0 0 7px;font-size:15px}.plans-unavailable p{margin:0 0 18px;color:var(--muted);font-size:10px}.custom-recharge{max-width:956px;margin:22px auto 0;padding:23px 27px;border:1px solid #303731;background:#111512;border-radius:6px;display:flex;align-items:center;justify-content:space-between;gap:24px}.custom-recharge h3{margin:7px 0 5px;font-size:17px}.custom-recharge p{margin:0;color:var(--muted);font-size:10px}.custom-recharge-form{display:grid;grid-template-columns:210px 120px 110px;align-items:center;gap:12px}.custom-recharge-form label{height:42px;border:1px solid #394238;background:#0c0f0d;border-radius:5px;display:flex;align-items:center}.custom-recharge-form label span{padding-left:13px;color:var(--accent);font-weight:700}.custom-recharge-form input{width:100%;height:100%;border:0;background:transparent;color:var(--text);padding:0 12px;outline:0}.custom-recharge-form small{color:var(--accent);font-size:9px}.custom-recharge-form .button{width:110px}.pricing-notes{display:flex;justify-content:center;gap:38px;margin-top:35px;color:#8d9691;font-size:9px}.pricing-notes span:first-letter{color:var(--accent)}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.78);z-index:100;display:grid;place-items:center;padding:20px;backdrop-filter:blur(5px)}.modal{position:relative;background:#111416;border:1px solid #32383c;border-radius:7px;width:min(420px,100%);padding:35px;box-shadow:0 22px 80px #000}.modal-close{position:absolute;right:12px;top:10px;border:0;background:none;color:#828b91;font-size:22px;cursor:pointer}.modal-brand{display:flex;justify-content:center;margin-bottom:16px}.modal h2{text-align:center;font-size:21px;margin:0 0 7px}.modal>p{text-align:center;font-size:10px;color:#7d878e;margin:0 0 24px}.auth-modal form{display:flex;flex-direction:column;gap:13px}.auth-modal label>span{display:flex;justify-content:space-between;font-size:9px;font-weight:700;margin-bottom:6px}.auth-modal label em{font-style:normal;color:#657078;font-weight:400}.auth-modal input{width:100%;height:42px;border:1px solid #30363a;background:#0c0f11;color:#e8ebec;border-radius:4px;padding:0 12px;font-size:11px}.code-input{display:flex}.code-input input{border-radius:4px 0 0 4px}.code-input button{width:104px;border:1px solid #3f4938;background:#191f16;color:var(--accent);border-radius:0 4px 4px 0;font-size:9px;cursor:pointer}.auth-submit{height:44px;margin-top:5px}.auth-switch{text-align:center;font-size:9px;color:#727c83;margin-top:20px}.auth-switch button{border:0;background:none;color:var(--accent);cursor:pointer}.pay-modal{text-align:center}.pay-modal h2{margin-top:9px}.pay-amount{font-size:25px;color:var(--accent);font-weight:700;margin:8px 0 18px}.qr-wrap{width:200px;height:200px;background:#fff;margin:0 auto;padding:10px;display:grid;place-items:center}.qr-wrap img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.qr-loading{color:#111}.pay-modal>p{margin:15px 0 5px}.pay-modal>small{font-size:8px;color:#626b71}.pay-status{margin:18px auto 0;border-top:1px solid var(--line);padding-top:16px;font-size:10px;color:#aab1ad}.toast{position:fixed;right:24px;bottom:24px;z-index:200;padding:13px 18px;border:1px solid #48543a;background:#182016;color:#dfff6c;border-radius:5px;font-size:11px;box-shadow:0 10px 30px #000}.toast.error{background:#241617;border-color:#603536;color:#ff9d9d}@media(max-width:1050px){.sidebar{width:82px;padding-left:12px;padding-right:12px}.brand{padding-left:13px}.brand strong,nav button,nav button:not(.active):after{font-size:0}.brand-mark{flex:none}.sidebar nav button{justify-content:center;padding:0}.nav-icon{font-size:18px}.account>span,.credits span:first-child,.icon-button{display:none}.credits{justify-content:center;padding:0}.credits .plus{display:grid}.account{justify-content:center}.login-entry{font-size:9px}.sidebar+main,main{margin-left:82px}.workspace{grid-template-columns:340px}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.sidebar{position:fixed;inset:auto 0 0 0;width:auto;height:64px;flex-direction:row;align-items:center;padding:7px 10px;border-right:0;border-top:1px solid var(--line)}.brand,.sidebar-bottom{display:none}.sidebar nav{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.sidebar nav button{height:48px;display:flex;flex-direction:column;gap:2px;font-size:8px;justify-content:center}.sidebar nav button.active:before{display:none}.sidebar+main,main{margin-left:0;padding-bottom:64px}.topbar{height:72px;padding:0 16px}.topbar h1{font-size:16px}.status,.topbar small{display:none}.header-actions .button{height:34px;padding:0 11px}.workspace{height:auto;min-height:0;display:block}.control-panel{border-right:0;border-bottom:1px solid var(--line);padding:18px 17px 22px}.canvas-panel,.empty-state{min-height:500px}.empty-state{padding:35px 14px}.examples{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:6px}.examples button{width:auto}.result-area{padding:16px}.result-grid{grid-template-columns:1fr}.result-grid img{max-height:none}.content-section{padding:34px 16px;min-height:calc(100vh - 136px)}.section-toolbar{align-items:flex-start}.pricing-intro h2,.section-toolbar h2{font-size:23px}.section-toolbar p{max-width:210px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 8px}.plans{grid-template-columns:1fr}.custom-recharge{align-items:stretch;flex-direction:column}.custom-recharge-form{grid-template-columns:1fr}.custom-recharge-form .button{width:100%}.pricing-notes{display:grid;grid-template-columns:1fr 1fr;gap:13px}.modal{padding:30px 22px}.result-head{align-items:flex-start}.result-head .button{padding:0 10px}}