:root{--bg:#070b08;--bg-elev:#0d1410;--bg-soft:#111a15;--border:#1d2a22;--text:#e8f7ee;--text-muted:#9ab8a5;--primary:#35e06f;--primary-hover:#45ea7b;--primary-active:#29c95f;--ring:#35e06f73;--shadow:0 12px 28px #00000061;--text-muted-gray:#7e7e7e;color:var(--text);background:var(--bg);font-family:Inter,Segoe UI,Roboto,sans-serif;line-height:1.45}*{box-sizing:border-box}button,[role=button],label,summary{cursor:pointer}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 10% 10%,#112317 0%,#070b08 38%)}#app{width:100%;height:100%}.app-shell{grid-template-columns:180px 1fr;gap:0;width:100%;height:100vh;display:grid}.content-shell{grid-template-rows:auto 1fr;gap:12px;min-width:0;height:100vh;min-height:0;padding:16px;display:grid;overflow:hidden}.app-sidebar{border-right:1px solid var(--border);background:#0a120d;flex-direction:column;min-height:100vh;padding:14px 10px;display:flex}.sidebar-mobile-top{display:none}.sidebar-main{flex-direction:column;flex:1;min-height:0;display:flex}.sidebar-brand--mobile{padding:0}.sidebar-mobile-menu-btn,.sidebar-mobile-backdrop{display:none}.sidebar-brand{align-items:center;gap:8px;padding:10px 10px 22px;display:flex}.sidebar-nav{border-top:1px solid var(--border);align-content:start;gap:4px;margin:0 -10px;padding:12px 4px;display:grid}.sidebar-service-item{text-align:left;width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:10px;font-size:14px;display:flex}.sidebar-service-item:hover{color:var(--text);background:#35e06f0f}.sidebar-service-item.active{color:var(--primary);background:#35e06f1a}.sidebar-service{gap:4px;margin-top:auto;margin-bottom:10px;padding:8px 4px 0;display:grid}.sidebar-item{text-align:left;width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-left:3px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:14px 10px;font-size:14px;font-weight:500;transition:all .2s;display:flex;position:relative}.sidebar-icon{flex-shrink:0;width:18px;height:18px;transition:all .2s}.sidebar-item:hover{color:var(--text);background:#35e06f0f}.sidebar-item.active{color:var(--text);border-left-color:var(--primary);box-shadow:inset -3px 0 0 var(--primary);background:#35e06f1f}.sidebar-item.active .sidebar-icon{color:var(--primary)}.sidebar-user{border-top:1px solid var(--border);cursor:pointer;align-items:center;gap:10px;margin:0 -10px;padding:12px 10px 8px;transition:background .2s;display:flex}.avatar{color:#06210f;background:var(--primary);border-radius:999px;place-items:center;width:32px;height:32px;font-weight:700;display:grid}.sidebar-user small{color:var(--text-muted);display:block}.sidebar-user:focus-visible{outline-offset:2px;outline:2px solid #35e06f80}.sidebar-user-wrap{position:relative}.sidebar-login-btn{background:var(--primary);width:100%;min-height:40px;color:var(--bg);border:1px solid #35e06f57;border-radius:10px;margin-top:6px;font-weight:700}.sidebar-user-menu{opacity:0;pointer-events:none;z-index:30;background:#080c0af5;border:1px solid #35e06f33;border-radius:12px;gap:10px;min-width:120px;padding:6px;transition:opacity .18s,transform .18s;display:grid;position:absolute;bottom:0;left:calc(100% + 10px);transform:translateY(6px);box-shadow:0 14px 30px #00000073}.sidebar-user-wrap:hover .sidebar-user-menu,.sidebar-user-wrap.open .sidebar-user-menu,.sidebar-user-menu.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.sidebar-user-menu-item{color:var(--text);background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;min-height:34px;padding:0 10px;font-size:13px;display:inline-flex}.sidebar-user-menu-item:hover{background:#35e06f1a;border-color:#35e06f38;transform:translate(2px)}.sidebar-user-menu-item.danger{color:#ff9b9b}.sidebar-mobile-account{display:none}.dot{background:var(--primary);border-radius:50%;width:10px;height:10px;box-shadow:0 0 16px #35e06fcc}.tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab,.ghost{color:var(--text-muted);border:1px solid var(--border);white-space:nowrap;background:0 0;border-radius:10px;flex-shrink:0;padding:clamp(6px,2vw,8px) clamp(8px,2vw,12px);font-size:clamp(12px,2vw,14px)}.ghost{color:var(--primary);background:#35e06f1a}.tab.active{color:var(--text);border-color:#35e06f8c;box-shadow:inset 0 0 0 1px #35e06f26}.home-page{-ms-overflow-style:none;scrollbar-width:none;background:radial-gradient(1100px 420px at 50% -180px,#35e06f1a,#080c0800 55%),#080c08;border:1px solid #35e06f1f;border-radius:22px;min-height:calc(100vh - 32px);padding:clamp(12px,3vw,26px) clamp(12px,4vw,22px);overflow:auto;box-shadow:0 24px 60px #00000059}.home-page::-webkit-scrollbar{width:0;height:0;display:none}.home-mobile-copyright{display:none}.hero{text-align:center;max-width:820px;margin:16px auto 42px}.hero-logo{letter-spacing:-1px;justify-content:center;align-items:center;min-height:68px;margin-bottom:12px;font-size:clamp(28px,6vw,44px);font-weight:800;display:flex}.hero-logo img{opacity:.96;filter:drop-shadow(0 6px 18px #35e06f24)}.hero h1{margin:0 0 60px;font-size:clamp(20px,5vw,34px);line-height:1.15}.hero-desc{color:var(--text-muted);opacity:.88;margin:22px 0 14px;font-size:clamp(13px,3vw,15px)}.prompt-bar{text-align:left;background:linear-gradient(#121914eb 0%,#0e1410eb 100%);border:1px solid #35e06f38;border-radius:18px;gap:clamp(8px,2vw,10px);margin-top:-2px;padding:clamp(8px,2vw,12px);transition:box-shadow .2s,border-color .2s;animation:.3s ease-out home-prompt-in;display:grid;box-shadow:0 14px 34px #00000047,inset 0 0 0 1px #35e06f0f}.prompt-bar:hover{border-color:#35e06f42;box-shadow:0 12px 30px #00000042}.prompt-main{grid-template-columns:clamp(60px,15vw,72px) 1fr;gap:clamp(8px,2vw,10px);min-height:clamp(78px,20vw,104px);display:grid}.upload-stack-wrap{--stack-w:clamp(60px, 15vw, 72px);--stack-h:clamp(70px, 20vw, 94px);min-height:var(--stack-h);position:relative;overflow:visible}.upload-box{color:var(--text-muted);cursor:pointer;width:var(--stack-w);height:var(--stack-h);background:linear-gradient(#0e1712 0%,#0c1510 100%);border:1px dashed #35e06f66;border-radius:10px;place-items:center;transition:transform .18s ease-out,box-shadow .2s ease-out,border-color .2s ease-out;display:grid;position:absolute;top:0;left:0;transform:rotate(-10deg)scale(.9)}.upload-plus{color:#b8f7ce;width:24px;height:24px;font-size:24px}.upload-box:hover{border-color:#45ea7bcc;transform:rotate(0)scale(.95);box-shadow:0 0 0 1px #45ea7b40,0 0 18px #45ea7b33}.upload-box-small{z-index:30;border-radius:8px;width:32px;height:32px;transform:rotate(0)scale(.95)}.upload-stack-wrap.has-images .upload-box-small{inset:auto -10px -8px auto}.stacked-upload{--spread:0px;width:var(--stack-w);height:var(--stack-h);transform:translateX(calc(var(--index) * 6px + var(--spread))) rotate(calc(var(--index) * -2deg));z-index:calc(20 - var(--index));border:1px solid #ffffff24;border-radius:8px;transition:transform .22s,box-shadow .2s;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 10px 20px #00000059}.stacked-upload img{object-fit:cover;width:100%;height:100%}.upload-stack-wrap.has-images:hover .stacked-upload{--spread:calc(var(--index) * 18px)}.stacked-upload-remove{color:#fff;opacity:0;cursor:pointer;background:#000000b8;border:none;border-radius:999px;justify-content:center;align-items:center;width:18px;height:18px;transition:opacity .2s;display:inline-flex;position:absolute;top:3px;right:3px}.stacked-upload-remove svg{width:14px;height:14px}.upload-stack-wrap.has-images:hover .stacked-upload-remove{opacity:1}.prompt-input-wrap{background:#080c0ab8;border:none;border-radius:12px;min-height:84px;padding:12px}.prompt-textarea{color:var(--text);resize:none;background:0 0;border:none;outline:none;width:100%;height:100%;min-height:48px;font-family:inherit;font-size:15px;line-height:1.45}.prompt-textarea::placeholder{color:var(--text-muted)}.prompt-foot{justify-content:space-between;align-items:center;gap:12px;display:flex}.upload-tip{color:var(--text-muted);opacity:.82;font-size:11px;line-height:1.2}.prompt-tools{justify-content:flex-start;align-items:center;gap:8px;display:flex}.tool-select{position:relative}.tool-btn{border:1px solid var(--border);background:var(--bg-soft);height:32px;color:var(--text);border-radius:10px;padding:0 11px;font-size:13px}.select-btn{align-items:center;gap:4px;display:inline-flex}.chev{color:var(--text-muted);width:14px;height:14px}.tool-menu{--tool-menu-max-h:min(184px, 31vh);width:160px;max-height:var(--tool-menu-max-h);border:1px solid var(--border);box-shadow:var(--shadow);z-index:10;background:#0f1813;border-radius:10px;flex-direction:column;gap:0;padding:6px;animation:.16s ease-out tool-menu-in;display:flex;position:absolute;top:36px;left:0;overflow:hidden}.tool-menu-scroll{max-height:calc(var(--tool-menu-max-h) - 12px);-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#35e06f73 #111a15a6;flex-direction:column;gap:4px;min-height:0;display:flex;overflow:hidden auto}.tool-menu-scroll::-webkit-scrollbar{width:8px}.tool-menu-scroll::-webkit-scrollbar-track{background:#111a15bf;border-radius:999px;margin:6px 0}.tool-menu-scroll::-webkit-scrollbar-thumb{background:#35e06f6b padding-box padding-box;border:2px solid #0000;border-radius:999px}.tool-menu-scroll::-webkit-scrollbar-thumb:hover{background:#45ea7b94 padding-box padding-box}.tool-menu-scroll::-webkit-scrollbar-corner{background:0 0}.tool-menu-item{text-align:left;color:var(--text);background:0 0;border:none;border-radius:8px;padding:10px 8px;transition:background .16s,transform .16s}.tool-menu-item.active,.tool-menu-item:hover{background:#35e06f24;transform:translate(2px)}.editor-shell{grid-template-columns:360px 1fr;align-items:stretch;gap:18px;height:calc(100vh - 32px);min-height:0;display:grid}.editor-page--animated .editor-panel{animation:.28s ease-out editor-panel-in}.editor-page--animated .panel-animated{animation:.28s ease-out editor-main-in}.editor-panel,.panel-card{-ms-overflow-style:none;scrollbar-width:none;background:#080c08;border:1px solid #35e06f1f;border-radius:22px;flex-direction:column;height:100%;padding:20px;display:flex;box-shadow:0 24px 60px #00000059}.panel-card::-webkit-scrollbar{width:0;height:0;display:none}.editor-panel::-webkit-scrollbar{width:0;height:0;display:none}.editor-panel-body{-ms-overflow-style:none;scrollbar-width:none;flex:1;min-height:0;overflow:auto}.editor-panel-body::-webkit-scrollbar{width:0;height:0;display:none}.panel-head{gap:10px;margin-bottom:20px;display:grid}.panel-tag{color:var(--primary);background:#35e06f1a;border-radius:999px;align-items:center;gap:6px;padding:10px;font-size:12px;display:inline-flex}.panel-desc,.result-feed-head p{color:var(--text-muted);line-height:1.6}.upload-card{cursor:pointer;background:#ffffff08;border:1px dashed #35e06f66;border-radius:20px;gap:18px;padding:24px;display:grid;position:relative;overflow:hidden}.upload-card:hover{background:#35e06f0d;border-color:#35e06fcc}.upload-content{text-align:center;gap:10px;display:grid}.upload-icon{width:26px;height:26px;color:var(--primary);margin:0 auto}.upload-preview-card{object-fit:cover;aspect-ratio:16/11;border:1px solid #ffffff14;border-radius:16px;width:100%}.upload-preview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.upload-preview-item{position:relative}.upload-preview-thumb{aspect-ratio:1;object-fit:cover;border:1px solid #ffffff1f;border-radius:10px;width:100%}.upload-remove-btn{color:#fff;cursor:pointer;background:#000000ad;border:none;border-radius:999px;justify-content:center;align-items:center;width:18px;height:18px;padding:0;display:inline-flex;position:absolute;top:4px;right:4px}.upload-remove-btn svg{width:12px;height:12px}.upload-card-small{aspect-ratio:1;border-style:dashed;border-radius:10px;justify-content:center;align-items:center;gap:0;width:100%;padding:0;display:inline-flex;position:relative}.upload-card-small .upload-icon{width:18px;height:18px;margin:0}.hidden-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.editor-field{gap:12px;display:grid}.editor-field label{color:var(--text-muted);font-size:13px}.editor-field textarea{width:100%;min-height:180px;color:var(--text);scrollbar-width:none;-ms-overflow-style:none;resize:vertical;background:#ffffff08;border:1px solid #ffffff14;border-radius:18px;padding:14px;line-height:1.45;transition:border-color .16s,box-shadow .16s,background .16s;overflow:hidden auto}.editor-field textarea::-webkit-scrollbar{width:0;height:0;display:none}.editor-prompt-field{position:relative}.editor-prompt-field textarea{min-height:238px;padding-bottom:48px}.editor-prompt-float{pointer-events:none;justify-content:space-between;align-items:center;gap:10px;padding-top:22px;display:flex;position:absolute;bottom:9px;left:10px;right:10px}.editor-prompt-float .editor-prompt-clear{pointer-events:auto}.editor-prompt-count{color:var(--text-muted);letter-spacing:.02em;-webkit-user-select:none;user-select:none;font-size:11px}.editor-prompt-clear{color:var(--text-muted);cursor:pointer;background:#ffffff0f;border:none;border-radius:8px;padding:4px 10px;font-size:12px;transition:color .14s,background .14s}.editor-prompt-clear:hover:not(:disabled){color:var(--text);background:#ffffff1a}.editor-prompt-clear:disabled{opacity:.35;cursor:not-allowed}.editor-field textarea::placeholder{color:var(--text-muted)}.editor-field textarea:hover{border-color:#ffffff2e}.editor-field textarea:focus{background:#ffffff14;border-color:#35e06fd9;outline:none;box-shadow:0 0 0 3px #35e06f29}.editor-group{gap:12px;margin-bottom:20px;display:grid}.group-title{color:var(--text);justify-content:space-between;align-items:center;font-size:13px;display:flex}.group-title span{color:var(--text-muted);font-size:12px}.editor-actions{flex-wrap:wrap;gap:10px;display:flex}.ratio-actions{justify-content:flex-start}.tool-pill{color:var(--text);cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;padding:11px 16px;font-size:13px;transition:all .2s}.tool-pill.active{color:var(--text);background:#35e06f24;border-color:#35e06f59;box-shadow:inset 0 0 0 1px #35e06f1f}.generate-btn{background:var(--primary);color:#06210f;cursor:pointer;border:none;border-radius:18px;justify-content:center;align-items:center;width:100%;margin-top:8px;padding:16px;font-weight:700;display:inline-flex}.editor-generate-btn{flex-shrink:0;margin-top:12px}.editor-generate-footer{flex-direction:column;flex-shrink:0;gap:12px;margin-top:8px;display:flex}.editor-generate-footer .editor-generate-btn,.editor-generate-footer .generate-btn{margin-top:0}.editor-main{-ms-overflow-style:none;scrollbar-width:none;gap:18px;height:100%;min-height:0;display:grid;overflow:hidden}.editor-main::-webkit-scrollbar{width:0;height:0;display:none}.result-panel{height:100%;min-height:0;max-height:100%;position:sticky;top:0;overflow:hidden}.result-header{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.result-header h3{margin:0;font-size:20px}.result-header-start{flex-wrap:wrap;flex:auto;align-items:baseline;gap:8px 12px;min-width:0;display:flex}.result-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.result-header-actions .ghost{transition:transform .18s,box-shadow .18s}.result-header-actions .ghost:hover{transform:translateY(-1px);box-shadow:0 0 0 1px #35e06f33}.result-mine-refresh{align-items:center;gap:6px;display:inline-flex}.result-mine-refresh:hover .result-mine-refresh-icon{transform:rotate(180deg)}.result-mine-refresh-icon{width:15px;height:15px;transition:transform .35s}.my-works-retention-hint{color:var(--text-muted);white-space:nowrap;margin:0;padding:0;font-size:12px;font-weight:400;line-height:1.35}@media (width<=640px){.my-works-retention-hint{white-space:normal;max-width:100%}}.result-grid{-ms-overflow-style:none;scrollbar-width:none;flex:1;grid-template-columns:minmax(0,1fr);align-content:start;gap:14px;min-height:0;display:grid;overflow-y:auto}.result-grid::-webkit-scrollbar{width:0;height:0;display:none}.result-item{gap:12px;margin-bottom:40px;display:grid}.result-item-pending{background:#35e06f0a;border:1px dashed #35e06f59;border-radius:16px;padding:14px 14px 12px}.result-item-pending>*{min-width:0;max-width:100%}.result-tag-chip-pending{color:var(--primary);text-overflow:ellipsis;white-space:nowrap;border-color:#35e06f47;min-width:0;max-width:100%;overflow:hidden}.result-compare.result-compare-pending{cursor:default;pointer-events:none;justify-content:start;align-items:stretch;gap:10px;display:grid}.result-compare-pending>.result-image-block{flex-direction:column;min-width:0;min-height:200px;display:flex}.result-compare-pending.has-ref>.result-image-block:first-child .lazy-image:not(.result-pending-skeleton){flex:none}.result-compare-pending.has-ref>.result-image-block:last-child .result-pending-skeleton.lazy-image{width:100%;height:auto;min-height:0;aspect-ratio:unset;border:1px solid #ffffff1f;border-radius:12px;flex:auto}.result-compare-pending.has-ref{grid-template-columns:repeat(2,minmax(0,360px))}.result-compare-pending.no-ref{grid-template-columns:minmax(0,360px)}.result-compare-pending.no-ref .result-pending-skeleton.lazy-image{aspect-ratio:16/11;border:1px solid #ffffff1f;border-radius:12px;width:100%;height:auto;min-height:248px;display:block}.result-pending-hint{width:100%;color:var(--text-muted);white-space:normal;overflow-wrap:anywhere;word-break:break-word;min-width:0;max-width:100%;margin:0;font-size:12px;line-height:1.45;display:block}.result-item img{object-fit:contain;width:auto;max-width:100%;height:auto;display:block}.lazy-image{background:#ffffff0f;width:100%;max-width:100%;display:block;position:relative;overflow:hidden}.lazy-image img{object-fit:cover;width:100%;height:100%;display:block}.lazy-image.loading:before{content:"";background:linear-gradient(110deg,#ffffff0a 8%,#ffffff24 18%,#ffffff0a 33%) 0 0/200% 100%;animation:1.2s linear infinite lazy-image-shimmer;position:absolute;inset:0}.lazy-image.loading img{opacity:0}.lazy-image.loaded:before{display:none}@keyframes lazy-image-shimmer{to{background-position:-200% 0}}.result-meta{color:var(--text-muted);justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;font-size:13px;display:flex}.result-meta strong{color:var(--text)}.result-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.result-source{color:var(--text);align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.result-source-icon{width:24px;height:24px;color:var(--primary);background:#35e06f24;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.result-source-icon svg{width:14px;height:14px}.result-tags{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.result-tag-chip{color:var(--text-muted);background:#ffffff05;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex}.result-tag-chip svg{width:12px;height:12px}.result-brief{gap:10px;display:grid}.result-brief-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.result-thumbs{flex-shrink:0;align-items:center;gap:6px;display:flex}.result-thumb{aspect-ratio:1;object-fit:cover;border:1px solid #ffffff1f;border-radius:6px;width:22px;height:22px}.result-thumb-empty{color:var(--text-muted);font-size:12px}.result-prompt{color:var(--text-muted);min-width:220px;margin:0;font-size:13px;line-height:1.5}.result-copy-btn{width:fit-content;color:var(--text);cursor:pointer;background:0 0;border:1px solid #ffffff24;border-radius:10px;flex-shrink:0;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:inline-flex}.result-copy-btn:hover{color:var(--primary);border-color:#35e06f80}.result-compare:not(.result-compare-pending){--compare-aspect:1;justify-content:start;align-items:stretch;gap:10px;display:grid}.result-compare:not(.result-compare-pending).result-compare--dual{grid-template-columns:repeat(2,minmax(0,360px))}.result-compare:not(.result-compare-pending):not(.result-compare--dual){grid-template-columns:minmax(0,360px)}.result-compare:not(.result-compare-pending)>.result-image-block{flex-direction:column;min-width:0;min-height:0;display:flex}.result-compare:not(.result-compare-pending)>.result-image-block>.lazy-image.loaded{flex:none}.result-compare:not(.result-compare-pending)>.result-image-block>.lazy-image.loading{flex:auto;width:100%;min-height:0}.result-image-block{width:min(360px,100%);max-width:100%;position:relative}.result-thumb.lazy-image{border-radius:6px}.result-image-block .lazy-image{width:100%;aspect-ratio:var(--compare-aspect);border:1px solid #ffffff1f;border-radius:12px}.result-image-block .lazy-image img{width:100%;height:100%;min-height:100px}.result-image-block--origin .lazy-image img{object-fit:cover}.result-image-block--generated .lazy-image img{object-fit:contain}.result-image-badge{color:var(--text);background:#0000008f;border:1px solid #fff3;border-radius:999px;align-items:center;padding:4px 8px;font-size:12px;display:inline-flex;position:absolute;top:10px;left:10px}.result-image-badge.active{background:var(--primary-active);border-left-color:var(--primary)}.result-action-btn{width:fit-content;color:var(--text);cursor:pointer;background:#ffffff08;border:1px solid #ffffff24;border-radius:10px;justify-self:start;align-items:center;gap:6px;margin-top:0;padding:8px 14px;font-size:13px;display:inline-flex}.result-action-btn svg{flex-shrink:0;width:14px;height:14px}.result-action-btn:hover{color:var(--primary);border-color:#35e06f80}.result-action-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.result-action-btn-highlight{color:var(--primary);background:#35e06f29;border-color:#35e06f85}.result-action-btn-highlight:hover{color:#7bf0a2;background:#35e06f38;border-color:#35e06fb8}.work-detail-modal-mask{z-index:1200;background:#060a08e0;place-items:stretch stretch;display:grid;position:fixed;inset:0}.work-detail-modal{background:#0a0f0c;width:100%;height:100%;min-height:0;max-height:100dvh;position:relative}.work-detail-close{width:30px;height:30px;color:var(--text);z-index:2;background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:12px;right:12px}.work-detail-content{--work-detail-side-width:320px;grid-template-columns:minmax(0, 1fr) var(--work-detail-side-width);grid-template-rows:minmax(0,1fr);height:100%;min-height:0;max-height:100%;display:grid}.work-detail-preview{box-sizing:border-box;background:#0c110e;justify-content:center;align-items:stretch;min-width:0;height:100%;min-height:0;max-height:100%;padding:50px;display:flex;position:relative;overflow:hidden}.work-detail-preview-frame{box-sizing:border-box;flex:auto;justify-content:center;align-self:stretch;align-items:center;width:100%;min-width:0;max-width:100%;min-height:0;display:flex;position:relative}.work-detail-preview-hero{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.work-detail-side{border-left:1px solid #ffffff1a;flex-direction:column;min-width:0;min-height:0;padding:20px 18px 24px;display:flex;overflow:auto}.work-detail-side-inner{flex-direction:column;flex:1;gap:22px;min-height:0;display:flex}.work-detail-side-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;display:flex}.work-detail-category{align-items:center;gap:8px;min-width:0;display:inline-flex}.work-detail-category-icon{width:28px;height:28px;color:var(--primary);background:#35e06f24;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.work-detail-category-icon svg{width:15px;height:15px}.work-detail-category-text{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.work-detail-remake-btn{color:var(--text);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff24;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:600;display:inline-flex}.work-detail-remake-btn svg{width:13px;height:13px}.work-detail-remake-btn:hover{color:var(--primary);border-color:#35e06f73}.work-detail-section{flex-direction:column;gap:10px;min-width:0;display:flex}.work-detail-section-title{letter-spacing:.02em;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:12px;font-weight:600}.work-detail-prompt-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.work-detail-prompt-head .work-detail-section-title{flex:1;min-width:0}.work-detail-prompt-copy{flex-shrink:0}.work-detail-ref-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.work-detail-ref-item.lazy-image{aspect-ratio:1;border:1px solid #ffffff1f;border-radius:10px;width:100%}.work-detail-prompt{color:var(--text);background:#ffffff08;border:1px solid #ffffff1a;border-radius:10px;margin:0;padding:12px 12px 14px;font-size:13px;line-height:1.55}.work-detail-meta-wrap{padding-top:18px}.work-detail-meta{gap:20px;margin:0;padding:0;list-style:none;display:grid}.work-detail-meta li{color:var(--text-muted);justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:600;display:flex}.work-detail-meta li>span:first-child{color:var(--text-muted);flex-shrink:0}.work-detail-meta strong{color:var(--text);text-align:right;word-break:break-word;font-weight:600}.infinite-scroll-sentinel{grid-column:1/-1;height:1px}.infinite-scroll-status{text-align:center;color:var(--text-muted);grid-column:1/-1;padding:4px 0 6px;font-size:12px}.infinite-scroll-status--top{margin-bottom:8px}.infinite-scroll-status:has(.toast-style-loading){padding:10px 6px 14px}.infinite-scroll-status .infinite-scroll-status-toast{text-align:left;width:100%;max-width:100%}.home-showcase-loading.toast-style-loading--centered{min-height:200px}.result-grid--mine-feed{scroll-behavior:smooth;overflow-x:hidden}.empty-state-card{text-align:center;background:linear-gradient(#111c1699,#090e0b80);border:1px dashed #35e06f42;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:320px;padding:24px 18px;display:flex}.empty-state-card-icon{margin-bottom:2px;font-size:34px;line-height:1}.empty-state-card-icon svg{color:#35e06fd9;width:34px;height:34px}.empty-state-card-icon img{object-fit:contain;opacity:.95;width:78px;height:78px;display:block}.empty-state-card h4{color:var(--text);margin:0;font-size:18px}.empty-state-card p{color:var(--text-muted);margin:0;font-size:13px}.empty-state-card-btn{width:auto;min-width:84px;margin-top:8px;padding:0 14px}.result-grid--feed-animated .result-item,.result-grid--feed-animated .result-item-pending{opacity:0;animation:.24s ease-out forwards editor-feed-item-in}.result-grid--feed-animated .result-item:first-child,.result-grid--feed-animated .result-item-pending:first-child{animation-delay:0s}.result-grid--feed-animated .result-item:nth-child(2),.result-grid--feed-animated .result-item-pending:nth-child(2){animation-delay:30ms}.result-grid--feed-animated .result-item:nth-child(3),.result-grid--feed-animated .result-item-pending:nth-child(3){animation-delay:60ms}.result-grid--feed-animated .result-item:nth-child(4),.result-grid--feed-animated .result-item-pending:nth-child(4){animation-delay:90ms}.result-grid--feed-animated .result-item:nth-child(5),.result-grid--feed-animated .result-item-pending:nth-child(5){animation-delay:.12s}.result-grid--feed-animated .result-item:nth-child(6),.result-grid--feed-animated .result-item-pending:nth-child(6){animation-delay:.15s}.upload-mini,.submit-mini{border:1px solid var(--border);width:30px;height:30px;color:var(--text);background:var(--bg-soft);border-radius:8px}.submit-mini{background:var(--primary);color:#06210f;border:none;justify-content:center;align-items:center;font-weight:700;transition:transform .12s;display:inline-flex}.submit-mini:active{transform:scale(.96)}.submit-mini svg{width:16px;height:16px}.showcase-block{margin-top:clamp(18px,4.5vw,28px)}.showcase-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:clamp(14px,2vw,18px);display:flex}.showcase-head h3{margin:0;font-size:clamp(16px,3vw,18px)}.showcase-title-row{align-items:baseline;gap:clamp(4px,2vw,8px);display:flex}.showcase-head p{color:var(--text-muted);margin:0;font-size:clamp(11px,2vw,12px)}.showcase-head button{border:1px solid var(--border);background:var(--bg-soft);color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:999px;padding:clamp(3px,1vw,4px) clamp(8px,2vw,10px);font-size:clamp(11px,2vw,13px);transition:transform .18s,border-color .2s,color .2s,box-shadow .2s}.showcase-head button:hover{color:var(--text);border-color:#35e06f73;transform:translateY(-1px);box-shadow:0 0 0 1px #35e06f33}.showcase-row{grid-template-columns:repeat(auto-fill,minmax(clamp(220px,14vw,280px),1fr));gap:16px;display:grid}.showcase-empty{color:var(--text-muted);margin:0;padding:12px 4px;font-size:13px;line-height:1.5}.showcase-card{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:0;width:100%;padding:0;transition:transform .18s,border-color .2s,box-shadow .2s;overflow:visible}.showcase-card .lazy-image,.showcase-card img{aspect-ratio:1;border-radius:12px;width:100%}.showcase-card .lazy-image img,.showcase-card img{object-fit:cover;transition:transform .25s;display:block}.showcase-card:hover .lazy-image img,.showcase-card:hover img{transform:scale(1.02)}.showcase-card-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;padding:11px 11px 8px;font-size:14px;line-height:1.35;display:block;overflow:hidden}.showcase-card-description{color:var(--text-muted);line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:-2px 11px 11px;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.hot-play-page{flex-direction:column;gap:12px;min-height:calc(100vh - 32px);display:flex;overflow:hidden}.hot-play-head{z-index:5;background:#080c08;padding-bottom:10px;position:sticky;top:0}.hot-play-head h2{margin:0;font-size:22px}.hot-play-head p{color:var(--text-muted);margin:8px 0 0;font-size:13px}.hot-play-categories{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.hot-play-category-btn{border:1px solid var(--border);color:var(--text);background:#ffffff1a;border-radius:999px;padding:5px 10px;font-size:12px;transition:all .18s}.hot-play-category-btn:hover{color:var(--text);border-color:#35e06f59}.hot-play-category-btn.active{color:var(--primary);background:#35e06f24;border-color:#35e06f80;box-shadow:inset 0 0 0 1px #35e06f33}.hot-play-page .hot-play-categories{animation:.2s ease-out hot-play-tabs-in}.hot-play-showcase-card{opacity:0;animation:.28s ease-out forwards hot-play-card-in;animation-delay:calc(var(--card-index,0) * 28ms)}.hot-play-page .showcase-block{-ms-overflow-style:none;scrollbar-width:none;flex:1;min-height:0;margin-top:0;overflow:auto}.hot-play-page .showcase-block::-webkit-scrollbar{width:0;height:0;display:none}.hot-play-list-loading{justify-content:center;align-items:center;min-height:280px;display:flex}.modal-mask{background:#0009;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--border);background:var(--bg-elev);width:min(920px,100%);box-shadow:var(--shadow);border-radius:16px;gap:12px;padding:14px;display:grid}.modal-head{justify-content:space-between;align-items:center;display:flex}.modal-image{object-fit:contain;border:1px solid var(--border);background:var(--bg-soft);border-radius:12px;width:100%;max-height:70vh}.my-works-delete-mask{z-index:1250}.my-works-delete-dialog{width:min(400px,100%);max-width:100%}.my-works-delete-dialog-text{color:var(--text-muted);margin:0;font-size:14px;line-height:1.55}.my-works-delete-dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.my-works-delete-dialog-actions .my-works-delete-cancel{color:var(--text-muted);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:10px;padding:8px 14px;font-size:13px}.my-works-delete-dialog-actions .my-works-delete-cancel:hover{color:var(--text);border-color:#ffffff38}@media (width<=1024px){.content-shell{gap:10px;padding:12px}.home-page{padding:10px 12px 20px}}@media (width<=980px){.app-shell{grid-template-columns:1fr}.app-sidebar{border-right:none;border-bottom:1px solid var(--border);grid-template-rows:auto}.sidebar-nav{grid-template-columns:repeat(3,1fr);gap:2px;padding:8px 0}.sidebar-item{gap:8px;padding:8px;font-size:12px}.sidebar-icon{width:16px;height:16px}.sidebar-brand{padding:6px 10px 8px;font-size:14px}.sidebar-user{display:none}.showcase-card{width:calc(33.333% - 8px)}.prompt-main{min-height:auto}.upload-box{min-height:60px}.prompt-foot{flex-wrap:wrap}.editor-shell{grid-template-columns:1fr;height:auto}.editor-panel,.editor-main{width:100%;height:auto}.editor-main{order:1}.editor-panel{order:2}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-btn{padding:0 8px;font-size:12px}}.popup-shell-mask{z-index:1400;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#040806c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.popup-shell{background:#0b110d;border:1px solid #35e06f24;border-radius:16px;gap:14px;width:min(100%,560px);padding:16px;animation:.24s ease-out popup-shell-in;display:grid;position:relative;box-shadow:0 20px 56px #0000008c}.popup-shell-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.popup-shell-header h3{margin:0;font-size:18px}.popup-shell-close{color:var(--text);background:#ffffff0a;border:1px solid #ffffff29;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.popup-shell-content{gap:12px;display:grid}.popup-shell-footer{justify-content:flex-end;gap:10px;display:flex}.login-popup-content{gap:0;height:100%}.login-popup-shell{background:radial-gradient(80% 65% at 12% 8%,#35e06f17,#35e06f00 58%),linear-gradient(135deg,#0b110d00 18%,#0b110de6 92%),repeating-linear-gradient(135deg,#ffffff05 0 1px,#fff0 1px 10px),linear-gradient(#0b110dfa,#090d0bfa);border:1px solid #35e06f3d;border-radius:18px;padding:0;overflow:hidden}.login-popup-shell .popup-shell-header{z-index:2;position:absolute;top:12px;right:12px}.login-popup-shell .popup-shell-header h3,.login-popup-shell .popup-shell-header>span{display:none}.login-popup-shell .popup-shell-close{width:34px;height:34px;color:var(--text-muted);background:#ffffff0a;border-color:#ffffff29}.login-popup-right{background:linear-gradient(#ffffff0a,#ffffff05);align-content:center;gap:16px;height:100%;padding:56px 48px 36px;display:grid}.login-popup-right h4{color:var(--text);text-align:center;margin:0 0 26px;font-size:28px;font-weight:700}.login-popup-field{gap:8px;display:grid}.login-popup-field span{color:var(--text-muted);font-size:13px}.login-popup-field input{width:100%;color:var(--text);background:#ffffff0a;border:1px solid #ffffff29;border-radius:12px;padding:13px 14px;font-size:14px}.login-popup-field input:focus,.login-popup-field input:focus-visible{border-color:#35e06fd9;outline:none;box-shadow:0 0 0 3px #35e06f2e}.login-popup-code-row{grid-template-columns:1fr auto;align-items:center;gap:10px;display:grid}.login-popup-send-btn{min-width:102px;height:46px;color:var(--primary);background:#35e06f24;border:1px solid #35e06f73;border-radius:12px;padding:0 12px;font-weight:600}.login-popup-send-btn:not(:disabled){box-shadow:0 0 0 3px #35e06f2e}.login-popup-send-btn:disabled{color:var(--text-muted);cursor:not-allowed;background:#ffffff0a;border-color:#ffffff29}.login-popup-hint{color:var(--text-muted);text-align:center;font-size:14px;line-height:1.45}.login-popup-link{color:var(--primary);background:0 0;border:none;padding:0 4px;text-decoration:underline}.login-popup-submit{border-radius:10px;width:100%;min-height:46px;margin-top:6px;padding:10px 16px;font-size:16px}.membership-popup-content{gap:0;height:100%}.membership-popup-shell{background:#0b110d;border:1px solid #35e06f3d;border-radius:18px;padding:0;overflow:hidden}.membership-popup-shell .popup-shell-header{z-index:2;position:absolute;top:12px;right:12px}.membership-popup-shell .popup-shell-header h3,.membership-popup-shell .popup-shell-header>span{display:none}.membership-popup-banner{padding:0;overflow:hidden}.membership-popup-banner-image{object-fit:cover;width:100%;min-height:78px;display:block}.membership-popup-banner-title{letter-spacing:.5px;font-size:28px;font-weight:800}.membership-popup-banner-subtitle{color:#e5ede9d1;font-size:13px}.membership-popup-head{text-align:center;padding:38px 24px 8px}.membership-popup-head h4{margin:0;font-size:24px;line-height:1.16}.membership-popup-head p{color:var(--text-muted);margin:10px 0 0;font-size:14px}.membership-popup-plan-tabs{background:#ffffff14;border-radius:10px;grid-template-columns:1fr 1fr;gap:4px;width:min(100%,380px);margin:8px auto;padding:3px;display:grid}.membership-popup-plan-tab{min-height:40px;color:var(--text-muted);background:0 0;border:none;border-radius:8px}.membership-popup-plan-tab.active{color:#08321f;background:var(--primary-active)}.membership-popup-consume-link{color:#96c5ff;background:0 0;border:none;margin:8px auto 0;text-decoration:underline}.membership-popup-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:10px;padding:0 24px 24px;display:grid}.membership-popup-cards-loading,.membership-popup-cards-empty{grid-column:1/-1}.membership-popup-cards-empty{text-align:center;color:var(--text-muted);margin:0;padding:16px;font-size:14px;line-height:1.5}.membership-popup-card{background:#ffffff05;border-radius:14px;gap:8px;padding:18px 16px 14px;transition:transform .2s,background .2s;display:grid;position:relative}.membership-popup-card:hover{background:#35e06f0d;transform:translateY(-2px)}.membership-popup-card-badge{color:#08321f;background:#35e06fe0;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700;position:absolute;top:-11px;right:12px}.membership-popup-card-title-row{align-items:center;gap:8px;display:flex}.membership-popup-card-title-row h5{margin:0;font-size:20px}.membership-popup-card-title-row span{color:var(--text-muted);background:#ffffff12;border-radius:6px;padding:2px 6px;font-size:12px}.membership-popup-card-price{align-items:baseline;gap:4px;margin-top:16px;display:flex}.membership-popup-card-price strong{color:var(--primary);font-size:40px;line-height:1}.membership-popup-card-price em{color:var(--primary);font-size:14px;font-style:normal}.membership-popup-card-price del{color:#e5ede973;margin-left:6px;font-size:12px;line-height:1}.membership-popup-card-daily{color:var(--text-muted);margin:0 0 16px;font-size:12px}.membership-popup-card-bonus,.membership-popup-card-quota{color:#e5ede9eb;margin:0;font-size:14px;line-height:1}.membership-popup-card-features{color:var(--text-muted);gap:7px;margin:26px 0;padding:0;font-size:12px;line-height:2;list-style:none;display:grid}.membership-popup-card-features li{align-items:center;gap:8px;display:flex}.membership-popup-card-features li:before{content:"✓";color:var(--primary);font-weight:700}.membership-popup-buy-btn{min-height:42px;color:var(--text);background:#35e06f29;border:1px solid #35e06f57;border-radius:10px;margin-top:8px;font-weight:700}.membership-popup-buy-btn:hover{background:#35e06f38}.checkout-popup-shell{background:radial-gradient(80% 65% at 12% 8%,#35e06f17,#35e06f00 58%),linear-gradient(135deg,#0b110d00 18%,#0b110de6 92%),repeating-linear-gradient(135deg,#ffffff05 0 1px,#fff0 1px 10px),linear-gradient(#0b110dfa,#090d0bfa);border:1px solid #35e06f3d}.checkout-popup-content{text-align:center;justify-items:center;gap:14px}.checkout-popup-amount{color:var(--text-muted);gap:10px;margin:0;font-size:14px;display:grid}.checkout-popup-amount strong{color:var(--primary);font-size:36px;line-height:1}.checkout-popup-qr-wrap{background:#ffffff08;border:1px solid #ffffff29;border-radius:12px;width:min(100%,220px);padding:10px}.checkout-popup-qr-code{aspect-ratio:1;box-sizing:border-box;border-radius:8px;width:100%}.checkout-popup-qr-code--live{background-color:#fff}.checkout-popup-qr-code--loading,.checkout-popup-qr-code--empty{background:#00000038;border:1px dashed #ffffff24;justify-content:center;align-items:center;display:flex}.checkout-popup-qr-empty-text{text-align:center;color:var(--text-muted);margin:0;padding:12px;font-size:13px;line-height:1.45}.checkout-popup-qr-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:16px 12px;display:flex}.checkout-popup-qr-loading-icon{width:28px;height:28px;color:var(--primary,#35e06f);animation:.85s linear infinite toast-style-loading-spin}.checkout-popup-qr-loading-msg{color:var(--text-muted);font-size:13px;line-height:1.4}.checkout-popup-qr-hint{color:var(--text-muted);margin:0;font-size:13px}.checkout-popup-mobile-hint{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.checkout-popup-methods{grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:10px;width:100%;display:grid}.checkout-popup-method{min-height:40px;color:var(--text);background:#ffffff08;border:1px solid #ffffff24;border-radius:10px;justify-content:center;align-items:center;gap:6px;display:inline-flex}.checkout-popup-method svg{font-size:15px}.checkout-popup-method.active{background:#35e06f24;border-color:#35e06f8c;box-shadow:0 0 0 3px #35e06f24}.checkout-popup-actions{gap:10px;width:100%;margin-top:4px;display:grid}.checkout-popup-submit,.checkout-popup-help{width:100%}.support-popup-shell{background:radial-gradient(80% 65% at 12% 8%,#35e06f17,#35e06f00 58%),linear-gradient(135deg,#0b110d00 18%,#0b110de6 92%),repeating-linear-gradient(135deg,#ffffff05 0 1px,#fff0 1px 10px),linear-gradient(#0b110dfa,#090d0bfa);border:1px solid #35e06f3d}.support-popup-content{text-align:center;justify-items:center;gap:12px}.support-popup-hint{color:var(--text-muted);margin:0;font-size:14px}.support-popup-qr-wrap{background:#ffffff08;border:1px solid #ffffff29;border-radius:12px;width:min(100%,200px);padding:10px}.support-popup-qr-code{aspect-ratio:1;background:linear-gradient(90deg,#0a0a0a 10%,#0000 10% 20%,#0a0a0a 20% 30%,#0000 30% 40%,#0a0a0a 40% 50%,#0000 50% 60%,#0a0a0a 60% 70%,#0000 70% 80%,#0a0a0a 80% 90%,#0000 90%) 0 0/22px 22px,#fff linear-gradient(#0a0a0a 10%,#0000 10% 20%,#0a0a0a 20% 30%,#0000 30% 40%,#0a0a0a 40% 50%,#0000 50% 60%,#0a0a0a 60% 70%,#0000 70% 80%,#0a0a0a 80% 90%,#0000 90%) 0 0/22px 22px;border-radius:8px;width:100%}.support-popup-note{color:var(--text-muted);margin:0;font-size:12px}.points-info-popup-shell{background:radial-gradient(80% 65% at 12% 8%,#35e06f17,#35e06f00 58%),linear-gradient(135deg,#0b110d00 18%,#0b110de6 92%),repeating-linear-gradient(135deg,#ffffff05 0 1px,#fff0 1px 10px),linear-gradient(#0b110dfa,#090d0bfa);border:1px solid #35e06f3d}.points-info-popup-content{gap:14px}.points-info-empty{text-align:center;color:var(--text-muted);margin:0;padding:24px 16px;font-size:14px;line-height:1.5}.points-info-table-wrap{border:1px solid #ffffff1f;border-radius:12px;overflow:hidden}.points-info-table{border-collapse:collapse;width:100%}.points-info-table th,.points-info-table td{text-align:left;border-bottom:1px solid #ffffff14;border-right:1px solid #ffffff14;padding:12px 14px;font-size:14px}.points-info-table th:last-child,.points-info-table td:last-child{text-align:center;border-right:none;width:130px}.points-info-table thead th{background:#ffffff0f;font-weight:700}.points-info-table tbody tr:last-child td{border-bottom:none}.points-info-feature{color:var(--text)}.points-info-note-highlight{color:var(--primary);margin-top:4px;font-size:12px}.points-info-notes p{color:var(--text-muted);margin:0;font-size:12px;line-height:1.6}.consumption-popup-shell{background:radial-gradient(80% 65% at 12% 8%,#35e06f17,#35e06f00 58%),linear-gradient(135deg,#0b110d00 18%,#0b110de6 92%),repeating-linear-gradient(135deg,#ffffff05 0 1px,#fff0 1px 10px),linear-gradient(#0b110dfa,#090d0bfa);border:1px solid #35e06f3d}.consumption-popup-content{gap:12px}.consumption-popup-tabs{margin-top:0;padding-bottom:8px}.consumption-popup-list{-ms-overflow-style:none;scrollbar-width:none;border:1px solid #ffffff1a;border-radius:12px;max-height:420px;overflow:hidden auto}.consumption-popup-list::-webkit-scrollbar{display:none}.consumption-popup-empty-state.empty-state-card{background:linear-gradient(#111c1673,#090e0b59);border-style:solid;border-color:#ffffff1a;min-height:220px}.consumption-popup-item{background:#ffffff04;border-bottom:1px solid #ffffff14;justify-content:space-between;gap:14px;padding:14px 16px;transition:background .18s;display:flex}.consumption-popup-item:last-child{border-bottom:none}.consumption-popup-item:hover{background:#35e06f0f}.consumption-popup-item-main,.consumption-popup-item-side{gap:4px;display:grid}.consumption-popup-item-main span{font-size:14px}.consumption-popup-item-main small,.consumption-popup-item-side small{color:var(--text-muted);font-size:12px}.consumption-popup-item-side{text-align:right;justify-items:end}.consumption-popup-item-side span{font-size:14px;font-weight:500;line-height:1}.consumption-popup-item-side span.income{color:#53ee76}.consumption-popup-item-side span.expense{color:#ff6f45}.consumption-popup-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.consumption-popup-footnote{color:var(--text-muted);align-items:center;gap:6px;margin:0;font-size:12px;line-height:1.5;display:inline-flex}.consumption-popup-footnote svg{flex-shrink:0}.consumption-popup-buy-btn{border-radius:10px;width:auto;min-height:40px;padding:0 16px}@media (width<=980px){.app-shell{height:auto;min-height:100dvh}.content-shell{-ms-overflow-style:none;scrollbar-width:none;height:100dvh;min-height:0;padding-bottom:calc(64px + env(safe-area-inset-bottom,0px));overflow:hidden auto}.content-shell::-webkit-scrollbar{width:0;height:0;display:none}.home-page{min-height:auto}.home-page .showcase-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.home-page .showcase-card{width:100%}.result-grid{grid-template-columns:1fr}.result-compare:not(.result-compare-pending).result-compare--dual,.result-compare-pending.has-ref{grid-template-columns:repeat(2,minmax(0,1fr))}.result-compare-pending.no-ref{grid-template-columns:1fr}.result-item-pending,.result-item-pending .result-top,.result-item-pending .result-tags,.result-item-pending .result-brief-row{min-width:0;max-width:100%}.result-item-pending .result-prompt{flex:100%;min-width:0}.tabs{gap:6px}.home-mobile-copyright{color:#cad9ceb8;letter-spacing:.2px;justify-content:center;align-items:center;gap:6px;width:100%;margin:18px 0 6px;font-size:12px;display:inline-flex}.app-sidebar{z-index:300;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a120df0;min-height:auto;padding:10px 12px;position:sticky;top:0}.sidebar-mobile-top{z-index:350;justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.sidebar-brand--desktop{display:none}.sidebar-mobile-menu-btn{z-index:360;width:36px;height:36px;color:var(--text);background:#35e06f1a;border:1px solid #35e06f40;border-radius:10px;justify-content:center;align-items:center;display:inline-flex;position:relative}.sidebar-mobile-menu-btn svg{width:18px;height:18px}.sidebar-mobile-backdrop{z-index:320;opacity:0;pointer-events:none;background:#00000075;border:none;transition:opacity .2s;display:block;position:fixed;inset:0}.sidebar-mobile-backdrop.visible{opacity:1;pointer-events:auto;height:100dvh}.sidebar-main{border-left:1px solid var(--border);opacity:0;pointer-events:none;z-index:340;-ms-overflow-style:none;scrollbar-width:none;background:#0a120d;width:min(48vw,320px);height:100dvh;padding:18px 10px 16px;transition:transform .25s,opacity .2s;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(104%)}.sidebar-main::-webkit-scrollbar{width:0;height:0;display:none}.sidebar-main.open{opacity:1;pointer-events:auto;transform:translate(0)}.sidebar-nav{border-top:none;grid-template-columns:1fr;margin:50px 0 0;padding:4px 0}.sidebar-item{gap:10px;min-height:40px;padding:10px;font-size:13px}.sidebar-item.active{box-shadow:none;border-left:#0000}.sidebar-service{margin-top:8px;margin-bottom:8px;padding-top:10px}.sidebar-service-item{min-height:38px;font-size:13px}.sidebar-login-btn{margin-top:auto}.sidebar-user-menu{inset:calc(100% + 6px) 0 auto}.sidebar-mobile-account{border-top:1px solid var(--border);gap:10px;margin:auto -10px 0;padding:10px 10px 0;display:grid}.sidebar-user--mobile{cursor:default;border-top:none;border-radius:0;margin:0;padding:8px 0 0;display:flex}.sidebar-user--mobile:hover{background:0 0}.sidebar-mobile-account-actions{padding-bottom:max(8px, env(safe-area-inset-bottom,0px));gap:8px;display:grid}.editor-main--public-gallery,.editor-shell--my-works.editor-shell--my-works-mobile-main .editor-panel{display:none}.editor-shell--my-works.editor-shell--my-works-mobile-panel .editor-panel{display:flex}.editor-shell--my-works.editor-shell--my-works-mobile-panel .editor-main{display:none}.popup-shell-mask{align-items:center;padding:8px}.popup-shell{max-height:calc(100dvh - 16px);width:min(100%,100vw - 16px)!important}.popup-shell-content{-ms-overflow-style:none;scrollbar-width:none;min-height:0;overflow:auto}.popup-shell-content::-webkit-scrollbar{width:0;height:0;display:none}.login-popup-shell,.membership-popup-shell,.checkout-popup-shell,.support-popup-shell,.points-info-popup-shell,.consumption-popup-shell{height:auto!important}.login-popup-right{gap:12px;padding:56px 18px 22px}.login-popup-right h4{font-size:24px}.login-popup-hint{font-size:14px}.membership-popup-head h4{font-size:26px}.membership-popup-head p{font-size:13px}.membership-popup-plan-tabs{width:calc(100% - 24px)}.membership-popup-cards{-ms-overflow-style:none;scrollbar-width:none;-webkit-overflow-scrolling:touch;grid-template-columns:1fr;min-height:0;max-height:calc(100dvh - 320px);padding:0 12px 12px;overflow-y:auto}.membership-popup-cards::-webkit-scrollbar{width:0;height:0;display:none}.membership-popup-card-title-row h5{font-size:24px}.membership-popup-card-price strong{font-size:36px}.points-info-table th,.points-info-table td{padding:10px;font-size:12px}.consumption-popup-item{flex-direction:column}.consumption-popup-item-side{text-align:left;justify-items:start}.consumption-popup-item-side span{font-size:24px}.consumption-popup-footer{flex-direction:column;align-items:stretch}.consumption-popup-buy-btn{width:100%}.result-image-block{width:min(160px,100%)}.result-compare:not(.result-compare-pending)>.result-image-block,.result-compare.result-compare-pending>.result-image-block{width:100%;max-width:100%}.result-compare-pending>.result-image-block,.result-image-block .lazy-image img{min-height:80px}}@keyframes popup-shell-in{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes home-prompt-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes tool-menu-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes hot-play-tabs-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes hot-play-card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes editor-panel-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes editor-main-in{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}@keyframes editor-feed-item-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.popup-shell,.membership-popup-card,.consumption-popup-item,.sidebar-user-menu-item,.prompt-bar,.tool-menu,.tool-menu-item,.showcase-card img,.submit-mini,.hot-play-showcase-card,.result-mine-refresh-icon,.editor-page--animated .editor-panel,.editor-page--animated .panel-animated,.result-grid--feed-animated .result-item,.result-grid--feed-animated .result-item-pending,.result-header-actions .ghost{transition:none!important;animation:none!important}}.toast-container{z-index:1500;pointer-events:none;justify-items:center;gap:10px;width:300px;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.toast-item{pointer-events:auto;background:#0c120ef5;border:1px solid #ffffff1f;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:10px;width:100%;padding:20px 12px;display:grid;box-shadow:0 10px 26px #00000059}.toast-item--success .toast-icon{color:var(--primary)}.toast-item--error .toast-icon{color:#ff6b6b}.toast-item--info .toast-icon,.toast-item--loading .toast-icon{color:#78b8ff}.toast-style-loading{box-sizing:border-box}.toast-style-loading--centered{justify-content:center;align-items:center;min-height:160px;padding:28px 16px 32px;display:flex}.toast-style-loading-surface{width:100%;max-width:220px;padding:14px}.toast-style-loading:not(.toast-style-loading--centered) .toast-style-loading-surface{max-width:none}.toast-style-loading-icon{animation:.85s linear infinite toast-style-loading-spin;display:block}@keyframes toast-style-loading-spin{to{transform:rotate(360deg)}}.toast-icon{justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.toast-message{color:var(--text);margin:0;font-size:13px;line-height:1.45}