@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Manrope:wght@500;600;700;800&display=swap";:root{--paper:#f8f8f4;--panel:#fff;--ink:#111827;--muted:#7b8190;--line:#dedfd8;--acid:#b9ff45;--blue:#315cff;--rose:#ff4d7d;--amber:#f2a900;--accent:var(--blue);--shadow:0 24px 80px #1118271f}*{box-sizing:border-box}html{min-width:320px;overflow-x:clip}body{min-width:320px;color:var(--ink);background:linear-gradient(90deg, #1118270a 1px, transparent 1px), linear-gradient(180deg, #1118270a 1px, transparent 1px), var(--paper);background-size:48px 48px;margin:0;font-family:Manrope,PingFang SC,Microsoft YaHei,sans-serif;overflow-x:clip}img,video,canvas{max-width:100%}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-width:0;min-height:100vh}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px);background:#f8f8f4d6;border-bottom:1px solid #0f172a0f;justify-content:space-between;align-items:center;gap:16px;padding:16px 32px;display:flex;position:sticky;top:0}@media (hover:hover){.topbar{-webkit-backdrop-filter:blur();background:0 0;border-bottom:1px solid #0000;transition:background-color .3s,border-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s,box-shadow .3s}.topbar:hover{-webkit-backdrop-filter:blur(18px);background:#f8f8f4d6;border-bottom:1px solid #0f172a0f}}.brand{min-width:0;color:var(--ink);letter-spacing:0;background:0 0;border:0;align-items:center;gap:10px;font-size:24px;font-weight:800;display:inline-flex}.brand span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.brand-mark,.auth-mark{background:#0e1117;border:1px solid #ffffff1f;border-radius:10px;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 4px 12px #0000001a}.brand-logo-mark{display:block}.plan-icon{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 4px 12px #6366f14d}.plan-icon.limited{background:linear-gradient(135deg,#3b82f6,#6366f1);box-shadow:0 4px 12px #3b82f64d}.plan-icon.permanent{background:linear-gradient(135deg,#f59e0b,#ef4444);box-shadow:0 4px 12px #f59e0b4d}.plan-card-header{align-items:center;gap:12px;display:flex}.plan-badge{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#f59e0b,#ef4444);border-radius:0 0 0 10px;padding:4px 14px;font-size:11px;font-weight:800;position:absolute;top:0;right:0}.plan-price-row{background:#6366f10a;border-top:1px solid #6366f114;border-bottom:1px solid #6366f114;margin:14px -22px;padding:12px 16px}.topnav{align-items:center;gap:12px;min-width:0;display:flex}.special-offer-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#db2777);border:0;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:900;transition:all .2s;display:flex;box-shadow:0 4px 10px #7c3aed40}.special-offer-btn:hover{transform:translateY(-1px);box-shadow:0 6px 14px #7c3aed59}.contact-service-btn{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text);cursor:pointer;background:#fffc;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:800;transition:all .2s;display:flex}.contact-service-btn:hover{border-color:var(--accent);background:#fff}.avatar-btn{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:36px;height:36px;color:var(--text);cursor:pointer;background:#fffc;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex;overflow:hidden}.avatar-btn:hover{border-color:var(--accent);color:var(--accent);background:#fff}.avatar-btn img{object-fit:cover;width:100%;height:100%}.text-btn{color:var(--text);cursor:pointer;background:0 0;border:none;padding:8px 12px;font-size:13px;font-weight:800;transition:color .2s}.text-btn:hover{color:var(--accent)}.topnav a,.member-pill,.dark-pill{border:1px solid var(--line);background:var(--panel);border-radius:8px;align-items:center;gap:8px;min-height:42px;padding:0 18px;font-weight:800;display:inline-flex}.topnav a.dark-pill{border-color:var(--ink);background:var(--ink);color:#fff}.topnav a.member-pill{border-color:var(--ink);background:var(--acid);color:var(--ink)}.side-rail{z-index:15;gap:10px;display:grid;position:fixed;top:44%;left:28px}.side-rail a{border:1px solid var(--line);background:#ffffffe0;border-radius:8px;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 12px 38px #11182714}.side-rail a.active,.bottom-tabs a.active{border-color:var(--ink);background:var(--ink);color:#fff}.back-to-top{z-index:45;width:44px;height:44px;color:var(--ink);-webkit-backdrop-filter:blur(14px);background:#ffffffb8;border:1px solid #0f172a1f;border-radius:999px;place-items:center;display:grid;position:fixed;bottom:24px;right:24px;box-shadow:0 14px 34px #0f172a29}main{min-width:0;padding:20px 7vw 96px;overflow-x:clip}.home-page{width:100%;min-width:0;max-width:1240px;margin:0 auto}.pagination-bar{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:30px;padding:15px 0;display:flex}.pagination-limit,.pagination-pages,.pagination-jump{align-items:center;gap:8px;display:flex}.pagination-limit span,.pagination-jump span{color:var(--muted);font-size:13px;font-weight:800}.pagination-select-wrap{display:inline-flex;position:relative}.pagination-select-wrap:after{color:var(--muted);content:"⌄";pointer-events:none;font-size:13px;font-weight:900;position:absolute;top:50%;right:10px;transform:translateY(-56%)}.pagination-select-wrap select,.pagination-jump input,.pagination-btn,.pagination-jump button{height:36px;border:1px solid var(--line)!important;color:var(--ink)!important;background:#fff!important;border-radius:18px!important;font-size:13px!important;font-weight:700!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.pagination-select-wrap select{appearance:none;cursor:pointer;outline:none;min-width:92px;padding:0 30px 0 16px!important}.pagination-select-wrap select:focus,.pagination-jump input:focus{border-color:var(--blue)!important;box-shadow:0 0 0 3px #315bff14!important}.pagination-btn,.pagination-jump button{cursor:pointer;min-width:36px;padding:0 16px}.pagination-btn.pagination-number{border-radius:50%!important;width:36px!important;padding:0!important}.pagination-btn:hover:not(:disabled),.pagination-jump button:hover{color:var(--blue)!important;background:#f8fafc!important;border-color:#315bff66!important}.pagination-btn.active{border-color:var(--blue)!important;background:var(--blue)!important;color:#fff!important;box-shadow:0 4px 12px #315bff33!important}.pagination-btn:disabled{cursor:not-allowed;opacity:.6;color:var(--muted)!important;border-color:var(--line)!important;background:#f8fafc!important}.pagination-dots{color:var(--muted);text-align:center;width:24px;font-weight:700}.pagination-jump input{text-align:center;outline:none;width:58px;padding:0 12px}@media (width<=820px){.pagination-bar{flex-direction:column;align-items:stretch;gap:12px}.pagination-limit,.pagination-pages,.pagination-jump{justify-content:center;width:100%}.pagination-limit{justify-content:space-between}.pagination-pages{flex-wrap:wrap}.pagination-jump input{flex:76px;max-width:120px}.back-to-top{right:18px;bottom:calc(84px + env(safe-area-inset-bottom));width:42px;height:42px}}.hero-copy{text-align:center;padding:30px 0 8px}.hero-copy p{color:#1118271f;margin:0;font-family:Instrument Serif,Songti SC,serif;font-size:56px;font-weight:700}.generator-panel{border:1px solid var(--line);max-width:1060px;box-shadow:var(--shadow);background:#fffffff0;border-radius:8px;margin:0 auto;padding:16px;transition:box-shadow .25s cubic-bezier(.4,0,.2,1)!important}.generator-panel:hover{box-shadow:0 12px 36px #0f172a0f, 0 1px 3px #0f172a05, var(--shadow)!important}.generator-panel.compact{box-shadow:none;margin:0}.prompt-box{border:1px solid var(--line);background:#ffffffe0;border-radius:10px;align-items:flex-start;gap:16px;min-height:132px;padding:18px;transition:border-color .2s,box-shadow .2s,background-color .2s;display:flex;position:relative;box-shadow:inset 0 2px 4px #00000003,0 2px 10px #11182705}.prompt-box:focus-within{border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px #315cff1f,inset 0 2px 4px #00000003}.prompt-box>svg{pointer-events:none;opacity:.08;width:32px;height:32px;color:var(--blue);z-index:0;position:absolute;top:18px;right:18px}.prompt-box>svg.spin{opacity:.8}.prompt-upload-trigger{width:32px;height:32px;color:var(--blue);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:0 0 32px;justify-content:center;align-items:center;margin-top:1px;padding:0;display:inline-flex}.prompt-upload-trigger:hover{background:#315bff14}.prompt-upload-trigger:disabled{cursor:progress;opacity:.62}.prompt-upload-trigger svg{margin-top:0}.prompt-reference-input{display:none}.prompt-box textarea{resize:vertical;width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:15px;font-weight:700;line-height:1.65}.prompt-reference-strip{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.prompt-reference-strip .reference-thumb{flex:0 0 70px;width:70px}.generator-controls{flex-wrap:wrap;align-items:center;gap:10px;padding-top:14px;display:flex}.generator-controls label{border:1px solid var(--line);background:#fff;border-radius:24px;align-items:center;gap:8px;min-width:0;min-height:42px;padding:0 16px;transition:border-color .2s,box-shadow .2s;display:inline-flex}.generator-controls label:hover{border-color:var(--blue)}.generator-controls label:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #315bff1f}.field-hint{color:var(--muted);margin:10px 0 0;font-size:13px;font-weight:800}.field-hint.danger{color:#a3183c}select{min-width:0;max-width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-weight:800}.send-button{border:1px solid var(--ink);background:var(--ink);color:#fff;border-radius:8px;place-items:center;width:46px;height:46px;margin-left:auto;display:grid}.send-button .send-btn-text{display:none}.send-button:disabled,button:disabled{cursor:not-allowed;opacity:.5}.quick-prompts{flex-wrap:wrap;justify-content:center;gap:10px;padding:18px 0 0;display:flex}.quick-prompts button,.detail-actions button,.detail-actions a,.result-actions button,.result-actions a,.plan-card button,.account-hero button,.invite-copy-grid button,.invite-pager button,.icon-button{border:1px solid var(--line);min-height:42px;color:var(--ink);background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-weight:800;display:inline-flex}.quick-prompts button{padding:0 18px}.section-heading{justify-content:space-between;align-items:end;gap:18px;margin:42px 0 18px;display:flex}.section-heading span{overflow-wrap:anywhere;align-items:center;gap:8px;min-width:0;font-size:26px;font-weight:900;display:inline-flex}.section-heading small{color:var(--muted);font-weight:700}.tag-tabs{scrollbar-width:none;-ms-overflow-style:none;gap:10px;margin-bottom:24px;padding:4px 2px;display:flex;overflow-x:auto}.tag-tabs::-webkit-scrollbar{display:none}.tag-tab{background:var(--panel);border:1.5px solid var(--line);color:var(--ink);white-space:nowrap;border-radius:24px;align-items:center;gap:6px;padding:8px 18px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.tag-tab:hover{background:var(--paper);border-color:var(--muted);transform:translateY(-1px)}.tag-tab.active{background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:0 4px 12px #11182726}.masonry{column-count:4;column-gap:18px}@media (width<=1200px){.masonry{column-count:3}}body{background-color:#fafafa;background-image:linear-gradient(90deg,#0f172a0e 1px,#0000 1px),linear-gradient(#0f172a0e 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:54px 54px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}.topbar{min-height:92px;box-shadow:none;background:#ffffffdb;border-bottom:1px solid #0f172a0f;padding:18px 38px}@media (hover:hover){.topbar{box-shadow:none;-webkit-backdrop-filter:blur();background:0 0;border-bottom:1px solid #0000;transition:background-color .3s,border-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s,box-shadow .3s}.topbar:hover{-webkit-backdrop-filter:blur(18px);background:#ffffffdb;border-bottom:1px solid #0f172a0f}}.brand{gap:16px;font-size:26px}.brand-mark,.auth-mark{border-radius:12px;width:44px;height:44px;box-shadow:0 12px 26px #0f172a29}.special-offer-btn{background:linear-gradient(135deg,#7c3aed 0%,#d92a9b 100%);border-radius:24px;min-height:44px;padding:0 20px;font-size:16px;box-shadow:0 12px 24px #9436d647}.contact-service-btn{color:#0f172a;background:#ffffffe6;border-radius:24px;min-height:44px;padding:0 20px;font-size:15px}.avatar-btn{border-color:#0f172a14;width:44px;height:44px;box-shadow:0 10px 22px #0f172a14}.side-rail{top:52%;left:32px;transform:translateY(-50%)}.side-rail a{background:#fffffff0;border-color:#dfe3ea;border-radius:8px;width:56px;height:56px;box-shadow:0 10px 24px #0f172a14}main{padding-top:38px}.studio-panel{background:#ffffffeb;border-color:#dcdfe6;border-radius:10px;min-height:714px;padding:28px 36px 34px;box-shadow:0 24px 70px #0f172a0f}.studio-panel .section-heading{align-items:center;margin-bottom:18px}.studio-panel .section-heading span{gap:14px;font-size:30px;line-height:1.15}.studio-panel .section-heading small{color:#667085;font-size:15px}.studio-credit-note{color:#2355c4;background:#f7faff;border-color:#cddcff;border-radius:8px;align-items:center;gap:12px;min-height:52px;margin:0 0 18px;padding:0 18px;font-size:15px;display:flex}.studio-panel .prompt-box{min-height:182px;box-shadow:none;background:#ffffffc7;border-color:#d8dde6;border-radius:8px;gap:16px;margin:0;padding:20px 16px}.prompt-editor{flex-direction:column;flex:auto;min-width:0;min-height:140px;display:flex}.studio-panel .prompt-box textarea{color:#0f172a;min-height:112px;padding:0;font-size:16px;font-weight:700;line-height:1.55}.studio-panel .prompt-box.expanded textarea{min-height:240px}.studio-panel .prompt-box textarea::placeholder{color:#667085}.prompt-meta{color:#9aa3b2;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;font-size:14px;font-weight:700;display:flex}.prompt-meta button,.studio-prompt-actions button{color:#667085;background:#fff;border:1px solid #dfe3ea;justify-content:center;align-items:center;gap:6px;font-weight:800;display:inline-flex}.prompt-meta button{background:0 0;border:0;min-height:30px;padding:0 10px}.studio-panel .prompt-expand-btn{width:fit-content;margin:8px 0 0 auto;position:static!important;bottom:auto!important;right:auto!important}.studio-prompt-actions{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.studio-prompt-actions button{border-radius:16px;min-height:32px;padding:0 14px;font-size:13px}.studio-settings-card{background:#ffffffb8;border:1px solid #dfe3ea;border-radius:10px;margin-top:0;padding:18px 12px}.studio-settings-head{color:#0f172a;justify-content:space-between;align-items:center;gap:12px;padding:0 6px;font-size:14px;font-weight:900;display:flex}.studio-settings-head span{color:#667085;font-size:13px}.studio-panel .generator-controls{grid-template-columns:1.2fr .82fr 1.2fr 1.2fr;gap:10px;padding-top:18px;display:grid}.studio-panel .custom-dropdown-container{width:100%}.studio-panel .custom-dropdown-trigger{background:#fff;border-color:#dfe3ea;border-radius:24px;justify-content:space-between;width:100%;min-height:60px;padding:0 16px}.studio-panel .custom-dropdown-trigger>svg:first-child{color:#315cff;flex:none}.custom-dropdown-trigger .studio-field-copy{flex:auto;gap:2px;min-width:0;line-height:1.2;display:grid}.studio-field-copy small{color:#667085;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:800;overflow:hidden}.studio-field-copy strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:900;overflow:hidden}.studio-panel .upload-row{grid-template-columns:auto auto minmax(16px,1fr) auto auto;align-items:center;gap:14px;margin-top:28px;display:grid}.studio-panel .upload-button,.studio-panel .cost-pill,.studio-panel .studio-submit{border-radius:8px;min-height:50px;margin:0;font-size:15px}.studio-panel .upload-button{color:#0f172a;background:#fff;border-color:#dfe3ea;justify-content:center;width:134px}.upload-hint{color:#98a2b3;white-space:nowrap;font-size:14px;font-weight:800}.studio-panel .cost-pill{color:#315cff;background:#f4f7ff;border-color:#cddcff;justify-content:center;min-width:124px;padding:0 16px}.studio-panel .studio-submit{color:#fff;background:#0b111d;border:1px solid #0b111d;min-width:178px;font-size:16px;font-weight:900}.result-panel{background:#ffffffeb;border-color:#dcdfe6;border-radius:10px;min-height:714px;padding:0;box-shadow:0 24px 70px #0f172a0f}.result-panel-header{color:#0f172a;border-bottom:1px solid #e7eaf0;justify-content:space-between;align-items:center;gap:12px;padding:28px 18px 22px;font-size:16px;font-weight:900;display:flex}.result-panel-link{color:#315cff;white-space:nowrap;background:#fff;border:1px solid #dfe3ea;border-radius:8px;justify-content:center;align-items:center;min-height:34px;padding:0 12px;font-size:13px;font-weight:900;display:inline-flex}.result-panel-body{min-height:638px;padding:18px}.studio-empty-queue{color:#667085;text-align:center;align-content:center;place-items:center;gap:18px;min-height:560px;font-size:16px;font-weight:800;line-height:1.7;display:grid}.studio-empty-queue span{color:#c2c8d0;background:#fafbfc;border:1px solid #dfe3ea;border-radius:16px;place-items:center;width:70px;height:70px;display:grid}.studio-empty-queue p{margin:0}@media (width<=1180px){.workspace-grid{grid-template-columns:minmax(0,1fr)}.result-panel{min-height:420px}.result-panel-body{min-height:340px}.studio-empty-queue{min-height:280px}}@media (width<=820px){.topbar{min-height:68px;padding:12px 14px}main{padding-top:10px}.brand{gap:10px;font-size:21px}.brand-mark,.auth-mark,.avatar-btn{width:36px;height:36px}.special-offer-btn,.contact-service-btn{min-height:36px}.studio-panel{min-height:0;padding:18px}.studio-panel .section-heading span{font-size:26px}.studio-panel .generator-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.studio-panel .config-dropdown-container,.studio-panel .style-dropdown-container{grid-column:span 2}.studio-panel .upload-row{grid-template-columns:minmax(0,1fr)}.studio-panel .upload-button,.studio-panel .cost-pill,.studio-panel .studio-submit,.upload-hint{width:100%;min-width:0}.upload-hint{text-align:center}}.detail-stat{border:1px solid var(--line);min-height:42px;color:var(--muted);background:#fafbf8;border-radius:8px;flex:90px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-weight:800;display:inline-flex}.template-social-actions{margin-bottom:12px}.template-comments-panel{border:1px solid var(--line);background:var(--panel);border-radius:12px;max-width:920px;margin:28px auto;padding:24px}.comments h2 small{color:var(--muted);font-size:13px}.comment-thread{min-width:0}.comment-author{align-items:center;gap:8px;display:flex}.comment-author img,.comment-author>span{object-fit:cover;background:#e5e7eb;border-radius:50%;flex:0 0 26px;width:26px;height:26px}.comment-author time{color:var(--muted);margin-left:auto;font-size:11px}.comment-actions{gap:12px;margin-top:7px;display:flex}.comment-actions button,.comment-replying button{color:var(--muted);background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:12px;display:inline-flex}.comment-replies{border-left:2px solid var(--line);margin-left:18px;padding-left:16px}.comment-empty,.comment-login-hint,.comment-error{color:var(--muted);font-size:13px}.comment-error{color:#b91c1c}.comment-form{align-items:end}.comment-form textarea{resize:vertical;min-width:0}.comment-replying{color:var(--muted);grid-column:1/-1;justify-content:space-between;align-items:center;font-size:12px;display:flex}.notification-center{position:relative}.notification-trigger{border:1px solid var(--line);background:#ffffffe6;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid;position:relative}.notification-trigger>span{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:10px;min-width:19px;height:19px;padding:0 5px;font-size:10px;font-weight:900;line-height:15px;position:absolute;top:-5px;right:-6px}.notification-panel{z-index:1200;border:1px solid var(--line);background:#fff;border-radius:12px;width:min(420px,100vw - 24px);max-height:calc(100vh - 104px);position:absolute;top:calc(100% + 18px);right:0;overflow:hidden;box-shadow:0 24px 70px #0f172a2e}.notification-panel>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.notification-panel>header div,.notification-panel>header button{align-items:center;gap:5px;display:flex}.notification-panel>header button{color:var(--muted);background:0 0;border:0;padding:5px;font-size:12px}.notification-list{max-height:min(520px,100vh - 140px);overflow-y:auto}.notification-item{border:0;border-bottom:1px solid var(--line);text-align:left;background:#fff;grid-template-columns:36px minmax(0,1fr);gap:10px;width:100%;padding:13px 16px;display:grid}.notification-item.unread{background:#f3f7ff}.notification-item>img,.notification-icon{background:var(--acid);object-fit:cover;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.notification-item strong,.notification-item small,.notification-item time{display:block}.notification-item small,.notification-item p,.notification-item time{color:var(--muted);margin:4px 0 0;font-size:12px;line-height:1.4}.notification-item p{overflow-wrap:anywhere}.notification-empty{color:var(--muted);text-align:center;margin:0;padding:30px 16px}@media (width<=820px){.notification-center,.notification-trigger{flex:0 0 36px;width:36px;height:36px}.notification-panel{width:auto;max-height:420px;position:fixed;inset:70px 16px auto;box-shadow:0 16px 48px #0f172a38}.notification-list{max-height:360px}.template-comments-panel{margin:18px 0;padding:16px}.comment-replies{margin-left:8px;padding-left:10px}}@media (width<=520px){.studio-panel{padding:14px}.studio-panel .generator-controls{grid-template-columns:minmax(0,1fr)}.studio-panel .config-dropdown-container,.studio-panel .style-dropdown-container{grid-column:auto}.studio-panel .prompt-box{min-height:176px}}@media (width<=900px){.masonry{column-count:2}}@media (width<=550px){.masonry{column-count:1}}.image-card{break-inside:avoid;border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;max-width:100%;margin-bottom:18px;transition:transform .18s,box-shadow .18s;display:inline-block;position:relative;overflow:hidden;box-shadow:0 16px 44px #11182712}.image-card-link{color:inherit;text-decoration:none;display:block}.image-card-action{z-index:2;color:#b42318;opacity:0;pointer-events:none;background:#ffffffeb;border:1px solid #1118271f;border-radius:8px;justify-content:center;align-items:center;width:34px;min-height:34px;transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1),background .2s;display:inline-flex;position:absolute;top:10px;right:10px;transform:scale(.9);box-shadow:0 10px 28px #11182724}.image-card:hover .image-card-action{opacity:1;pointer-events:auto;transform:scale(1)}.image-card-action:hover{color:#ef4444;background:#fef2f2;transform:scale(1.05)}.image-card:hover{transform:translateY(-4px);box-shadow:0 22px 60px #11182721}.image-frame{background:#eceee7;width:100%;max-width:100%;position:relative;overflow:hidden}.image-card img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.image-fallback{background:linear-gradient(135deg,#315cff3d,#0000 38%),linear-gradient(315deg,#ff4d7d33,#0000 42%),linear-gradient(#f8f8f4,#e9ece4);place-items:end start;padding:16px;display:grid;position:absolute;inset:0}.image-fallback span{color:#343b4a;background:#ffffffb8;border:1px solid #1118271f;border-radius:8px;padding:7px 10px;font-size:12px;font-weight:900}.image-meta{padding:12px}.image-meta p{color:#2b3140;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:44px;margin:0 0 10px;line-height:1.45;display:-webkit-box;overflow:hidden}.image-meta div{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}.image-meta div span{margin-right:auto}.image-meta small{align-items:center;gap:3px;display:inline-flex}.template-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));align-items:start;gap:18px;display:grid}.template-card{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;transition:transform .18s,box-shadow .18s;display:block;overflow:hidden;box-shadow:0 16px 44px #11182712}.template-card-info-mobile,.template-card-generate-mobile{display:none}.template-card:hover{transform:translateY(-4px);box-shadow:0 22px 60px #11182721}.template-card-mask{opacity:0;pointer-events:none;z-index:3;background:linear-gradient(#0000 0%,#0006 40%,#000000d9 100%);flex-direction:column;justify-content:flex-end;align-items:center;padding:16px 12px;transition:opacity .25s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;inset:0}.template-card:hover .template-card-mask{opacity:1;pointer-events:auto}.mask-title{color:#fff;text-shadow:0 1px 3px #0009;text-overflow:ellipsis;white-space:nowrap;text-align:center;max-width:90%;margin-bottom:10px;font-size:14px;font-weight:600;overflow:hidden}.mask-btns{justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.mask-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:10px 18px;font-size:13px;font-weight:700;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s;display:inline-flex}.mask-btn.primary-btn{color:#0f172a;background:#fff;box-shadow:0 4px 14px #00000040}.mask-btn.primary-btn:hover{background:#f1f5f9;transform:scale(1.04);box-shadow:0 6px 18px #00000059}.mask-btn.secondary-btn{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff29;border-color:#ffffff59;box-shadow:0 4px 12px #00000026}.mask-btn.secondary-btn:hover{background:#ffffff42;border-color:#ffffff8c;transform:scale(1.04);box-shadow:0 6px 16px #0003}.template-cover{background:linear-gradient(135deg,#b9ff4542,#0000 44%),linear-gradient(315deg,#315cff2e,#0000 44%),#eceee7;width:100%;min-height:220px;position:relative;overflow:hidden}.template-cover img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.template-card-body{padding:10px 12px}.template-card-body div{color:var(--muted);align-items:center;gap:8px;font-size:13px;font-weight:900;display:flex}.template-card-body div span,.template-card-body small{align-items:center;gap:5px;display:inline-flex}.template-card-body small{margin-left:auto}.template-card h2{color:#1e293b;overflow-wrap:anywhere;margin:2px 0;font-size:16px;font-weight:600}.template-card p{color:#343b4a;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;line-height:1.55;display:-webkit-box;overflow:hidden}.template-detail-page,.template-example-page{width:100%;min-width:0;max-width:1320px;margin:0 auto}.template-hero{grid-template-columns:minmax(0,1fr) 410px;align-items:stretch;gap:24px;display:grid}.template-hero-media,.template-hero-copy{border:1px solid var(--line);background:#fffffff0;border-radius:8px;box-shadow:0 16px 44px #11182714}.template-hero-media{max-height:640px;color:inherit;cursor:zoom-in;background:#f1f1eb;justify-content:center;align-items:center;padding:0;display:flex;position:relative;overflow:hidden}.template-hero-zoom-trigger{width:100%;height:100%;min-height:100%;color:inherit;cursor:zoom-in;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex}.template-hero-media img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:640px}.template-hero-copy{align-content:start;gap:16px;padding:24px;display:grid}.template-kicker,.load-more-button,.official-avatar{justify-content:center;align-items:center;gap:8px;font-weight:900;display:inline-flex}.template-kicker{color:#1d4ed8;letter-spacing:.01em;background:#eff6ff;border:1px solid #dbeafe;border-radius:999px;min-height:28px;padding:0 10px;font-size:12px}.template-kicker svg{color:#7c3aed;stroke-width:2.4px}.template-kicker-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.template-navigation-context{color:#315481;background:#f5f8ff;border:1px solid #dce8ff;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.template-hero-copy h1{margin:0;font-size:20px;line-height:1.35}.template-description{color:var(--muted);margin:0;font-weight:800;line-height:1.65}.template-prompt{border:1px solid var(--line);color:#343b4a;overflow-wrap:anywhere;background:#fafbf8;border-radius:8px;padding:14px;font-weight:800;line-height:1.7}.template-generate{justify-content:center;align-items:center;gap:8px;display:inline-flex}.template-param-groups{margin-top:2px}.template-example-masonry .image-meta small{border:1px solid var(--line);background:#fafbf8;border-radius:8px;padding:3px 8px}.load-more-button{border:1px solid var(--ink);background:var(--ink);color:#fff;border-radius:8px;min-height:44px;margin:10px auto 0;padding:0 18px}.template-example-page{grid-template-columns:minmax(0,1fr) 430px;gap:24px;display:grid}.template-example-media{min-height:740px}.template-example-panel{gap:16px;display:grid}.template-example-panel .inline-link{align-items:center;gap:7px;display:inline-flex}.official-avatar{border:1px solid var(--line);background:var(--acid);border-radius:8px;width:42px;height:42px}.auth-page,.order-page{place-items:center;min-height:calc(100vh - 160px);display:grid}.order-card,.result-panel,.detail-panel,.plan-card,.order-list{border:1px solid var(--line);background:#fffffff0;border-radius:8px;box-shadow:0 16px 44px #11182714}.auth-page{position:relative;overflow:hidden}.auth-page:before{content:"";z-index:0;pointer-events:none;filter:blur(40px);background:radial-gradient(circle,#00f2fe14 0%,#7f00ff0a 50%,#0000 100%);width:400px;height:400px;position:absolute;top:15%;left:20%}.auth-page:after{content:"";z-index:0;pointer-events:none;filter:blur(40px);background:radial-gradient(circle,#4facfe14 0%,#00f2fe0a 50%,#0000 100%);width:350px;height:350px;position:absolute;bottom:15%;right:20%}.auth-card{z-index:1;-webkit-backdrop-filter:blur(20px);background:#ffffffd9;border:1px solid #dedfd899;border-radius:16px;width:min(460px,100%);padding:32px;transition:transform .3s,box-shadow .3s;position:relative;box-shadow:0 4px 6px -1px #00000005,0 10px 15px -3px #00000008,0 20px 25px -5px #0000000d,0 30px 50px -10px #11182714}.auth-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #00000005,0 10px 15px -3px #00000008,0 25px 30px -5px #0000000f,0 35px 60px -10px #1118271f}.auth-brand-row{align-items:center;gap:12px;display:flex}.auth-brand-row h1{margin:0;font-size:28px;line-height:1}.order-card{border:1px solid var(--line);background:#fffffff0;border-radius:8px;width:min(460px,100%);padding:28px;box-shadow:0 16px 44px #11182714}.auth-card h1,.order-card h1{margin:16px 0 8px;font-size:30px}.auth-card p,.order-card p{color:var(--muted)}.segmented{background:#11182708;border:1px solid #1118270f;border-radius:12px;grid-template-columns:1fr 1fr;gap:6px;margin:18px 0;padding:4px;display:grid}.segmented button{background:0 0;border:0;border-radius:8px;min-height:40px;font-weight:600;transition:background-color .2s,color .2s}.segmented .active{color:#fff;background:#0e1117;box-shadow:0 2px 8px #0000001f}form label{color:#343b4a;gap:8px;margin:12px 0;font-weight:800;display:grid}input{border:1px solid var(--line);background:#fff;border-radius:8px;outline:0;width:100%;min-height:44px;padding:0 12px}.input-with-button{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.input-with-button.phone-code-row{grid-template-columns:minmax(0,1fr) auto}.input-with-button.phone-only-row{grid-template-columns:minmax(0,1fr)}.input-with-button.password-row{grid-template-columns:minmax(0,1fr) auto}.auth-card .input-with-button .password-toggle-btn{color:#64748b;cursor:pointer;width:44px;min-height:44px;box-shadow:none;background:#fff9;border:1px solid #1118271f;border-radius:10px;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex;transform:none}.auth-card .input-with-button .password-toggle-btn:hover{color:#0f172a;opacity:1;background:#fff;border-color:#11182738;transform:scale(1.02)}.auth-card .input-with-button .password-toggle-btn:active{transform:scale(.96)}.input-with-button button,.upload-button{border:1px solid var(--line);min-height:42px;color:var(--ink);background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-weight:900;display:inline-flex}.primary-action{border:1px solid var(--ink);background:var(--ink);color:#fff;border-radius:8px;width:100%;min-height:48px;margin-top:10px;font-weight:900}.profile-page{place-items:start center;min-height:calc(100vh - 160px);padding:36px 18px 96px;display:grid}.profile-panel{border:1px solid var(--line);background:#fffffff5;border-radius:8px;width:min(680px,100%);padding:28px;box-shadow:0 16px 44px #11182714}.profile-editor-modal{width:min(540px,100%)}.profile-editor-heading{align-items:center;gap:16px;width:100%}.profile-editor-header-text{flex:1}.profile-editor-header-text h1{margin:4px 0 0;font-size:24px;line-height:1.2}.profile-editor-header-text p{color:var(--muted);margin:4px 0 0;font-size:13px;font-weight:500;line-height:1.4}.profile-back{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:7px;min-height:36px;padding:0 12px;font-weight:900;display:inline-flex}.profile-heading{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;margin:22px 0;display:grid}.profile-heading.compact{margin:6px 0 18px}.profile-heading span{color:var(--muted);font-size:13px;font-weight:900}.profile-heading h1{margin:4px 0 0;font-size:28px;line-height:1.16}.profile-avatar-preview{border:1px solid var(--line);width:72px;height:72px;color:var(--muted);background:#f6f7f2;border-radius:50%;place-items:center;padding:0;display:grid;overflow:hidden}.profile-avatar-preview.clickable{cursor:zoom-in}.profile-avatar-preview:disabled{cursor:default}.profile-avatar-preview img{object-fit:cover;width:100%;height:100%}.user-center-avatar{color:#4f46e5;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border:0;border-radius:50%;flex:none;place-items:center;width:54px;height:54px;padding:0;font-size:20px;font-weight:900;display:grid;overflow:hidden}.user-center-avatar.clickable{cursor:zoom-in}.user-center-avatar:disabled{cursor:default}.user-center-avatar img{object-fit:cover;width:100%;height:100%}.avatar-lightbox-backdrop{z-index:90;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080c14b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.avatar-lightbox{place-items:center;max-width:min(520px,100%);max-height:min(720px,100vh - 48px);display:grid;position:relative}.avatar-lightbox img{object-fit:contain;background:0 0;max-width:100%;max-height:min(680px,100vh - 72px);display:block}.avatar-lightbox-close{background:#ffffffeb;position:absolute;top:12px;right:12px}.profile-form{gap:0;display:grid}.profile-form label{margin:8px 0}.profile-upload{border:1px dashed var(--line);min-height:44px;color:var(--ink);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin:4px 0 12px;display:inline-flex}.profile-upload input{display:none}.avatar-crop-backdrop{z-index:95;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#11182785;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.avatar-crop-modal{background:var(--panel);width:min(460px,100%);box-shadow:var(--shadow);border-radius:8px;gap:16px;padding:24px;display:grid}.avatar-crop-stage{place-items:center;display:grid}.avatar-crop-stage canvas{border:1px solid var(--line);cursor:grab;touch-action:none;background:#f6f7f2;border-radius:8px;width:min(320px,72vw);height:min(320px,72vw)}.avatar-crop-stage canvas:active{cursor:grabbing}.avatar-crop-actions{margin-top:0}.profile-password-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.profile-actions{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;margin-top:8px;display:grid}.ghost-action{border:1px solid var(--line);min-height:48px;color:var(--ink);background:#fff;border-radius:8px;padding:0 16px;font-weight:900}.profile-actions .primary-action{justify-content:center;align-items:center;gap:8px;margin-top:0;display:inline-flex}.profile-actions .primary-action:only-child{grid-column:1/-1}.primary-action:disabled{cursor:not-allowed;opacity:.7}.text-action{border:1px solid var(--line);min-height:38px;color:var(--ink);background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-weight:900;display:inline-flex}.wechat-pay-box{justify-items:center;gap:12px;display:grid}.wechat-pay-box strong{color:var(--ink);align-items:center;gap:8px;display:inline-flex}.wechat-pay-box p{max-width:320px;margin:0 0 4px;line-height:1.6}.cashier-card{width:min(720px,100%)}.cashier-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;width:100%;margin:8px 0 18px;display:grid}.cashier-method{border:1px solid var(--line);background:#fafbf8;border-radius:8px;justify-items:center;gap:10px;padding:16px;display:grid}.cashier-method strong{color:var(--ink);font-size:18px}.cashier-method span{color:var(--muted);font-weight:800}.wechat-qr-frame{border:1px solid var(--line);background:#fff;border-radius:8px;place-items:center;width:min(280px,100%);padding:10px;display:grid}.wechat-qr-frame img{width:min(260px,100%);height:auto;display:block}.mobile-pay-sheet-backdrop{z-index:80;background:#11182770;align-items:end;display:grid;position:fixed;inset:0}.mobile-pay-sheet{background:#fff;border-radius:18px 18px 0 0;gap:14px;width:100%;padding:22px;display:grid;box-shadow:0 -18px 50px #1118272e}.mobile-pay-sheet h2{margin:0;font-size:22px}.mobile-pay-sheet p{color:var(--muted);margin:0;line-height:1.55}.mobile-pay-actions{gap:10px;display:grid}.mobile-pay-actions button,.mobile-pay-cancel{border:1px solid var(--ink);background:var(--ink);color:#fff;border-radius:8px;min-height:48px;font-weight:900}.mobile-pay-cancel{border-color:var(--line);color:var(--ink);background:#fff}.workspace-page,.plans-page,.account-page{width:100%;min-width:0;max-width:1220px;margin:0 auto}.workspace-grid{grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);gap:24px;display:grid}.workspace-grid>*,.detail-page>*,.template-hero>*,.template-example-page>*,.account-grid>*{min-width:0}.result-panel{min-width:0;min-height:520px;padding:18px;overflow:hidden}.studio-panel .section-heading{margin-top:0}.section-heading.tight{margin-bottom:14px}.upload-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.upload-button{position:relative;overflow:hidden}.upload-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.upload-row .studio-submit{width:auto;min-width:160px;min-height:42px;margin-top:0;margin-left:auto}.cost-pill{min-height:42px;color:var(--blue);cursor:pointer;background:#315bff14;border:1px solid #315bff33;border-radius:24px;align-items:center;margin-left:auto;padding:0 16px;font-size:13px;font-weight:800;transition:all .2s;display:inline-flex}.cost-pill:hover{background:#315bff1f;border-color:#315bff4d}.cost-detail{max-width:min(100%,360px);display:block}.cost-detail summary{cursor:pointer;align-items:center;min-height:40px;display:flex}.cost-breakdown{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px;padding:0 0 10px;font-size:12px;font-weight:800;display:grid}.cost-breakdown small{color:#3f4654;grid-column:1/-1;line-height:1.5}.reference-strip{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;margin-top:14px;display:grid}.reference-thumb{aspect-ratio:1;border:1px solid var(--line);background:#eceee7;border-radius:8px;position:relative;overflow:hidden}.reference-thumb img{object-fit:cover;width:100%;height:100%;display:block}.reference-remove{width:24px;height:24px;color:var(--ink);cursor:pointer;background:#ffffffeb;border:1px solid #1a1f2b33;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:5px;right:5px}.reference-remove:hover{background:var(--ink);color:#fff}.reverse-result{border:1px solid var(--line);background:#fafbf8;border-radius:8px;margin-top:14px;padding:12px}.reverse-result p{color:#343b4a;overflow-wrap:anywhere;margin:8px 0;line-height:1.6}.reverse-result span{color:var(--muted);font-size:13px;font-weight:800}.studio-submit{justify-content:center;align-items:center;gap:8px;display:inline-flex}.result-panel img{object-fit:contain;background:#eceee7;border-radius:8px;width:100%;max-height:620px;display:block}.partial-preview{gap:10px;display:grid}.partial-preview img{outline-offset:-2px;outline:2px solid #b2ff3fb8}.empty-state,.screen-loader{min-height:220px;color:var(--muted);place-items:center;font-weight:800;display:grid}.task-status,.success-line{align-items:center;gap:8px;margin-bottom:14px;font-weight:900;display:inline-flex}.done,.success-line{color:#138a43}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.result-actions{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:10px;min-width:0;margin-top:14px;display:grid}.result-actions button,.result-actions a{white-space:nowrap;width:100%;min-width:0;max-width:100%;padding:0 12px}.queue-submit-card{gap:12px;display:grid}.queue-submit-card p{color:var(--muted);margin:0;line-height:1.6}.submitted-task-list{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px;display:grid}.submitted-task-card{border:1px solid var(--line);min-height:132px;color:var(--ink);background:#fff;border-radius:8px;gap:6px;padding:10px;display:grid}.submitted-task-card img,.submitted-task-card>span{aspect-ratio:1;background:#eceee7;border-radius:8px;width:100%}.submitted-task-card img{object-fit:cover}.submitted-task-card>span{color:var(--muted);place-items:center;font-weight:900;display:grid}.submitted-task-card strong,.submitted-task-card small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.submitted-task-card small{color:var(--muted);font-weight:800}.task-result-view{gap:14px;min-width:0;display:grid}.task-result-view.page{border:1px solid var(--line);background:#fffffff0;border-radius:8px;max-width:920px;margin:0 auto;padding:18px;box-shadow:0 16px 44px #11182714}.task-result-toolbar{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.task-result-toolbar .status,.status{overflow-wrap:anywhere;align-items:center;gap:7px;min-width:0;font-weight:900;display:inline-flex}.task-result-toolbar button{border:1px solid var(--line);min-height:36px;color:var(--ink);background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-weight:900;display:inline-flex}.task-result-media{border:1px solid var(--line);background:#eceee7;border-radius:8px;place-items:center;width:100%;min-width:0;min-height:360px;display:grid;position:relative;overflow:hidden}.task-result-media img{object-fit:contain;width:100%;max-height:620px}.task-result-media-actions{opacity:0;pointer-events:none;background:#0f172a2e;justify-content:center;align-items:center;gap:12px;padding:16px;transition:opacity .18s;display:flex;position:absolute;inset:0}.task-result-media.has-actions:hover .task-result-media-actions,.task-result-media.has-actions:focus-within .task-result-media-actions{opacity:1;pointer-events:auto}.task-result-media-actions button,.task-result-media-actions a{color:#0f172a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffc7;border:1px solid #ffffffc7;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:0 14px;font-size:13px;font-weight:900;display:inline-flex}.image-zoom-backdrop{z-index:1000;overscroll-behavior:none;background:#000000c7;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.image-zoom-stage{overscroll-behavior:none;touch-action:none;place-items:center;width:min(100%,1400px);height:90vh;display:grid;position:relative;overflow:hidden}.image-zoom-stage img{object-fit:contain;transform-origin:50%;-webkit-user-select:none;user-select:none;cursor:zoom-in;will-change:transform;-webkit-user-drag:none;border-radius:8px;width:auto;min-width:0;max-width:100%;height:auto;min-height:0;max-height:100%;display:block}.image-zoom-stage.is-zoomed img{cursor:grab}.image-zoom-close,.image-zoom-toggle,.image-zoom-nav{z-index:1001;color:#0f172a;cursor:pointer;background:#ffffffe6;border:0;position:fixed;box-shadow:0 2px 8px #0003}.image-zoom-close{border-radius:999px;width:34px;height:34px;font-size:20px;line-height:1;top:18px;right:18px}.image-zoom-toggle{border-radius:999px;min-height:34px;padding:0 12px;font-weight:900;top:18px;right:62px}.image-zoom-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffad;border-radius:999px;justify-content:center;align-items:center;width:48px;height:72px;font-size:38px;font-weight:800;line-height:1;display:inline-flex;top:50%;transform:translateY(-50%)}.image-zoom-nav.previous{left:18px}.image-zoom-nav.next{right:18px}@media (width<=640px){.image-zoom-backdrop{padding:10px}.image-zoom-stage{height:calc(100dvh - 20px)}.image-zoom-close{top:10px;right:10px}.image-zoom-toggle{top:10px;right:52px}.image-zoom-nav{width:44px;height:58px;font-size:32px}.image-zoom-nav.previous{left:10px}.image-zoom-nav.next{right:10px}}.task-result-placeholder{color:var(--muted);place-items:center;gap:10px;font-weight:900;display:grid}.task-result-copy p{color:#222938;overflow-wrap:anywhere;min-width:0;margin:0 0 12px;font-weight:800;line-height:1.6}.task-result-copy{min-width:0}.param-grid.compact{grid-template-columns:repeat(auto-fit,minmax(128px,1fr));min-width:0}.task-param-groups{gap:8px;min-width:0;display:grid}.task-param-group{border:1px solid var(--line);background:#fafbf8;border-radius:8px;overflow:hidden}.task-param-group summary{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;padding:11px 12px;list-style:none;display:flex}.task-param-group summary::-webkit-details-marker{display:none}.task-param-group summary strong{font-size:14px}.task-param-group summary span{min-width:0;color:var(--muted);text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;overflow:hidden}.task-param-group .param-grid{padding:0 10px 10px}.task-param-group .param-grid span{background:#fff}.task-error-card{color:#a3183c;background:#fff0f4;border:1px solid #ffc3d0;border-radius:8px;gap:8px;max-width:100%;margin:16px 0 0;padding:12px 14px;display:grid;overflow:hidden}.task-error-card strong{font-size:14px;font-weight:900}.task-error-card p{max-height:132px;color:inherit;overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap;margin:0;padding-right:4px;font-size:14px;font-weight:800;line-height:1.55;overflow:auto}.tasks-page{width:100%;min-width:0;max-width:1160px;margin:0 auto}.task-filter-row>button,.task-actions button,.task-actions a{border:1px solid var(--line);min-height:36px;color:var(--ink);background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-weight:900;display:inline-flex}.task-filter-row{align-items:center;gap:10px;margin-bottom:16px;display:flex}.task-status-dropdown{flex:auto;min-width:0}.task-status-trigger{background:#fff;border-radius:24px;justify-content:space-between;width:100%;min-height:46px;padding:0 18px;font-size:15px;list-style:none}.task-status-trigger::-webkit-details-marker{display:none}.task-status-trigger span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.task-status-trigger svg{flex:none;transition:transform .16s}.task-status-dropdown[open] .task-status-trigger svg{transform:rotate(180deg)}.task-status-dropdown[open] .task-status-trigger{border-color:var(--blue);box-shadow:0 0 0 4px #315bff24}.task-filter-row>button{border-radius:10px;flex:none;min-height:46px;padding:0 16px}.task-tabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.task-tabs button{border:1px solid var(--line);background:#fff;border-radius:8px;min-height:38px;padding:0 13px;font-weight:900}.task-tabs button.active{border-color:var(--ink);background:var(--acid)}.task-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.task-summary-grid div{border:1px solid var(--line);background:#fff;border-radius:8px;gap:2px;min-height:72px;padding:12px;display:grid}.task-summary-grid strong{font-size:26px}.task-summary-grid span{color:var(--muted);font-weight:900}.task-list{gap:12px;display:grid}.task-card{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px;display:grid}.task-main-link{min-width:0;color:inherit;grid-template-columns:116px minmax(0,1fr);align-items:center;gap:14px;display:grid}.task-media{aspect-ratio:1;border:1px solid var(--line);background:#eceee7;border-radius:8px;width:116px;overflow:hidden}.task-media img,.task-placeholder{width:100%;height:100%}.task-media img{object-fit:cover;display:block}.task-placeholder{color:var(--muted);place-items:center;font-weight:900;display:grid}.task-body{min-width:0}.task-body p{color:#222938;overflow-wrap:anywhere;margin:8px 0;line-height:1.55}.task-row,.task-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.task-row small,.task-body>small{color:var(--muted);font-weight:800}.task-actions{justify-content:flex-end}@media (width<=820px){.task-card{grid-template-columns:1fr}.task-main-link{grid-template-columns:84px minmax(0,1fr)}.task-media{width:84px}.task-actions{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(0,1fr));justify-content:stretch;gap:8px;display:grid}.task-actions button,.task-actions a{white-space:nowrap;width:100%;min-width:0;padding:0 8px}.task-summary-grid{grid-template-columns:1fr 1fr}}.task-detail-page{max-width:1040px;margin:0 auto}.detail-page{grid-template-columns:minmax(0,1fr) 410px;gap:24px;width:100%;min-width:0;max-width:1320px;margin:0 auto;display:grid}.detail-main-column{flex-direction:column;gap:18px;min-width:0;display:flex}.detail-main-column>.comments-section{margin-top:0}.detail-main-column>.detail-media-shell{align-self:stretch}.detail-media-shell{align-self:start;min-width:0;position:relative}.detail-media{border:1px solid var(--line);width:100%;min-width:0;height:640px;color:inherit;cursor:zoom-in;background:#eceee7;border-radius:8px;place-items:center;padding:0;display:grid;overflow:hidden}.detail-nav-button{z-index:2;color:#0f172a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffad;border:1px solid #ffffffb3;border-radius:999px;justify-content:center;align-items:center;width:48px;height:72px;font-size:38px;font-weight:800;line-height:1;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 10px 28px #0f172a29}.detail-nav-button.previous{left:12px}.detail-nav-button.next{right:12px}.detail-nav-button:disabled,.image-zoom-nav:disabled{opacity:.45}.detail-nav-button:focus-visible,.image-zoom-nav:focus-visible{outline:3px solid var(--acid);outline-offset:2px}@media (width<=640px){.detail-nav-button{width:44px;height:58px;font-size:32px}.detail-nav-button.previous{left:8px}.detail-nav-button.next{right:8px}}.detail-media img{object-fit:contain;width:auto;max-width:100%;max-height:86vh;display:block}.detail-panel{box-sizing:border-box;align-self:start;padding:22px}.author-row{align-items:center;gap:12px;display:flex}.author-row img{border:1px solid var(--line);background:var(--acid);border-radius:8px;width:42px;height:42px}.author-row span{color:var(--muted);font-size:13px;display:block}.detail-panel .author-row+.template-prompt-container{margin-top:16px}.detail-panel h1{overflow-wrap:anywhere;font-size:24px;line-height:1.35}@media (width>=1051px){.detail-page>.detail-panel,.template-hero>.detail-panel{width:410px;height:auto;min-height:640px;overflow:visible}}.template-hero-copy .detail-prompt-card{box-sizing:border-box;box-shadow:none;background:#fafbf8;border-radius:8px;margin:0;padding:14px}.template-hero-copy .template-prompt-container,.template-hero-copy .template-param-groups,.template-hero-copy .template-social-actions,.template-hero-copy .template-generate{width:100%;min-width:0;margin-top:0;margin-bottom:0!important}.template-hero-copy .detail-prompt-card h1.task-prompt-text{color:#343b4a!important;font-size:inherit!important;font-weight:800!important;line-height:1.7!important}.param-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.param-grid span,.status-badge{border:1px solid var(--line);color:#343b4a;overflow-wrap:anywhere;background:#fafbf8;border-radius:8px;min-width:0;padding:10px;font-size:13px;font-weight:800}.detail-actions{flex-wrap:wrap;gap:10px;margin:18px 0;display:flex}.detail-actions button,.detail-actions a{flex:132px}.detail-actions .active{border-color:var(--ink);background:var(--acid)}.inline-link{color:var(--blue);font-weight:900}.comments h2{align-items:center;gap:8px;font-size:18px;display:flex}.comment{border-top:1px solid var(--line);padding:12px 0}.comment p{color:#343b4a;overflow-wrap:anywhere;margin:6px 0 0;line-height:1.55}.comment-form{grid-template-columns:1fr 44px;gap:8px;margin-top:12px;display:grid}.comment-form button{border:1px solid var(--ink);background:var(--ink);color:#fff;border-radius:8px;place-items:center;display:grid}.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.plan-section{gap:14px;margin-top:24px;display:grid}.plan-section-heading{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.plan-section-heading h2{margin:0;font-size:22px}.plan-section-heading span{color:var(--muted);text-align:right;font-size:13px;font-weight:800}.plan-card{padding:22px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.plan-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px #1118271f}.plan-card.featured{border-color:#6366f1;box-shadow:0 8px 40px #6366f126}.plan-card.featured:hover{box-shadow:0 20px 60px #6366f138}.plan-card h2{margin:0;font-size:20px;line-height:1.3}.plan-card p{min-height:40px;color:var(--muted);margin:10px 0 0;font-size:13px;line-height:1.55}.plan-card strong{background:linear-gradient(135deg,#1e293b,#475569);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:32px;display:block}.plan-card ul{gap:10px;margin:14px 0 0;padding:0;list-style:none;display:grid}.plan-card li{color:#475569;align-items:flex-start;gap:8px;font-size:13px;font-weight:700;line-height:1.4;display:flex}.plan-card li svg{color:#22c55e;flex-shrink:0;margin-top:1px}.plan-card button{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000;width:100%;margin-top:16px;transition:all .2s}.plan-card button:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 8px 24px #6366f14d}.plan-card.featured button{background:linear-gradient(135deg,#f59e0b,#ef4444)}.plan-card.featured button:hover{background:linear-gradient(135deg,#d97706,#dc2626);box-shadow:0 8px 24px #ef44444d}.order-card{text-align:center}.status-badge{text-transform:uppercase;margin:8px 0 18px;display:inline-block}.status-badge.paid{color:#0f7b3d;background:#e8f7ee;border-color:#76c893}.account-hero{border:1px solid var(--line);background:var(--ink);color:#fff;border-radius:8px;grid-template-columns:1fr auto auto;align-items:center;gap:20px;padding:24px;display:grid}.account-hero span,.account-hero p,.account-hero small{color:#ffffffb8;overflow-wrap:anywhere}.account-hero h1{margin:8px 0 4px;font-size:34px}.account-hero strong{font-size:38px}.credit-stack{text-align:right;gap:3px;display:grid}.credit-stack span{color:#ffffffd1;font-weight:800}.account-hero button{border-color:#ffffff38;padding:0 14px}.account-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.account-grid{grid-template-columns:minmax(0,1fr) 340px;gap:24px;min-width:0;display:grid}.account-grid>section{width:100%;min-width:0}.credit-lot-panel{border:1px solid var(--line);background:#ffffffeb;border-radius:8px;gap:12px;margin:18px 0 24px;padding:18px;display:grid}.credit-rule-note{color:var(--muted);margin:0;font-size:14px;font-weight:800;line-height:1.6}.credit-lot-list{gap:8px;display:grid}.credit-lot-row{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:minmax(120px,1.2fr) minmax(120px,.9fr) minmax(110px,.8fr) minmax(110px,.8fr);align-items:center;gap:10px;min-height:58px;padding:12px 16px;display:grid}.credit-lot-row strong,.credit-lot-row span{display:block}.credit-lot-row span,.credit-lot-row small{color:var(--muted);font-weight:800}.credit-lot-row small.free{color:#7c5c00}.credit-lot-row small.purchased{color:#0f6b4c}.order-list{align-self:start;padding:18px}.order-row{border-top:1px solid var(--line);gap:4px;padding:14px 0;display:grid}.order-row span,.order-row small{color:var(--muted);font-weight:800}.order-records{gap:8px;display:grid}.order-record-table{gap:10px;width:100%;min-width:0;display:grid}.order-record-head,.order-record-row{grid-template-columns:130px minmax(120px,1fr) 80px 120px 140px;align-items:center;gap:10px;display:grid}.modal-list-scroll{gap:10px;max-height:320px;padding-right:4px;display:grid;overflow-y:auto}.credit-details-modal{overflow:hidden}.credit-details-body{flex-direction:column;width:100%;min-height:0;max-height:min(760px,100vh - 48px);display:flex}.credit-details-panel{flex:auto;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;width:100%;min-height:0;display:grid}@media (width>=821px){.credit-details-panel{min-width:650px}.credit-details-panel.lots{min-width:700px}}.credit-details-panel.lots{grid-template-rows:minmax(0,1fr) auto}.credit-details-scroll{grid-auto-rows:max-content;align-content:start;min-height:0;max-height:min(440px,50vh)}.credit-history-head,.credit-history-row{grid-template-columns:110px minmax(0,1fr) 85px 75px;gap:10px;display:grid}.credit-history-head{color:var(--muted);border-bottom:1px solid var(--line);align-items:center;padding:0 16px 6px;font-size:13px;font-weight:900}.credit-history-row{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:start;min-height:72px;padding:10px 16px}.credit-history-row>span{padding-top:9px}.credit-history-time{color:var(--muted);padding-top:10px;font-weight:800}.credit-history-detail{gap:3px;min-width:0;display:grid}.credit-history-detail strong{min-width:0;color:var(--ink);overflow-wrap:anywhere;font-size:14px;font-weight:800;line-height:1.35}.credit-history-detail small{min-width:0;color:var(--muted);overflow-wrap:anywhere;font-size:11px;font-weight:800;line-height:1.35}.order-record-head{color:var(--muted);padding:0 16px 6px;font-size:13px;font-weight:900}.order-record-row{border:1px solid var(--line);background:#fff;border-radius:8px;min-height:48px;padding:10px 16px}.order-record-row strong{display:block}.order-record-row span,.order-record-row small{color:var(--muted);font-weight:800}.invite-page{width:100%;min-width:0;max-width:980px;margin:0 auto}.invite-modal-backdrop{z-index:60;background:0 0;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.user-center-backdrop{z-index:55;background:0 0;justify-content:flex-end;align-items:flex-start;padding:80px 24px 24px;display:flex;position:fixed;inset:0}@media (width<=820px){.invite-modal-backdrop,.user-center-backdrop{-webkit-backdrop-filter:blur(5px);background:#0f172a57}}@media (width<=640px){.user-center-backdrop{justify-content:center;padding:72px 16px 16px}}.invite-modal-backdrop{z-index:1250;-webkit-backdrop-filter:blur(8px);background:#0f172a66;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.invite-modal{background:var(--panel);border:1px solid #1118270d;border-radius:24px;width:min(800px,100%);max-height:min(720px,100vh - 48px);overflow-y:auto;box-shadow:0 24px 80px #0f172a33}.invite-center-modal{width:min(800px,100%)}.invite-center{border:1px solid var(--line);background:#fff;border-radius:20px;gap:24px;padding:32px;display:grid}.invite-center.modal-body{border:0}.invite-heading{justify-content:space-between;align-items:flex-start;gap:20px;width:100%;display:flex}.invite-heading:not(.customer-service-header)>div:first-child{flex-direction:column;flex:1;gap:8px;display:flex}.invite-heading span{color:var(--blue);background:#315bff14;border-radius:20px;align-items:center;gap:6px;width:fit-content;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.invite-heading h1{color:var(--ink);margin:0;font-size:24px;font-weight:800}.invite-heading p{max-width:100%;color:var(--muted);margin:0;font-size:13.5px;line-height:1.6}.icon-button{width:32px;height:32px;color:var(--muted);cursor:pointer;background:#1118270a;border:none;border-radius:50%;flex:none;place-items:center;padding:0;transition:all .2s;display:grid}.icon-button:hover{color:var(--ink);background:#11182714}.invite-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.invite-stat-card{border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;gap:6px;padding:20px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 2px #11182703}.invite-stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #1118270a}.invite-stat-card .icon-box{border-radius:10px;flex-shrink:0;place-items:center;width:40px;height:40px;margin-bottom:4px;display:grid}.invite-stat-card.users-card .icon-box{color:#3b82f6;background:#3b82f614}.invite-stat-card.credits-card .icon-box{color:#f59e0b;background:#f59e0b14}.invite-stat-card.rebate-card .icon-box{color:#ef4444;background:#ef444414}.invite-stat-card span{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.invite-stat-card strong{color:var(--ink);font-size:26px;font-weight:800;line-height:1.1}.invite-copy-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.invite-copy-field{flex-direction:column;gap:8px;display:flex}.invite-copy-field label{color:var(--ink);font-size:13px;font-weight:800}.invite-copy-field .input-group{border:1px solid var(--line)!important;box-sizing:border-box!important;background:#fff!important;border-radius:12px!important;align-items:center!important;width:100%!important;height:46px!important;padding:0!important;transition:border-color .2s,box-shadow .2s,background-color .2s!important;display:flex!important;overflow:hidden!important}.invite-copy-field .input-group:focus-within{border-color:var(--blue)!important;box-shadow:0 0 0 3px #315bff14!important}.invite-copy-field input{min-width:0!important;height:100%!important;color:var(--ink)!important;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;flex:1!important;padding:0 16px!important;font-size:13.5px!important;font-weight:700!important}.invite-copy-field button{background:var(--blue)!important;color:#fff!important;cursor:pointer!important;height:100%!important;box-shadow:none!important;border:none!important;border-radius:0!important;flex:none!important;justify-content:center!important;align-items:center!important;gap:6px!important;margin:0!important;padding:0 20px!important;font-size:12.5px!important;font-weight:700!important;transition:all .2s!important;display:inline-flex!important}.invite-copy-field button:hover{background:#254adb!important}.invite-records{gap:12px;display:grid}.invite-record-scroll{max-height:240px}.invite-record-head,.invite-record-row{grid-template-columns:minmax(120px,1fr) minmax(140px,1fr) 100px 100px;align-items:center;gap:12px;display:grid}.invite-record-head{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;padding:0 16px 4px;font-size:11.5px;font-weight:800}.invite-record-row{border:1px solid var(--line);background:#fff;border-radius:12px;min-height:48px;padding:12px 16px;transition:all .2s}.invite-record-row:hover{border-color:#315bff33;box-shadow:0 4px 12px #11182705}.invite-record-row strong{color:var(--ink);font-size:13.5px;font-weight:700}.invite-record-row span{color:var(--muted);font-size:13px;font-weight:600}.invite-pager{color:var(--muted);justify-content:flex-end;align-items:center;gap:12px;font-size:13px;font-weight:800;display:flex}.invite-pager button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:8px;padding:6px 12px;font-weight:700;transition:all .2s}.invite-pager button:hover:not(:disabled){border-color:var(--blue);color:var(--blue)}.invite-pager button:disabled{opacity:.5;cursor:not-allowed}.notice{color:#6e5600;overflow-wrap:anywhere;word-break:break-word;background:#fffbea;border:1px solid #d6d8cf;border-radius:8px;max-width:100%;margin:14px 0;padding:12px;font-weight:800;overflow:hidden}.notice.dismissible{justify-content:space-between;align-items:center;gap:12px;display:flex}.notice.dismissible span{min-width:0}.notice-dismiss{width:26px;height:26px;color:inherit;cursor:pointer;opacity:.72;background:0 0;border:1px solid;border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.notice-dismiss:hover{opacity:1}.notice.compact{margin:8px 0 12px;padding:10px 12px;font-size:13px}.notice.danger{color:#a3183c;background:#fff0f4;border-color:#ffc3d0}.notice.success{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.notice.subtle{color:#315481;background:#f5f8ff;border-color:#dce8ff}.bottom-tabs{display:none}@media (width<=1050px){.workspace-grid,.detail-page,.template-hero,.template-example-page,.account-grid{grid-template-columns:minmax(0,1fr)}.workspace-grid,.detail-page,.template-hero,.template-example-page,.account-grid,.task-card,.invite-center{min-width:0}.result-panel{min-height:420px}.detail-media{height:480px}.template-example-media{min-height:520px}.plan-grid{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}.invite-stat-grid{grid-template-columns:1fr}.invite-center-modal .invite-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.invite-record-head{display:none}.invite-record-row,.credit-lot-row{grid-template-columns:1fr 1fr}}@media (width<=820px){.topbar{gap:8px;padding:14px}.brand{flex:auto}.brand-mark{flex:0 0 36px}.topnav{flex:none;gap:8px!important}.topnav .text-btn{display:none}.contact-service-btn{border-radius:50%;justify-content:center;width:36px;height:36px;padding:0}.contact-service-btn .btn-text{display:none}.special-offer-btn{padding:8px 12px}.special-offer-btn .credits-label,.topnav a:not(.dark-pill):not(.member-pill){display:none}.topnav a,.member-pill,.dark-pill{max-width:44vw;padding:0 12px}.topnav a span,.member-pill span,.dark-pill span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}main{padding:10px 14px calc(98px + env(safe-area-inset-bottom))}.brand{font-size:21px}.hero-copy{padding-top:34px}.hero-copy p{color:#11182799;font-size:38px;line-height:1.1}.template-cover{min-height:0}.generator-panel{padding:12px}.prompt-box{gap:12px;min-height:136px;padding:14px}.prompt-reference-strip .reference-thumb{flex-basis:62px;width:62px}.generator-controls label{flex:min(100%,150px);justify-content:space-between}.generator-controls select,.generator-controls input{flex:auto}.input-with-button{grid-template-columns:1fr}.input-with-button button,.upload-button{width:100%}.profile-panel{padding:22px}.profile-heading,.profile-password-grid,.profile-actions{grid-template-columns:minmax(0,1fr)}.profile-actions .primary-action,.ghost-action{width:100%}.cost-pill,.credits-estimate-pill{justify-content:center;width:100%;margin-left:0}.send-button{width:100%}.quick-prompts button{flex:42%}.template-grid,.submitted-task-list{grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr))}.section-heading{flex-direction:column;align-items:flex-start;gap:4px}.image-card,.template-card{margin-bottom:12px}.template-hero-media,.template-hero-media img,.template-example-media{min-height:min(420px,82vw)}.template-hero-copy{padding:18px}.template-hero-copy h1{font-size:32px}.side-rail{display:none}.bottom-tabs{z-index:30;padding:6px 6px calc(6px + env(safe-area-inset-bottom));border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid;position:fixed;bottom:8px;left:10px;right:10px}.bottom-tabs a{color:#384152;border-radius:8px;place-items:center;min-width:0;min-height:48px;font-size:11px;font-weight:900;line-height:1.1;display:grid}.bottom-tabs a span{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;overflow:hidden}.detail-panel,.auth-card,.order-card{padding:18px}.detail-panel{width:auto;height:auto;max-height:none;overflow:visible}.param-grid,.account-hero{grid-template-columns:1fr}.task-result-toolbar{flex-wrap:wrap;align-items:stretch}.task-result-toolbar button{flex:116px}.task-result-media{min-height:min(340px,78vw)}.result-actions button,.result-actions a,.detail-actions button,.detail-actions a{white-space:normal;flex:140px}.account-actions{justify-content:stretch}.credit-stack{text-align:left}.account-actions button{flex:140px}.invite-modal-backdrop{padding:10px}.invite-modal,.customer-service-modal-card,.profile-editor-modal,.user-center-modal-card{width:min(100%,100vw - 20px)!important;max-height:calc(100vh - 20px)!important}.invite-center-modal{width:min(560px,100vw - 20px)!important;max-height:min(640px,100dvh - 32px)!important}.invite-center-modal .invite-heading{flex-direction:row}.invite-center-modal .invite-heading>div:first-child{flex:1;min-width:0}.invite-center-modal .invite-heading .icon-button{margin-left:auto}.invite-center{padding:16px}.profile-editor-body,.customer-service-modal-body{padding:16px!important}.invite-heading{flex-direction:column;align-items:flex-start}.invite-heading h1{font-size:28px}.invite-copy-grid label>span,.invite-record-row,.order-record-row{grid-template-columns:1fr}.invite-center-modal .invite-copy-grid label>span,.invite-center-modal .invite-record-row{grid-template-columns:minmax(0,1fr) auto}.invite-center-modal .invite-record-row>strong,.invite-center-modal .invite-record-row span:first-of-type{grid-column:1}.invite-center-modal .invite-record-row>strong,.invite-center-modal .invite-record-row span:nth-of-type(2){grid-row:1}.invite-center-modal .invite-record-row span:first-of-type,.invite-center-modal .invite-record-row span:nth-of-type(3){grid-row:2}.invite-center-modal .invite-record-row span:nth-of-type(2),.invite-center-modal .invite-record-row span:nth-of-type(3){text-align:right;grid-column:2}.invite-center-modal .invite-record-row span:nth-of-type(2):before{content:"奖励 "}.invite-center-modal .invite-record-row span:nth-of-type(3):before{content:"返利 "}.credit-lot-row{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;padding:12px 14px;display:grid}.credit-lot-row>div:first-child{flex-direction:column;grid-area:1/1/3/2;gap:3px;display:flex}.credit-lot-row small:first-of-type{text-align:right;grid-area:1/2/2/3;font-size:11px;font-weight:800}.credit-lot-row small:nth-of-type(2){color:var(--muted);grid-area:3/1/4/2;font-size:11px}.credit-lot-row small:nth-of-type(3){color:var(--muted);text-align:right;grid-area:3/2/4/3;font-size:11px}.credit-details-body{max-height:calc(100vh - 20px)}.credit-history-head{display:none}.credit-history-row{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px 12px;padding:12px 14px;display:grid}.credit-history-time{color:var(--muted);grid-area:2/1/auto/2;padding-top:0;font-size:11px}.credit-history-detail{grid-area:1/1/auto/2}.credit-history-row>span:first-of-type{grid-area:1/2/2/3;padding-top:0;font-size:15px;font-weight:900;text-align:right!important}.credit-history-row>span:nth-of-type(2){color:var(--muted);white-space:nowrap;grid-area:2/2/auto/3;padding-top:0;font-size:12px;text-align:right!important}.credit-history-row>span:nth-of-type(2):before{content:"余额: ";color:var(--muted);font-size:11px;font-weight:400}.order-record-head{display:none}.invite-pager{justify-content:stretch}.invite-pager button{flex:1 1 0}.image-card-action{opacity:1;pointer-events:auto;transform:none}.config-popover-panel{border-radius:12px;gap:12px;width:100%;max-height:min(340px,48vh);padding:16px;position:absolute;inset:calc(100% + 6px) auto auto 0;overflow-y:auto}}@media (width<=460px){.hero-copy{padding-top:24px}.hero-copy p{font-size:32px}.generator-controls label,.custom-dropdown-container,.quick-prompts button{flex-basis:100%}.generator-controls{grid-template-columns:1fr 1fr;gap:8px;padding-top:12px;display:grid}.generator-controls label,.custom-dropdown-trigger,.credits-estimate-pill,.cost-pill{border-radius:18px;min-height:36px;padding:0 10px;font-size:12px}.generator-controls .model-select-label,.generator-controls .count-dropdown-container{flex-basis:auto;grid-column:span 1;width:100%;margin:0}.generator-controls .model-select-label select{width:100%}.generator-controls .config-dropdown-container,.generator-controls .style-dropdown-container{flex-basis:auto;grid-column:span 2;width:100%}.generator-controls .credits-estimate-pill,.generator-controls .send-button{flex-basis:auto;grid-column:span 1;width:100%}.send-button{background:var(--ink);justify-content:center;align-items:center;gap:6px;height:36px;font-size:13px;font-weight:800;color:#fff!important;border-radius:8px!important;display:flex!important}.send-button .send-btn-text{display:none}.custom-dropdown-trigger{justify-content:space-between;width:100%}.config-popover-panel{width:auto;max-width:none;padding:14px}.count-popover-panel{width:100%;min-width:88px}.popover-ratio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ratio-card,.popover-segmented-control button,.count-option{min-height:34px;padding:6px 8px;font-size:12px}.custom-dropdown-trigger span,.ratio-card-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.upload-row{gap:8px}.upload-button,.cost-pill{flex:150px;width:auto}.task-main-link{grid-template-columns:72px minmax(0,1fr);gap:10px}.task-media{width:72px}.comment-form{grid-template-columns:1fr}.comment-form button{min-height:42px}}.custom-dropdown-container{display:inline-block;position:relative}.custom-dropdown-trigger{border:1px solid var(--line);min-height:42px;color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-radius:24px;align-items:center;gap:8px;padding:0 16px;font-weight:800;transition:border-color .2s,box-shadow .2s;display:inline-flex}.custom-dropdown-trigger:hover{border-color:var(--blue)}.custom-dropdown-trigger.active{border-color:var(--blue);box-shadow:0 0 0 3px #315bff1f}.custom-dropdown-trigger span{font-size:14px}.model-dropdown-container .model-select-trigger{justify-content:space-between;min-width:190px}.model-select-trigger>svg:first-child{color:var(--blue);flex:none}.model-select-trigger span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.model-popover-panel{width:220px;max-width:calc(100vw - 32px)}.config-popover-panel{z-index:1000;background:#fff;border:1px solid #11182714;border-radius:16px;flex-direction:column;gap:20px;width:440px;padding:24px;animation:.15s ease-out popoverFadeIn;display:flex;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 10px 30px #1118271f,0 1px 3px #11182705}@keyframes popoverFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.popover-section{flex-direction:column;gap:8px;display:flex}.popover-section-title{color:var(--muted);font-size:14px;font-weight:800}.popover-ratio-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.ratio-card{border:1px solid var(--line);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--ink);background:#fff;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;transition:all .2s;display:flex}.ratio-card:hover:not(.disabled){border-color:var(--blue);background:#315bff0a}.ratio-card.selected{border-color:var(--blue);color:var(--blue);background:#315bff14}.ratio-card.disabled{opacity:.4;cursor:not-allowed;background:#f8f8f4}.ratio-card-label{font-size:13px;font-weight:800}.ratio-shape{opacity:.8;border:1.5px solid;border-radius:2px;flex-shrink:0;display:inline-block}.ratio-shape.ratio-1-1{width:14px;height:14px}.ratio-shape.ratio-3-4{width:12px;height:16px}.ratio-shape.ratio-4-3{width:16px;height:12px}.ratio-shape.ratio-9-16{width:10px;height:18px}.ratio-shape.ratio-16-9{width:18px;height:10px}.ratio-shape.ratio-2-3{width:11px;height:16px}.ratio-shape.ratio-3-2{width:16px;height:11px}.ratio-shape.ratio-4-5{width:13px;height:16px}.ratio-shape.ratio-5-4{width:16px;height:13px}.ratio-shape.ratio-9-21{width:9px;height:21px}.ratio-shape.ratio-21-9{width:21px;height:9px}.popover-segmented-control{background:#f1f2ee;border-radius:8px;gap:2px;padding:4px;display:flex}.popover-segmented-control button{color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1;padding:8px 12px;font-size:13px;font-weight:800;transition:all .2s}.popover-segmented-control button.selected{color:var(--blue);background:#fff;box-shadow:0 2px 8px #1118270f}.popover-segmented-control button:hover:not(.selected):not(:disabled){background:#1118270a}.count-popover-panel{z-index:1000;background:#fff;border:1px solid #11182714;border-radius:12px;flex-direction:column;gap:2px;width:120px;padding:6px;animation:.15s ease-out popoverFadeIn;display:flex;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 10px 30px #1118271f,0 1px 3px #11182705}.count-option{text-align:left;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:8px 12px;font-size:13px;font-weight:800;transition:all .2s}.count-option:hover{color:var(--blue);background:#315bff0f}.count-option.selected{color:var(--blue);background:#315bff14}.count-popover-panel.task-status-menu{border-radius:20px;gap:0;width:100%;max-height:min(430px,60vh);padding:12px;top:calc(100% + 10px);overflow-y:auto;box-shadow:0 18px 48px #11182729}.task-status-menu .count-option{width:100%;min-height:52px;color:var(--ink);border-radius:10px;grid-template-columns:28px minmax(0,1fr) 20px;align-items:center;gap:12px;padding:0 14px;font-size:14px;display:grid}.task-status-menu .count-option:not(:last-child){border-bottom:1px solid #eceef2}.task-status-menu .count-option:hover,.task-status-menu .count-option.selected{color:var(--blue);background:#eef4ff;border-bottom-color:#0000}.task-status-option-icon,.task-status-option-check{justify-content:center;align-items:center;display:inline-flex}.task-status-option-icon.all,.task-status-option-check{color:#2563eb}.task-status-option-icon.queued{color:#7c5cff}.task-status-option-icon.running{color:#ff6b2c}.task-status-option-icon.completed{color:#35a853}.task-status-option-icon.failed{color:#f4512c}.task-status-option-icon.cancelled{color:#8a94a5}.task-status-option-label{text-align:left;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.credits-estimate-pill{min-height:42px;color:var(--blue);background:#315bff14;border:1px solid #315bff33;border-radius:24px;align-items:center;gap:6px;margin-left:auto;padding:0 16px;font-size:13px;font-weight:800;display:inline-flex}.credits-estimate-pill+.send-button{margin-left:0}.auth-card input{background:#fff9;border:1px solid #1118271f;border-radius:10px;outline:0;width:100%;min-height:44px;padding:0 12px;transition:border-color .2s,box-shadow .2s,background-color .2s}.auth-card input:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px #315cff1f}.auth-card .input-with-button button{color:#fff;cursor:pointer;background:#0e1117;border:0;border-radius:8px;padding:0 14px;font-size:13px;font-weight:600;transition:opacity .2s,transform .1s}.auth-card .input-with-button button:hover{opacity:.9}.auth-card .input-with-button button:active{transform:scale(.96)}.auth-card .input-with-button button:disabled{cursor:not-allowed;opacity:.55;transform:none}.auth-card .primary-action{color:#fff;cursor:pointer;background:#0e1117;border:none;border-radius:12px;width:100%;min-height:46px;margin-top:16px;font-weight:700;transition:opacity .2s,transform .1s;box-shadow:0 4px 12px #0e111726}.auth-card .primary-action:hover{opacity:.95}.auth-card .primary-action:active{transform:scale(.98)}.auth-card .auth-mark{transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.auth-card:hover .auth-mark{transform:rotate(6deg)scale(1.05)}.prompt-box.collapsed textarea{resize:none;-webkit-overflow-scrolling:touch;overflow-y:auto}.prompt-box.expanded textarea{resize:vertical}.detail-page.layout-landscape{grid-template-columns:minmax(0,1fr);gap:16px}.detail-page.layout-landscape .detail-media{height:auto;min-height:auto;max-height:70vh}.detail-page.layout-landscape .detail-media img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:70vh}.detail-page.layout-landscape .detail-panel{width:100%;padding:24px}.detail-page.layout-landscape .param-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.image-meta p.task-prompt-text{-webkit-line-clamp:unset;min-height:auto;display:block;overflow:visible}.image-meta p.task-prompt-text.collapsed,.image-meta p.task-prompt-text.expanded{display:block}.masonry-flex-container{align-items:flex-start;gap:18px;width:100%;min-width:0;display:flex}.masonry-column{flex-direction:column;flex:1;gap:18px;min-width:0;display:flex}.masonry-column .image-card{margin-bottom:0}.prompt-display-card{border:1px solid var(--line);text-align:left;background:linear-gradient(135deg,#fffffffa,#f8f8f4fa);border-radius:12px;width:100%;margin-bottom:20px;padding:18px 22px;position:relative;box-shadow:0 6px 20px #11182708}.prompt-display-card p,.prompt-display-card h1{color:var(--ink)!important;background:0 0!important;border:none!important;margin:0!important;padding:0!important;font-family:inherit!important;overflow:visible!important}.prompt-display-card p.task-prompt-text,.prompt-display-card h1.task-prompt-text{font-size:15px!important;font-weight:700!important;line-height:1.65!important}.detail-prompt-card{margin-top:8px;margin-bottom:24px}.task-prompt-text{color:var(--ink);margin:0 0 10px;font-size:13px;font-weight:700;line-height:1.55}.premium-confirm-dialog{width:calc(100% - 32px);max-width:420px;color:var(--text);background:#fffffffa;border:1px solid #00000014;border-radius:16px;padding:0;animation:.25s cubic-bezier(.34,1.56,.64,1) forwards modal-fade-in;overflow:hidden;box-shadow:0 20px 50px #0f172a26}@keyframes modal-fade-in{0%{opacity:0;transform:scale(.92)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.premium-confirm-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0f172a8c;animation:.2s ease-out forwards backdrop-fade-in}@keyframes backdrop-fade-in{0%{opacity:0}to{opacity:1}}.confirm-modal-content{text-align:center;flex-direction:column;align-items:center;padding:36px 28px;display:flex}.confirm-modal-icon-wrapper{border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin-bottom:22px;transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:flex}.confirm-modal-icon-wrapper.danger{color:#ef4444;background:#fef2f2;border:1px solid #fee2e2;box-shadow:0 0 24px #ef44441f}.confirm-modal-icon-wrapper.warning{color:#f59e0b;background:#fffbeb;border:1px solid #fef3c7;box-shadow:0 0 24px #f59e0b1f}.premium-confirm-dialog:hover .confirm-modal-icon-wrapper{transform:scale(1.08)}.confirm-modal-title{color:#0f172a;margin:0 0 10px;font-size:19px;font-weight:800;line-height:1.4}.confirm-modal-title+.confirm-modal-actions{margin-top:24px}.confirm-modal-description{color:#64748b;margin:0 0 32px;font-size:14px;line-height:1.6}.confirm-modal-actions{gap:14px;width:100%;display:flex}.confirm-modal-btn{cursor:pointer;border:1px solid #0000;border-radius:10px;flex:1;justify-content:center;align-items:center;padding:12px 20px;font-size:14px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.confirm-modal-btn:disabled{opacity:.6;cursor:not-allowed}.confirm-modal-btn.cancel{color:#475569;background:#f8fafc;border-color:#e2e8f0}.confirm-modal-btn.cancel:hover:not(:disabled){color:#1e293b;background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.confirm-modal-btn.confirm.danger{color:#fff;background:#ef4444;box-shadow:0 4px 14px #ef444438}.confirm-modal-btn.confirm.danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:0 6px 18px #dc262652}.confirm-modal-btn.confirm.danger:active:not(:disabled){transform:translateY(0)}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:12px;width:calc(100% - 48px);max-width:320px;display:flex;position:fixed;top:80px;right:24px}.toast-item{pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border:1px solid #00000014;border-radius:12px;align-items:center;gap:12px;padding:14px 18px;transition:all .25s;animation:.3s cubic-bezier(.34,1.56,.64,1) forwards toast-slide-in;display:flex;transform:translate(120%);box-shadow:0 10px 30px #0f172a14}@keyframes toast-slide-in{to{transform:translate(0)}}.toast-item.success{border-left:4px solid #10b981}.toast-item.success .toast-icon{color:#10b981}.toast-item.danger{border-left:4px solid #ef4444}.toast-item.danger .toast-icon{color:#ef4444}.toast-item.warning{border-left:4px solid #f59e0b}.toast-item.warning .toast-icon{color:#f59e0b}.toast-item.info{border-left:4px solid #3b82f6}.toast-item.info .toast-icon{color:#3b82f6}.toast-message{color:#0f172a;flex:1;font-size:14px;font-weight:700}.toast-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.toast-close:hover{color:#475569;background:#0000000d}.profile-editor-modal{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.profile-editor-body{padding:24px 32px 32px}.profile-editor-heading{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.profile-editor-header-text h1{color:#0f172a;margin:0;font-size:20px;font-weight:600}.profile-editor-header-text p{color:#64748b;margin:4px 0 0;font-size:13px}.profile-editor-heading .icon-button{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .2s;display:flex}.profile-editor-heading .icon-button:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.profile-avatar-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;align-items:center;gap:16px;margin-bottom:20px;padding:16px 20px;display:flex}.profile-avatar-info{flex-direction:column;flex:1;gap:4px;display:flex}.profile-avatar-info h2{color:#0f172a;margin:0;font-size:16px;font-weight:600}.profile-avatar-info p{color:#94a3b8;margin:0;font-size:12px}.profile-avatar-actions{gap:8px;margin-top:8px;display:flex}.avatar-action-btn{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.avatar-action-btn.upload-btn{color:#0f172a;background:#fff;border:1px solid #e2e8f0}.avatar-action-btn.upload-btn:hover{background:#f8fafc;border-color:#cbd5e1}.avatar-action-btn.upload-btn input{display:none}.avatar-action-btn.remove-btn{color:#ef4444;background:#fff;border:1px solid #fee2e2}.avatar-action-btn.remove-btn:hover{background:#fef2f2;border-color:#fca5a5}.profile-section-title{align-items:center;gap:8px;margin:20px 0 12px;display:flex}.profile-section-title .blue-bar{background:var(--blue,#315cff);border-radius:1.5px;width:3px;height:14px;display:inline-block}.profile-section-title h3{color:#0f172a;margin:0;font-size:14px;font-weight:600}.profile-input-label{color:#475569;flex-direction:column;gap:6px;margin-bottom:16px;font-size:13px;font-weight:500;display:flex}.profile-input-label input{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;height:40px;padding:0 12px;font-size:14px;transition:all .2s}.profile-input-label input:focus{border-color:var(--blue,#315cff);box-shadow:0 0 0 3px #315bff14}.profile-input-tip{color:#94a3b8;margin-top:2px;font-size:12px;font-weight:400}.password-status-row{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;height:56px;margin-bottom:8px;padding:0 16px;display:flex}.lock-icon-circle{color:#64748b;background:#f1f5f9;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.password-label{color:#0f172a;margin-left:12px;font-size:14px;font-weight:500}.password-badge{color:#16a34a;background:#e6f7ed;border-radius:4px;align-items:center;margin-left:8px;padding:2px 6px;font-size:11px;font-weight:500;display:inline-flex}.change-password-trigger{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;margin-left:auto;padding:4px 8px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.change-password-trigger:hover{color:var(--blue,#315cff);background:#f8fafc}.change-password-trigger .chevron-icon{transition:transform .2s}.change-password-trigger .chevron-icon.expanded{transform:rotate(90deg)}.password-edit-collapse{grid-template-rows:0fr;transition:grid-template-rows .25s ease-out;display:grid;overflow:hidden}.password-edit-collapse.expanded{grid-template-rows:1fr}.profile-password-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-height:0;padding:8px 0;display:grid}.profile-password-grid label{color:#475569;flex-direction:column;gap:6px;font-size:13px;font-weight:500;display:flex}.profile-password-grid input{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;height:38px;padding:0 12px;font-size:13px;transition:all .2s}.profile-password-grid input:focus{border-color:var(--blue,#315cff);box-shadow:0 0 0 3px #315bff14}.username-input-wrapper{gap:8px;width:100%;display:flex}.username-input-wrapper input{flex:1}.save-username-btn{background:var(--blue,#315cff);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;height:40px;padding:0 16px;font-size:13px;font-weight:500;transition:all .2s}.save-username-btn:hover{background:#2563eb}.save-username-btn:disabled{color:#94a3b8;cursor:not-allowed;background:#f1f5f9;border:1px solid #e2e8f0}.password-edit-panel{min-height:0;padding-bottom:4px}.password-action-row{justify-content:flex-end;margin-top:8px;display:flex}.save-password-btn{background:var(--blue,#315cff);color:#fff;cursor:pointer;border:none;border-radius:8px;height:36px;padding:0 16px;font-size:13px;font-weight:500;transition:all .2s}.save-password-btn:hover{background:#2563eb}.save-password-btn:disabled{color:#94a3b8;cursor:not-allowed;background:#f1f5f9;border:1px solid #e2e8f0}.profile-avatar-preview{border:1px solid #e2e8f0}.user-center-modal-card{-ms-overflow-style:none;scrollbar-width:none;overflow:hidden auto;max-height:min(720px,100vh - 120px)!important}.user-center-modal-card::-webkit-scrollbar{display:none}.customer-service-modal-card{background:#fff!important;border-radius:16px!important;width:min(500px,100%)!important;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a!important}.customer-service-modal-body{padding:24px 32px 32px!important}.customer-service-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.customer-service-header .header-left{align-items:center;gap:14px;display:flex}.customer-service-header .service-icon-circle{width:36px;height:36px;color:var(--blue,#315cff);background:#315bff14;border-radius:50%;place-items:center;display:grid}.customer-service-header .header-text h1{color:#0f172a;margin:0;font-size:20px;font-weight:600}.customer-service-header .header-text p{color:#64748b;margin:4px 0 0;font-size:13px}.customer-service-header .icon-button{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .2s;display:flex}.customer-service-header .icon-button:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.customer-service-tabs{box-sizing:border-box;background:#11182708;border-radius:12px;height:42px;margin-bottom:20px;padding:4px;display:flex}.customer-service-tabs .tab-btn{height:100%;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:9px;outline:none;flex:1;font-size:13px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1)}.customer-service-tabs .tab-btn.active{color:var(--ink);background:#fff;font-weight:800;box-shadow:0 2px 8px #1118270f}.customer-service-tabs .tab-btn:hover:not(.active){color:var(--ink)}.customer-qr-card{background:#fff;border-radius:20px;flex-direction:column;align-items:center;padding:32px;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1);display:flex;border:1px solid #1118270d!important;box-shadow:0 10px 30px #0f172a05,0 1px 3px #0f172a03!important}.customer-qr-card:hover{transform:translateY(-2px);box-shadow:0 16px 40px #0f172a0a,0 2px 4px #0f172a05!important}.qr-card-title{color:#0f172a;margin-bottom:18px;font-size:15px;font-weight:600}.qr-image-wrapper{cursor:pointer;background:#fff;border:1px solid #f1f5f9;border-radius:12px;padding:10px;transition:transform .25s,box-shadow .25s}.qr-image-wrapper:hover{transform:scale(1.03);box-shadow:0 10px 15px -3px #0000000d}.qr-image-wrapper img{object-fit:contain;border-radius:6px;width:180px;height:180px;display:block}.qr-image-placeholder{color:#94a3b8;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:200px;height:200px;display:flex}.qr-card-description{color:#334155;text-align:center;margin:16px 0 12px;font-size:14px;font-weight:500}.service-note-banner{border-left:3px solid var(--blue);text-align:left;box-sizing:border-box;background:#315bff08;border-radius:10px;gap:6px;width:100%;padding:12px 16px;display:flex}.service-note-banner .note-label{color:var(--blue);white-space:nowrap;font-size:12.5px;font-weight:700}.service-note-banner .note-text{color:var(--text);font-size:12.5px;font-weight:600;line-height:1.45}@media (width<=600px){.generator-controls{gap:8px}.generator-controls label,.generator-controls .custom-dropdown-trigger,.generator-controls .credits-estimate-pill,.cost-pill{border-radius:18px;min-height:36px;padding:0 10px;font-size:12px}.generator-controls .custom-dropdown-trigger span{font-size:12px}.generator-controls .send-button{height:36px;border-radius:8px!important}.generator-controls .send-button .send-btn-text{display:none}.config-popover-panel{border-radius:12px;gap:12px;width:100%;max-height:min(340px,48vh);padding:14px;position:absolute;inset:calc(100% + 6px) auto auto 0;overflow-y:auto}.count-popover-panel{width:100%;min-width:88px}.ratio-card,.popover-segmented-control button,.count-option{min-height:34px;padding:6px 8px;font-size:12px}.cost-detail summary{min-height:36px}.template-grid{gap:10px;grid-template-columns:repeat(2,1fr)!important}.template-card-info-mobile{border-top:1px solid var(--line);background:#fff;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px;display:grid}.template-card-mask{display:none}.template-card-title{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.template-card-generate-mobile{border:1px solid var(--ink);background:var(--ink);color:#fff;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;min-height:34px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.masonry-flex-container,.masonry-column{gap:10px}.template-example-masonry .image-meta{padding:8px}.template-example-masonry .image-meta p{-webkit-line-clamp:1;-webkit-box-orient:vertical;min-height:0;margin-bottom:6px;font-size:12px;display:-webkit-box;overflow:hidden}.template-example-masonry .image-meta div{gap:4px;font-size:11px;display:grid}.template-example-masonry .image-meta div span{text-overflow:ellipsis;white-space:nowrap;margin-right:0;overflow:hidden}.template-example-masonry .image-meta small{background:0 0;border:0;padding:0}.image-meta{padding:8px}.image-meta p,.task-prompt-text{font-size:12px;line-height:1.45}.image-meta div{gap:5px;font-size:11px}.account-hero{gap:10px;padding:14px}.account-hero h1{margin:4px 0 2px;font-size:22px}.account-hero p{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;overflow:hidden}.account-hero strong{font-size:26px}.credit-stack span{font-size:12px;line-height:1.4}.credit-stack small{display:none}.user-center-modal-card .modal-body{gap:14px!important;padding:16px!important}.user-center-modal-card .invite-heading,.customer-service-header{gap:10px;width:100%;display:flex;flex-direction:row!important;align-items:flex-start!important}.user-center-modal-card .invite-heading>div:first-child,.customer-service-header .header-left{flex:auto;min-width:0}.user-center-modal-card .icon-button,.customer-service-header .icon-button{flex:0 0 34px;width:34px;height:34px;margin-left:auto}.customer-service-modal-card{border-radius:14px!important;width:calc(100vw - 20px)!important}.customer-service-modal-body{gap:12px;padding:16px!important}.customer-service-header{margin-bottom:12px}.customer-service-header .service-icon-circle{width:32px;height:32px}.customer-service-header .header-text h1{font-size:18px}.customer-service-header .header-text p{font-size:12px;line-height:1.4}.customer-service-tabs{gap:4px;margin-bottom:12px}.customer-service-tabs .tab-btn{height:32px;font-size:12px}.customer-qr-card{border-radius:12px;padding:14px}.qr-card-title{margin-bottom:10px}.qr-image-wrapper img{width:150px;height:150px}.qr-image-placeholder{width:160px;height:160px}.service-note-banner{padding:8px 10px}.generator-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.generator-controls .model-select-label,.generator-controls .model-dropdown-container,.generator-controls .count-dropdown-container,.generator-controls .config-dropdown-container,.generator-controls .style-dropdown-container,.generator-controls .credits-estimate-pill,.generator-controls .send-button{flex-basis:auto;grid-column:span 1;width:100%;margin:0}.generator-controls .model-select-label{gap:6px}.generator-controls .model-select-trigger{justify-content:space-between;width:100%;min-width:0}.generator-controls .model-select-label svg{color:var(--blue);flex:none}.generator-controls .model-select-label select{text-overflow:ellipsis;width:100%;font-size:12px}.generator-controls .model-popover-panel,.generator-controls .config-dropdown-container .config-popover-panel,.generator-controls .style-dropdown-container .config-popover-panel{width:100%}.generator-controls .credits-estimate-pill{border-color:var(--line);width:100%;max-width:100%;color:var(--ink);background:#fafbf8;border-radius:8px;justify-content:center;justify-self:stretch}.generator-controls .send-button{justify-self:stretch;width:100%;border-radius:8px!important}.generator-controls .style-dropdown-container .config-popover-panel{left:auto;right:0}.upload-row{grid-template-columns:repeat(3,minmax(0,1fr));justify-content:stretch;align-items:center;gap:8px;display:grid;position:relative}.upload-row .upload-button,.upload-row .cost-pill,.upload-row .studio-submit{border-radius:8px;width:100%;height:36px;min-height:36px;margin:0;padding:0 10px;font-size:12px}.upload-row .upload-button{border-color:var(--line);color:var(--ink);background:#fff;justify-content:center}.upload-row .studio-submit{border-color:var(--ink);background:var(--ink);color:#fff;min-width:0;padding:0}.upload-row .cost-pill{border-color:var(--line);width:100%;min-width:0;max-width:none;color:var(--ink);background:#fafbf8;justify-content:center;padding:0}.studio-submit-text{display:none}.cost-detail{min-width:0;max-width:none}.cost-detail summary{text-overflow:ellipsis;white-space:nowrap;justify-content:center;width:100%;padding:0 8px;list-style:none;overflow:hidden}.cost-detail summary::-webkit-details-marker{display:none}.upload-row .cost-breakdown{z-index:20;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:8px;padding:12px;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 12px 30px #1118271f}.plans-page .section-heading{margin:14px 0 10px}.plan-section{gap:10px;margin-top:18px}.plan-section-heading{gap:4px;display:grid}.plan-section-heading h2{font-size:17px}.plan-section-heading span{text-align:left;font-size:12px}.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.plan-card{padding:14px}.plan-card:hover{transform:none}.plan-icon{border-radius:7px;width:28px;height:28px}.plan-icon svg{width:14px;height:14px}.plan-card-header{gap:8px}.plan-badge{padding:3px 10px;font-size:10px}.plan-card h2{font-size:14px}.plan-card p{display:none}.plan-price-row{margin:8px -14px;padding:8px 12px}.plan-card strong{font-size:20px}.plan-card ul{gap:5px;margin:8px 0 0}.plan-card li{gap:5px;font-size:11px;line-height:1.35}.plan-card li svg{flex:0 0 13px;width:13px;height:13px}.plan-card li:last-child{display:none}.plan-card button{min-height:34px;margin-top:8px;padding:0 10px;font-size:12px}.invite-modal .invite-heading,.profile-editor-heading{gap:10px;width:100%;display:flex;flex-direction:row!important;align-items:flex-start!important}.invite-modal .invite-heading>div:first-child,.profile-editor-header-text{flex:auto;min-width:0}.invite-modal .invite-heading .icon-button,.profile-editor-heading .icon-button{flex:0 0 34px;width:34px;height:34px;min-height:34px;margin-left:auto}.invite-modal .invite-heading h1,.profile-editor-header-text h1{font-size:20px;line-height:1.2}.invite-center.modal-body{gap:12px;padding:16px}.invite-center-modal{max-height:min(620px,100dvh - 32px)!important}.invite-center-modal .invite-center.modal-body{gap:8px;padding:14px}.invite-center-modal .invite-heading{gap:8px}.invite-center-modal .invite-heading h1{margin:4px 0;font-size:18px}.invite-center-modal .invite-heading p{line-height:1.45;font-size:12px!important}.invite-center-modal .invite-heading p+p{margin-top:2px!important}.invite-center-modal .invite-stat-grid{gap:6px}.invite-center-modal .invite-stat-grid>div{gap:2px;min-height:72px;padding:8px}.invite-center-modal .invite-stat-grid svg{width:16px;height:16px}.invite-center-modal .invite-stat-grid span{font-size:11px;line-height:1.2}.invite-center-modal .invite-stat-grid strong{font-size:20px}.invite-center-modal .invite-copy-grid,.invite-center-modal .invite-records{gap:6px}.invite-center-modal .invite-copy-grid label{gap:4px;font-size:12px}.invite-center-modal .invite-copy-grid input,.invite-center-modal .invite-copy-grid button{height:40px;min-height:40px}.invite-center-modal .section-heading.tight{flex-direction:row;align-items:center;margin:0 0 2px}.invite-center-modal .section-heading.tight>span{font-size:16px}.invite-center-modal .invite-record-scroll{max-height:140px}.invite-center-modal .invite-record-row{gap:4px 10px;padding:8px 10px}.invite-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.invite-stat-grid>div{gap:4px;min-height:82px;padding:10px}.invite-stat-grid strong{font-size:22px}.invite-copy-grid,.invite-records{gap:10px}.invite-copy-grid label>span{gap:6px}.credit-details-panel,.credit-details-panel.lots,.order-record-table{min-width:0!important}.credit-history-detail,.credit-history-detail strong,.credit-history-detail small,.credit-history-row span,.credit-history-row small,.order-record-row,.order-record-row span,.order-record-row small{overflow-wrap:anywhere;word-break:break-word;min-width:0}}.workspace-page{max-width:1288px}.workspace-grid{grid-template-columns:minmax(680px,850px) minmax(340px,390px);justify-content:center;align-items:stretch;gap:30px}.studio-panel .upload-row{grid-template-columns:auto auto minmax(16px,1fr) auto auto;gap:14px;margin-top:28px;display:grid}.studio-panel .upload-button{align-items:center;gap:8px;width:134px;margin:0;display:inline-flex}.studio-panel .cost-pill{min-width:124px;margin:0}.studio-panel .cost-detail{width:124px;max-width:124px}.studio-panel .studio-submit{min-width:178px;margin:0}.result-panel{min-height:714px;padding:0}@media (width<=1180px){.workspace-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=820px){.home-page .generator-controls{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch!important;gap:8px!important;display:grid!important}.home-page .generator-controls>.custom-dropdown-container,.home-page .generator-controls>.upload-button,.home-page .generator-controls>.send-button{grid-column:span 1;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important}.studio-panel .generator-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important}.studio-panel .generator-controls .config-dropdown-container,.studio-panel .generator-controls .style-dropdown-container{grid-column:span 1}.studio-panel .upload-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important;margin-top:12px!important;display:grid!important}.studio-panel .upload-row .upload-button,.studio-panel .upload-row .send-button{width:100%!important;min-width:0!important;max-width:none!important;margin:0!important}}.favorites-page{padding:28px}.favorite-tabs{gap:8px;margin:16px 0 24px;display:flex}.favorite-tabs button{border:1px solid var(--line);background:#fff;border-radius:999px;align-items:center;gap:7px;padding:9px 16px;font-weight:800;display:inline-flex}.favorite-tabs button.active{color:#fff;background:#111827;border-color:#111827}.template-card{position:relative}.template-card>.image-card-action{z-index:4;width:auto;padding:7px 10px}.comment.pending,.comment.rejected{opacity:.82;border-style:dashed}.comment.deleted_by_user>p,.comment.removed>p{color:var(--muted);font-style:italic}.comment-status{color:#9a6700;margin-top:6px;font-weight:800;display:inline-block}.comment-status.danger{color:#b42318}.comment-highlight{animation:2.2s comment-highlight}@keyframes comment-highlight{0%,35%{background:#fff4bf;box-shadow:0 0 0 5px #fff4bf}to{box-shadow:none;background:0 0}}.announcement-modal-backdrop{z-index:1300;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a66;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.announcement-modal{background:#fff;border:1px solid #1118270d;border-radius:24px;flex-direction:column;gap:20px;width:min(520px,100% - 32px);max-height:min(480px,80vh);padding:32px;display:flex;overflow-y:auto;box-shadow:0 24px 60px #0f172a29}.announcement-modal>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:0;padding-bottom:16px;display:flex}.announcement-modal>header div{flex-direction:column;gap:6px;display:flex}.announcement-modal>header small{color:var(--blue);background:#315bff14;border-radius:20px;width:fit-content;padding:4px 10px;font-size:11px;font-weight:800;display:inline-block}.announcement-modal h2{color:var(--ink);margin:0;font-size:22px;font-weight:800;line-height:1.3}.announcement-modal header button{color:var(--muted);cursor:pointer;background:#1118270a;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;transition:all .2s;display:grid}.announcement-modal header button:hover{color:var(--ink);background:#11182714}.announcement-modal .markdown-body{color:#334155;font-size:15px;line-height:1.75}.announcement-modal .markdown-body p{margin-top:0;margin-bottom:16px}.announcement-modal .markdown-body p:last-child{margin-bottom:0}.announcement-modal time{border-top:1px solid var(--line);color:var(--muted);margin-top:auto;padding-top:16px;font-size:12px;font-weight:600}@media (width<=700px){.favorites-page{padding:18px 14px 90px}.announcement-modal{border-radius:20px;width:min(420px,100% - 24px);max-height:min(420px,85vh);padding:20px}}.detail-actions.split-rows{flex-direction:column;gap:10px;width:100%;margin:18px 0;display:flex}.detail-action-row{gap:10px;width:100%;display:flex}.detail-action-row button,.detail-action-row a,.detail-action-row .detail-stat,.detail-actions .detail-action-row button,.detail-actions .detail-action-row a,.detail-actions .detail-action-row .detail-stat{border:1px solid var(--line);min-height:42px;color:var(--ink);cursor:pointer;box-sizing:border-box;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:800;text-decoration:none;transition:all .2s;box-shadow:0 2px 4px #00000005;flex:1 1 0!important;display:inline-flex!important}.detail-action-row button:hover,.detail-action-row a:hover{background:#f8fafc;border-color:#cbd5e1}.detail-action-row button:disabled{opacity:.5;cursor:not-allowed}.detail-action-row .active,.detail-actions .detail-action-row .active{border-color:var(--ink)!important;background:var(--acid)!important}.detail-action-row .detail-stat{-webkit-user-select:none;user-select:none;cursor:default!important;background:#f8fafc!important}.comments-section{border:1px solid var(--line);background:#fff;border-radius:16px;margin-top:24px;padding:20px;box-shadow:0 4px 20px #00000005}.comments-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.comments-header-toggle{width:100%;color:inherit;cursor:default;text-align:left;background:0 0;border:0;padding:0 0 16px}.comments-header-left{color:var(--ink);align-items:center;gap:8px;display:flex}.comments-header-left h2{margin:0;font-size:16px;font-weight:800}.comments-count{color:var(--muted);align-items:center;gap:6px;font-size:14px;font-weight:700;display:inline-flex}.comments-toggle-icon{transition:transform .18s;display:none}.comments-list{flex-direction:column;gap:16px;display:flex}.comment-thread-group{flex-direction:column;gap:10px;display:flex}.comment-item{gap:12px;padding:8px 0;transition:all .2s;display:flex}.comment-item-avatar{flex:none}.comment-item-avatar img,.comment-avatar-placeholder{border:1px solid var(--line);object-fit:cover;background:#f1f5f9;border-radius:50%;width:36px;height:36px}.comment-replies-list .comment-item-avatar img,.comment-replies-list .comment-avatar-placeholder{width:30px;height:30px}.comment-item-content{flex-direction:column;flex:1 1 0;gap:6px;min-width:0;display:flex}.comment-item-header{flex-wrap:wrap;align-items:center;gap:8px;line-height:1.4;display:flex}.comment-username{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:14px;font-weight:700;overflow:hidden}.comment-replies-list .comment-username{max-width:120px;font-size:13px}.comment-time{color:#9ca3af;font-size:12px}.comment-text{color:#111827;word-break:break-word;font-size:14px;line-height:1.6}.comment-deleted{color:#9ca3af;font-style:italic}.comment-reply-to{color:#6b7280;margin-right:4px;font-weight:500}.comment-username-link{cursor:pointer;font-weight:700;color:var(--blue)!important}.comment-badge{border-radius:4px;padding:1px 6px;font-size:10px;font-weight:800;line-height:1.4}.comment-badge.author{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.comment-badge.me{color:#4b5563;background:#f3f4f6;border:1px solid #e5e7eb}.comment-status-tag{color:var(--muted);border:1px solid var(--line);background:#fcfcfa;border-radius:4px;align-self:flex-start;padding:2px 6px;font-size:11px}.comment-status-tag.danger{color:#ef4444;background:#fef2f2;border-color:#fca5a5}.comment-item-actions{align-items:center;gap:12px;margin-top:2px;display:flex}.comment-item-actions button.action-btn{color:#6b7280;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:12px;font-weight:600;transition:color .15s;display:inline-flex}.comment-item-actions button.action-btn:hover{color:var(--blue)}.comment-item-actions button.action-btn svg{color:inherit}.comment-replies-container{gap:12px;margin-left:20px;display:flex;position:relative}.comment-replies-guide-line{background:#e5e7eb;align-self:stretch;width:2px;margin-left:17px;position:absolute;top:0;bottom:0;left:0}.comment-replies-list{background:#f8fafc;border-radius:12px;flex-direction:column;flex:1 1 0;gap:8px;min-width:0;margin-left:30px;padding:12px 16px;display:flex}.replies-expand-btn{color:var(--blue);cursor:pointer;background:0 0;border:0;align-self:flex-start;align-items:center;padding:4px 0;font-size:12px;font-weight:700;transition:opacity .15s;display:inline-flex}.replies-expand-btn:hover{opacity:.8}.comment-inline-form{border:1px solid var(--line);background:#fff;border-radius:8px;flex-direction:column;gap:8px;margin-top:10px;padding:8px;display:flex;box-shadow:0 2px 8px #00000008}.comment-inline-form input{color:#111827;box-sizing:border-box;background:0 0;border:0;outline:none;width:100%;padding:6px;font-size:13px}.comment-inline-buttons{justify-content:flex-end;gap:8px;display:flex}.comment-inline-buttons button{cursor:pointer;border:0;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:700}.comment-inline-buttons button.cancel-btn{color:#4b5563;background:#f3f4f6}.comment-inline-buttons button.submit-btn{background:var(--blue);color:#fff}.comment-inline-buttons button.submit-btn:disabled{opacity:.5;cursor:not-allowed}.comment-form-bottom{border:1px solid var(--line);background:#f8fafc;border-radius:12px;align-items:flex-end;gap:12px;margin-top:24px;padding:8px 12px;display:flex}.comment-form-bottom textarea{resize:none;color:#111827;background:0 0;border:0;outline:none;flex:1 1 0;min-height:24px;max-height:120px;padding:4px 0;font-size:14px;line-height:1.5}.comment-form-bottom button[type=submit]{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;transition:opacity .15s;display:flex}.comment-form-bottom button[type=submit]:disabled{opacity:.5;cursor:not-allowed}.comment-login-hint{text-align:center;color:var(--muted);margin-top:20px;font-size:13px}@media (width<=820px){.comments-header-toggle{cursor:pointer;margin-bottom:0}.comments-header-toggle[aria-expanded=true]{margin-bottom:20px}.comments-toggle-icon{display:block}.comments-header-toggle[aria-expanded=true] .comments-toggle-icon{transform:rotate(180deg)}}@media (width<=640px){.comments-section{border-radius:12px;padding:16px}.comment-replies-container{margin-left:10px}.comment-replies-list{margin-left:20px;padding:8px 12px}.comment-replies-guide-line{margin-left:11px}}.detail-action-row button.like-btn.active,.detail-actions .detail-action-row button.like-btn.active{color:#ef4444!important;background:#fef2f2!important;border-color:#fca5a5!important}.detail-action-row button.favorite-btn.active,.detail-actions .detail-action-row button.favorite-btn.active{color:#d97706!important;background:#fffbeb!important;border-color:#fcd34d!important}@media (width>=1051px){.detail-media,.template-hero-media{overflow:hidden;height:640px!important;min-height:640px!important;max-height:640px!important}.detail-media img,.template-hero-media img{object-fit:contain;max-height:600px!important}}.workspace-config-trigger{cursor:pointer;box-sizing:border-box;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;width:100%;display:flex;border:1px solid var(--line)!important;background:linear-gradient(135deg,#fff 0%,#f8fafc 100%)!important;border-radius:12px!important;min-height:52px!important;padding:8px 16px!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 1px 2px #11182705!important}.workspace-config-trigger:hover{transform:translateY(-1px);background:linear-gradient(135deg,#fff 0%,#f1f5f9 100%)!important;border-color:#315bff66!important;box-shadow:0 4px 12px #1118270a!important}.workspace-config-trigger.active{border-color:var(--blue)!important;background:linear-gradient(135deg,#fff 0%,#edf2fe 100%)!important;box-shadow:0 0 0 3px #315bff1f,0 4px 12px #315bff0a!important}.workspace-config-trigger>svg:first-child{flex-shrink:0;color:var(--muted)!important;transition:color .2s!important}.workspace-config-trigger:hover>svg:first-child,.workspace-config-trigger.active>svg:first-child{color:var(--blue)!important}.workspace-config-trigger .trigger-info{flex-direction:column;flex:1;align-items:flex-start;gap:3px;min-width:0;display:flex}.workspace-config-trigger .trigger-label{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-size:10px;font-weight:700;line-height:1}.workspace-config-trigger .trigger-value{color:var(--ink);text-align:left;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:12.5px;font-weight:800;line-height:1.2;overflow:hidden}.workspace-config-trigger .trigger-arrow{color:var(--muted);flex-shrink:0;margin-left:auto;transition:transform .2s,color .2s}.workspace-config-trigger.active .trigger-arrow{color:var(--blue);transform:rotate(180deg)}.homepage-config-trigger{cursor:pointer;box-sizing:border-box;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;width:100%;display:flex;border:1px solid var(--line)!important;background:linear-gradient(135deg,#fff 0%,#fcfcfa 100%)!important;border-radius:8px!important;min-height:48px!important;padding:6px 12px!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 1px 2px #11182705!important}.homepage-config-trigger:hover{transform:translateY(-1px);background:linear-gradient(135deg,#fff 0%,#f5f5f0 100%)!important;border-color:#315bff66!important;box-shadow:0 4px 12px #1118270a!important}.homepage-config-trigger.active{border-color:var(--blue)!important;background:linear-gradient(135deg,#fff 0%,#edf2fe 100%)!important;box-shadow:0 0 0 3px #315bff1f,0 4px 12px #315bff0a!important}.homepage-config-trigger>svg:first-child{flex-shrink:0;color:var(--muted)!important;transition:color .2s!important}.homepage-config-trigger:hover>svg:first-child,.homepage-config-trigger.active>svg:first-child{color:var(--blue)!important}.homepage-config-trigger .trigger-info{flex-direction:column;flex:1;align-items:flex-start;gap:2px;min-width:0;display:flex}.homepage-config-trigger .trigger-label{color:var(--muted);font-size:10px;font-weight:400;line-height:1}.homepage-config-trigger .trigger-value{color:var(--ink);text-align:left;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:12px;font-weight:700;line-height:1.2;overflow:hidden}.homepage-config-trigger .trigger-arrow{color:var(--muted);flex-shrink:0;margin-left:auto;transition:transform .2s,color .2s}.homepage-config-trigger.active .trigger-arrow{color:var(--blue);transform:rotate(180deg)}@media (width<=820px){.workspace-config-trigger{min-height:48px!important;padding:6px 12px!important}.workspace-config-trigger .trigger-value{font-size:11.5px}.config-popover-panel{width:calc(200% + 8px)!important;max-width:calc(100vw - 32px)!important}.style-dropdown-container .config-popover-panel{left:auto!important;right:0!important}}.invite-modal .invite-heading .icon-button,.invite-modal .icon-button,.announcement-modal header button,.invite-center-modal .icon-button{width:32px!important;height:32px!important;min-height:32px!important;color:var(--muted)!important;cursor:pointer!important;box-shadow:none!important;background:#1118270a!important;border:none!important;border-radius:50%!important;flex:0 0 32px!important;place-items:center!important;margin:0!important;padding:0!important;transition:all .2s!important;display:grid!important}.invite-modal .invite-heading .icon-button:hover,.invite-modal .icon-button:hover,.announcement-modal header button:hover,.invite-center-modal .icon-button:hover{color:var(--ink)!important;background:#11182714!important}