:root{--brand-green:#0a7a47;--brand-green-strong:#045934;--brand-green-soft:#e6f2ec;--green-bright:#168d46;--green-text:#0e7d39;--green-cta:#0a8b4f;--green-mid:#087846;--green-deep:#075a3a;--green-deep-2:#0a6b3f;--green-teal:#0aa995;--btn-primary-bg:var(--green-cta);--btn-primary-bg-hover:#097a45}
:root{--font-inter:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", Arial, sans-serif;--font-outfit:"Avenir Next", "Segoe UI", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", Arial, sans-serif;--font-geist-sans:var(--font-inter);--font-display:"Noto Serif SC", "Source Han Serif SC", "Songti SC", STSong, "SimSun", serif;--font-mono:"Spline Sans Mono", "DM Mono", "SF Mono", ui-monospace, "Cascadia Code", monospace;--bg:#f4f6f8;--bg-deep:#e9edf2;--panel:#fff;--panel-soft:#ffffffe6;--ink:#111418;--muted:#596575;--subtle:#8b96a6;--line:#e1e6ee;--line-strong:#cbd4e1;--primary:var(--brand-green);--primary-strong:#066c3b;--primary-soft:#0a8f7a14;--coral:#ff7b4a;--coral-soft:#ff7b4a0d;--green:#0a8f7a;--green-soft:#00b3770d;--amber:#b77900;--amber-soft:#d48c000d;--red:#d33d3d;--sidebar:#ffffffb8;--shadow:0 16px 38px #1118270b;--shadow-strong:0 24px 70px #11182714;--radius-xs:6px;--radius-sm:7px;--radius-md:10px;--radius-base:12px;--radius-lg:14px;--radius-lg2:16px;--radius-xl:18px;--radius-2xl:24px;--radius-pill:999px;--text-2xs:.625rem;--text-xs:.6875rem;--text-sm:.75rem;--text-md:.8125rem;--text-base:.875rem;--text-lg:.9375rem;--text-xl:1rem;--text-2xl:1.125rem;--text-3xl:1.375rem;--text-4xl:1.625rem;--text-5xl:1.875rem;--text-6xl:2.125rem;--text-7xl:2.5rem;--text-display-sm:2.875rem;--text-display-md:3.5rem;--text-display-lg:4.875rem}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg);min-height:100%}body{color:var(--ink);-webkit-font-smoothing:antialiased;background-image:linear-gradient(#ffffffb3 0%,#f4f6f800 28%),linear-gradient(#11141805 1px,#0000 1px),linear-gradient(90deg,#11141804 1px,#0000 1px);background-size:100% 100%,36px 36px,36px 36px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,Arial,sans-serif;overflow-x:hidden}::selection{color:inherit;background:#0a7a472e}
a{color:inherit;text-decoration:none;transition:color .2s}button,input,textarea,select{font:inherit;color:inherit;background:0 0;border:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.shell{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--sidebar);border-right:1px solid var(--line);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);z-index:100;flex-direction:column;gap:24px;height:100vh;padding:36px 24px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;padding:4px 6px 14px;text-decoration:none;display:flex}.brand-name{font-size:var(--text-3xl);letter-spacing:0;color:#0f0f0f;font-weight:800;display:block}.nav{gap:4px;display:grid}.nav-link{border-radius:var(--radius-pill);min-height:44px;color:var(--muted);font-size:var(--text-base);align-items:center;gap:12px;padding:0 16px;font-weight:600;transition:all .2s;display:flex}.nav-link:hover{color:#0f0f0f;background:#0f0f0f0a}.nav-link.active{color:#0f0f0f;background:#fff;box-shadow:0 4px 14px #1d29390a,inset 0 0 0 1px #0f0f0f08}.account-status{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fff;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;transition:border-color .2s;display:grid}.account-status:hover{border-color:var(--line-strong)}.account-avatar{border-radius:var(--radius-md);color:#0f0f0f;background:var(--bg);border:1px solid var(--line);place-items:center;width:38px;height:38px;display:grid}.account-status strong{color:#0f0f0f;font-size:var(--text-md);text-overflow:ellipsis;white-space:nowrap;font-weight:700;display:block;overflow:hidden}.account-status span{color:var(--green);font-size:var(--text-xs);margin-top:3px;font-weight:800;display:block}.account-status small{color:var(--muted);font-size:var(--text-xs);margin-top:4px;font-weight:700;display:block}.account-status .btn{grid-column:1/-1;min-height:34px;margin-top:8px}.main{width:100%;min-width:0;max-width:1400px;margin:0 auto;padding:44px 54px}.topbar{justify-content:space-between;align-items:center;gap:24px;margin-bottom:38px;display:flex}.eyebrow{color:var(--muted);font-size:var(--text-xs);letter-spacing:1.5px;text-transform:uppercase;margin:0 0 6px;font-weight:700}.balance{border:1px solid var(--line);border-radius:var(--radius-pill);min-height:40px;color:var(--green);box-shadow:var(--shadow);font-weight:800;font-size:var(--text-md);background:#fff;align-items:center;gap:8px;padding:0 16px;text-decoration:none;display:inline-flex}.btn{border:1px solid var(--line);border-radius:var(--radius-pill);color:#0f0f0f;min-height:40px;font-weight:700;font-size:var(--text-md);box-shadow:var(--shadow);background:#fff;justify-content:center;align-items:center;gap:8px;padding:0 18px;transition:all .2s cubic-bezier(.25,1,.5,1);display:inline-flex}.btn:hover{border-color:var(--line-strong);background:#fafafa;transform:translateY(-1.5px)}.btn:active{transform:translateY(0)}.btn:disabled{cursor:not-allowed;opacity:.45;transform:none!important}.btn.primary{color:#fff;background:var(--btn-primary-bg);border:none;box-shadow:0 8px 20px #0a7a472e}.btn.primary:hover{background:var(--btn-primary-bg-hover);transform:translateY(-2px);box-shadow:0 12px 24px #0f0f0f38}.btn.primary:active{transform:translateY(-.5px)}.btn.secondary{border-color:var(--line-strong);color:#374151;background:#f3f4f6}.btn.danger{color:#fff;background:#b91c1c;border:none;box-shadow:0 4px 12px #b91c1c38}.btn.danger:hover{background:#991b1b;transform:translateY(-2px);box-shadow:0 8px 18px #b91c1c4d}.btn.full{width:100%}.btn.ghost{box-shadow:none;background:#fafbfc}.btn.subtle{box-shadow:none;border-color:var(--line);color:#374151;background:#f7f8fa}.btn.subtle:hover{border-color:var(--line-strong);background:#eef0f4}.panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);box-shadow:var(--shadow);overflow:hidden}.panel-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:22px 28px;display:flex}.panel-title{font-size:var(--text-lg);color:#0f0f0f;margin:0;font-weight:800}.tabs,.chips,.segmented{flex-wrap:wrap;gap:6px;display:flex}.tab,.chip,.segment{border:1px solid var(--line);border-radius:var(--radius-pill);min-height:34px;color:var(--muted);font-size:var(--text-md);background:#fff;padding:0 16px;font-weight:700;transition:all .2s}.tab:hover,.chip:hover,.segment:hover{color:#0f0f0f;border-color:var(--line-strong)}.tab.active,.chip.active,.segment.active{color:#0f0f0f;background:#fff;border-color:#0f0f0f;box-shadow:inset 0 0 0 1px #0f0f0f}.template-pill:hover,.template-pill.active{border-color:var(--line-strong);box-shadow:var(--shadow);transform:translateY(-1.5px)}.template-pill.active{box-shadow:var(--shadow), inset 0 0 0 .5px #0f0f0f;border-color:#0f0f0f}.template-pill.more{background:#fafbfc}.template-pill.more:hover{background:#f4f5f8}.mini-thumb.rose{color:#f43f5e;background:#fff1f2;border-color:#ffe4e6}.mini-thumb.sky{color:#0ea5e9;background:#f0f9ff;border-color:#e0f2fe}.mini-thumb.peach{color:#f97316;background:#fff7ed;border-color:#ffedd5}.mini-thumb.amber{color:#d97706;background:#fef3c7;border-color:#fde68a}.mini-thumb.blue{color:#16798a;background:#eef8fb;border-color:#d9ebf0}.mini-thumb.lime{color:#65a30d;background:#f7fee7;border-color:#ecfccb}.prompt-box{color:#0f0f0f;resize:vertical;width:100%;min-height:140px;line-height:1.65;font-size:var(--text-lg);background:#fff;border:0;outline:0;padding:18px;display:block}.prompt-box::placeholder{color:var(--subtle)}.prompt-actions .btn{flex:none}.badge{border-radius:var(--radius-pill);min-height:24px;color:var(--muted);font-size:var(--text-xs);background:#f0f1f5;align-items:center;gap:5px;padding:0 10px;font-weight:700;display:inline-flex}.badge.warn{color:var(--amber);background:#d48c0014}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.image-tile{border:1px solid var(--line);border-radius:var(--radius-lg);background:#f5f6fa;min-height:270px;transition:all .25s cubic-bezier(.25,1,.5,1);position:relative;overflow:hidden;box-shadow:inset 0 0 20px #00000003}.image-tile:hover{border-color:var(--line-strong);box-shadow:var(--shadow);transform:translateY(-2px)}.image-art{border-radius:var(--radius-md);background:linear-gradient(135deg,#fff9,#ffffff4d),repeating-linear-gradient(0deg,#0f0f0f03,#0f0f0f03 1px,#0000 1px 18px);position:absolute;inset:22px;box-shadow:inset 0 0 0 1px #0f0f0f05}.image-art span{border-radius:var(--radius-sm);background:#0f0f0f0a;display:block;position:absolute}.image-art span:first-child{width:44%;height:38%;top:24px;left:20px}.image-art span:nth-child(2){width:30%;height:30%;top:48px;right:20px}.image-art span:nth-child(3){height:24px;bottom:24px;left:20px;right:20px}.generated-image{background-color:#f8fbf7;background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;height:100%;min-height:270px;display:block}.tile-label{z-index:1;border:1px solid var(--line);border-radius:var(--radius-pill);color:#0f0f0f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:calc(100% - 28px);min-height:30px;font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;box-shadow:var(--shadow);background:#ffffffd9;align-items:center;padding:0 12px;font-weight:700;display:inline-flex;position:absolute;bottom:14px;left:14px;overflow:hidden}.toolbar{z-index:2;opacity:0;gap:6px;transition:all .2s;display:flex;position:absolute;top:12px;right:12px;transform:translateY(-4px)}.image-tile:hover .toolbar{opacity:1;transform:translateY(0)}.icon-btn{border:1px solid var(--line);border-radius:var(--radius-pill);width:34px;height:34px;color:var(--muted);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);background:#ffffffe6;place-items:center;transition:all .2s;display:inline-grid}.icon-btn:hover{color:#0f0f0f;border-color:var(--line-strong);background:#fff;transform:scale(1.05)}.icon-btn.dark{border-color:var(--line);color:var(--muted);background:#fff}.icon-btn.dark:hover{color:#0f0f0f;border-color:var(--line-strong)}.price-option.active{box-shadow:inset 0 0 0 .5px #0f0f0f, var(--shadow);border-color:#0f0f0f}.stepper button.active{color:#0f0f0f;border-color:#0f0f0f;box-shadow:inset 0 0 0 .5px #0f0f0f}.cost-row.total{color:#0f0f0f;font-weight:800;font-size:var(--text-lg);border-top:1px solid #ff7b4a26;margin-top:6px;padding-top:10px}.cost-row.total span:last-child{color:#e56230;font-size:var(--text-2xl)}.filters{border-radius:var(--radius-lg);border:1px solid var(--line);background:#fff;gap:14px;padding:18px;display:grid}.search{border:1px solid var(--line);border-radius:var(--radius-pill);min-height:44px;color:var(--muted);background:#fff;align-items:center;gap:10px;padding:0 16px;transition:all .2s;display:flex}.search:focus-within{border-color:var(--line-strong);box-shadow:var(--shadow)}.search input{color:#0f0f0f;width:100%;min-width:0;font-size:var(--text-base);border:0;outline:0}.search input::placeholder{color:var(--subtle)}.template-card{border:1px solid var(--line);border-radius:var(--radius-lg);color:#0f0f0f;text-align:left;background:#fff;width:100%;padding:0;transition:all .2s cubic-bezier(.25,1,.5,1);display:grid;overflow:hidden}.template-card:hover,.template-card.selected{border-color:var(--line-strong);box-shadow:var(--shadow);transform:translateY(-2px)}.template-card.selected{box-shadow:var(--shadow), inset 0 0 0 .5px #0f0f0f;border-color:#0f0f0f}.template-thumb.dark{background:#f0f1f5}.template-card:hover .template-thumb svg{color:#0f0f0f29;transform:scale(1.08)}.template-thumb .tile-label{border:1px solid var(--line);color:#0f0f0f;background:#ffffffe6;bottom:12px;left:12px}.detail-preview.dark{background:#f0f1f5}.empty-state{border:1px dashed var(--line);border-radius:var(--radius-lg);color:var(--muted);text-align:center;background:#fff;margin-top:20px;padding:24px;font-weight:600}.plan{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fff;flex-direction:column;padding:26px;transition:all .25s cubic-bezier(.25,1,.5,1);display:flex;position:relative}.plan:hover{border-color:var(--line-strong);transform:translateY(-3px);box-shadow:0 20px 48px #1d29390f}.plan.featured{border-color:#0f0f0f;box-shadow:0 20px 48px #0f0f0f0d,inset 0 0 0 .5px #0f0f0f}.plan.featured:before{content:"";background:#0f0f0f;height:3px;position:absolute;top:0;left:0;right:0}.plan-head h3{font-size:var(--text-2xl);color:#0f0f0f;font-weight:800}.plan .price{font-size:var(--text-6xl);letter-spacing:-1px;color:#0f0f0f;margin:14px 0;font-weight:900}.plan .badge{align-self:flex-start;margin-bottom:14px}.plan ul{color:var(--muted);font-size:var(--text-md);flex-grow:1;margin:12px 0 24px;padding-left:0;line-height:1.85;list-style:none}.plan ul li{margin-bottom:6px;padding-left:18px;position:relative}.plan ul li:before{content:"✓";color:#0f0f0f;font-weight:700;position:absolute;left:0}.plan.featured ul li:before{color:var(--coral)}.plan .btn{min-height:42px;margin-top:auto}.stat{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fff;flex-direction:column;gap:8px;padding:20px;display:flex;position:relative;overflow:hidden}.stat svg{color:#0f0f0f;margin-bottom:2px}.stat span{color:var(--muted);font-size:var(--text-md);font-weight:600}.stat strong{font-size:var(--text-4xl);letter-spacing:-.5px;color:#0f0f0f;font-weight:850;display:block}.dot{background:#0f0f0f;border-radius:50%;width:8px;height:8px;margin-top:5px}.row-actions{align-items:center;gap:8px;display:inline-flex}.icon-btn.danger{color:var(--red)}.icon-btn.danger:hover{color:var(--red);background:#d938380a;border-color:#d938383d}.icon-btn.ok-action{color:var(--green)}.icon-btn.ok-action:hover{color:var(--green);background:#00b3770d;border-color:#00b37733}.compact-alert{margin:0 0 12px}.order-admin-row{grid-template-columns:56px minmax(0,1fr) auto}.section-kicker{color:var(--muted);font-size:var(--text-xs);letter-spacing:0;font-weight:850}@media (max-width:1200px){.shell{grid-template-columns:240px minmax(0,1fr)}.main{padding:30px 24px}}.btn.primary{background:var(--btn-primary-bg);box-shadow:0 10px 24px #0a7a4733}.btn.primary:hover{background:var(--btn-primary-bg-hover)}.btn.accent{color:var(--primary-strong);background:#0a8f7a0f;border-color:#0a8f7a33}.btn.accent:hover{background:#0a8f7a17;border-color:#0a8f7a4d}.panel{border-radius:var(--radius-lg)}.panel-header{min-height:66px;padding:18px 22px}.panel-body{padding:22px}.tab,.chip,.segment{border-radius:var(--radius-md)}.tab.active,.chip.active,.segment.active{color:var(--primary-strong);box-shadow:none;background:#0a8f7a14;border-color:#0a8f7a57}.badge.ok{color:var(--primary-strong);background:#0a8f7a17}.badge.live{color:#bd5d12;background:#ff7b4a1a}.mini-thumb.violet{color:var(--primary);background:#eef7f4;border-color:#d7ebe5}.studio-template-rail .panel-body{gap:16px;display:grid}.studio-prompt-card .prompt-box{min-height:210px}.price-option.active,.stepper button.active{color:var(--primary-strong);box-shadow:none;background:#0a8f7a12;border-color:#0a8f7a5c}.cost-row.total{border-top-color:#0a8f7a2e}.cost-row.total span:last-child{color:var(--primary-strong)}.stat-icon{border-radius:var(--radius-md);width:34px;height:34px;color:var(--primary-strong);background:#0a8f7a12;border:1px solid #0a8f7a29;place-items:center;display:grid}.pf-logo-icon.small{border-radius:var(--radius-sm);width:28px;height:28px;box-shadow:0 3px 8px #008a5733}.pf-logo-icon.small .pf-brand-mark{font-size:var(--text-lg)}.verify-card{border-radius:var(--radius-lg);border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;flex-direction:column;padding:24px;display:flex}.verify-card-header .verify-icon{border-radius:var(--radius-sm);background:var(--brand-green-soft);width:38px;height:38px;color:var(--brand-green);place-items:center;display:grid}.pf-logo-icon-svg.small{border-radius:var(--radius-xs);width:26px;height:26px}@keyframes previewImgFade{0%{opacity:.4;filter:blur(2px);transform:scale(1.04)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes checkingSpinner{to{transform:rotate(360deg)}}@keyframes checkingShimmer{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}@keyframes pfFloatWoman{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes pfFloatPoster{0%,to{transform:translateY(0)rotate(.5deg)}50%{transform:translateY(-9px)rotate(-.5deg)}}@keyframes pfFloatPhone{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)scale(1.01)}}@keyframes pfFloatRetriever{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pfFloatCosmetics{0%,to{transform:translateY(0)rotate(-.5deg)}50%{transform:translateY(-8px)rotate(.5deg)}}@keyframes pfFloatSalad{0%,to{transform:translateY(0)scale(1)translate(0)}50%{transform:translateY(-11px)scale(1.01)translate(1px)}}@keyframes pfFloatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes btnShimmerStream{to{left:125%}}.pf-template-tabs .tab-item.active{color:#fff;background:var(--green-deep);box-shadow:0 10px 22px #075a3a24}.pf-workflow-step-box,.verify-card,.pricing-card-new{border-radius:var(--radius-xl);border-color:#e2e9e5;box-shadow:0 12px 34px #0b0f1208}.pf-workflow-step-box .step-num,.verify-card-header .verify-icon{color:var(--green-deep);background:#eef7f2}.s1-body .mini-tab.active,.s1-body .mini-tpl-item.active,.s3-body .ratio-btn-group button.active,.s3-body .qty-btn-group button.active{color:var(--green-deep);box-shadow:none;background:#eef7f2;border-color:#075a3a57}.pricing-card-new.featured{border-color:#075a3a57;box-shadow:0 20px 48px #075a3a16}.account-page-avatar{border-radius:var(--radius-2xl);color:#fff;background:var(--green);width:68px;height:68px;font-size:var(--text-4xl);place-items:center;font-weight:950;display:grid}.pf-announcement-bar{z-index:60;color:#fffffff5;font-size:var(--text-md);background:#0a7a47;align-items:center;gap:10px;padding:9px 18px;line-height:1.5;display:flex;position:relative}.pf-announcement-bar.warning{background:#9a6700}.pf-announcement-bar>svg{flex:none}.pf-announcement-bar p{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;overflow:hidden}.pf-announcement-bar button{width:24px;height:24px;color:inherit;cursor:pointer;background:#ffffff24;border:none;border-radius:50%;flex:none;place-items:center;display:grid}.pf-announcement-bar button:hover{background:#ffffff42}.works-action-error{color:#b91c1c;font-size:var(--text-sm)}
.field{gap:8px;margin-bottom:20px;display:grid}.compact-field{margin-bottom:4px}.field label{color:var(--muted);font-size:var(--text-md);font-weight:700}.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:var(--radius-md);color:#0f0f0f;background:#fff;width:100%;min-height:42px;padding:0 14px;transition:all .2s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--line-strong);box-shadow:var(--shadow)}.field select option{color:#0f0f0f;background:#fff}.form-alert{border-radius:var(--radius-md);color:var(--red);font-size:var(--text-md);background:#d938380a;border:1px solid #d938382e;margin:16px 0 0;padding:12px 16px;font-weight:600}.form-success{border-radius:var(--radius-md);color:#057a55;font-size:var(--text-md);background:#00b3770d;border:1px solid #00b3772e;gap:8px;margin:16px 0 0;padding:12px 16px;font-weight:700;display:grid}.form-success a{color:#0f0f0f;text-underline-offset:3px;text-decoration:underline}.bot-field{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.turnstile-box{min-height:65px;margin-top:16px}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.form-inline-note{border-radius:var(--radius-md);color:#b6532c;font-size:var(--text-md);background:#ff7b4a0d;border:1px solid #ff7b4a33;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-weight:800;display:flex}.auth-form{gap:18px;display:grid}.auth-method-tabs{border:1px solid var(--line);border-radius:var(--radius-base);background:#f5f8f4;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.auth-method-tabs button{border-radius:var(--radius-md);min-height:40px;color:var(--muted);font-size:var(--text-md);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:9px 12px;font-weight:600;transition:background .2s cubic-bezier(.25,1,.5,1),color .2s,box-shadow .2s,transform .12s;display:inline-flex}.auth-method-tabs button:hover:not(.active){color:var(--ink)}.auth-method-tabs button.active{color:var(--green-text);background:#fff;box-shadow:0 1px 4px #0f1f171a}.auth-method-tabs button:active{transform:scale(.985)}.auth-code-row{gap:8px;display:flex}.auth-code-row input{flex:1;min-width:0}.auth-code-send{border-radius:var(--radius-md);min-height:40px;color:var(--green-text);font-size:var(--text-md);white-space:nowrap;cursor:pointer;background:#e8f5edb3;border:1px solid #0e7d3966;flex:none;justify-content:center;align-items:center;gap:5px;padding:0 15px;font-weight:600;transition:border-color .14s,background .14s,transform .12s;display:inline-flex}.auth-code-send:hover:not(:disabled){border-color:var(--green-bright);background:#e8f5ed}.auth-code-send:active:not(:disabled){transform:scale(.98)}.auth-code-send:disabled{border-color:var(--line);color:var(--muted);opacity:.7;cursor:not-allowed;background:#f5f8f4}.auth-phone-hint{color:var(--muted);font-size:var(--text-sm);margin:-6px 0 0;line-height:1.6}.auth-switch{color:var(--muted);font-size:var(--text-md);text-align:center;margin-top:6px;font-weight:600}.auth-switch a{color:var(--primary);margin-left:6px;font-weight:700}.auth-switch a:hover{text-decoration:underline}.works-share-group{align-items:center;gap:6px;display:inline-flex}.works-share-revoke{border-radius:var(--radius-sm);color:var(--muted);font-size:var(--text-sm);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:6px 8px;text-decoration:underline;transition:color .14s,background .14s;display:inline-flex}.works-share-revoke:hover:not(:disabled){color:#b91c1c;background:#b91c1c0f}.works-share-revoke:disabled{opacity:.55;cursor:not-allowed}.works-empty-cta{gap:8px;margin-top:16px}.works-list{gap:18px;display:grid}.works-card{border:1px solid var(--line);border-radius:var(--radius-2xl);box-shadow:var(--art-shadow,0 6px 18px #0f1e180f);background:#ffffffb8;gap:16px;padding:18px;transition:border-color .2s,box-shadow .2s,transform .2s;display:grid}.works-card:hover{border-color:var(--line-strong,#0c1c1624);box-shadow:var(--art-shadow-lg,0 14px 36px #0f1e1817);transform:translateY(-2px)}.works-card-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.works-card-side{flex-direction:column;flex:none;align-items:flex-end;gap:8px;display:flex}.works-batch-select{border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--muted);font-size:var(--text-sm);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:5px;padding:4px 10px;transition:border-color .14s,color .14s;display:inline-flex}.works-batch-select.checked{border-color:var(--green-bright);color:var(--green-bright);background:#e8f5ed99}.works-batch-select input{accent-color:var(--green-bright);cursor:pointer}.works-batch-bar{z-index:60;border:1px solid var(--line);border-radius:var(--radius-pill);font-size:var(--text-md);color:var(--ink);background:#fff;align-items:center;gap:12px;padding:10px 18px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #0f1f1729}.works-batch-bar .btn{font-size:var(--text-md);padding:7px 14px}.works-batch-bar-warn{color:#b91c1c;font-weight:600}@media (max-width:480px){.works-batch-bar{border-radius:var(--radius-lg2);flex-wrap:wrap;justify-content:center;gap:8px;padding:10px 14px;bottom:16px;left:12px;right:12px;transform:none}}.works-card-head h3{color:var(--ink);font-size:var(--text-3xl);margin:6px 0;font-weight:900;line-height:1.2}.works-card-head p{color:var(--muted);font-size:var(--text-base);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.65;display:-webkit-box;overflow:hidden}.works-meta,.works-actions{flex-wrap:wrap;gap:10px;display:flex}@media (max-width:520px){.works-actions{gap:8px}.works-actions .btn{flex:calc(50% - 4px);justify-content:center}}.works-meta span{border:1px solid var(--line);border-radius:var(--radius-pill);color:#516058;font-size:var(--text-sm);background:#fbfdfa;align-items:center;gap:5px;padding:7px 10px;font-weight:800;display:inline-flex}.works-meta span.works-meta-ref{color:var(--art-green-dark);background:var(--art-green-soft);border-color:#0a7a4747}.works-result-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.works-result-grid .image-tile{min-height:260px}.works-empty{justify-items:center;gap:14px;display:grid}.works-empty p{margin:0}.works-pending{border:1px dashed var(--line);border-radius:var(--radius-lg2);color:var(--muted);font-size:var(--text-base);background:#f6f9f5bd;align-items:center;gap:8px;padding:14px;display:flex}.account-layout{align-items:stretch;margin-bottom:20px}.account-summary{align-items:center;gap:18px;display:flex}.account-summary h3{color:var(--ink);font-size:var(--text-3xl);margin:0 0 5px;font-weight:900}.account-summary p,.account-summary span{color:var(--muted);font-size:var(--text-base);margin:0;line-height:1.6}.account-summary span{color:var(--green);align-items:center;gap:6px;margin-top:6px;font-weight:800;display:inline-flex}.account-balance{text-align:center;align-content:center;justify-items:center;min-height:172px;display:grid}.account-balance strong{color:var(--green);margin-top:8px;font-size:clamp(44px,6vw,70px);font-weight:950;line-height:.95}.account-balance span{color:var(--ink);font-weight:850}.account-balance p{max-width:320px;color:var(--muted);font-size:var(--text-md);margin:14px auto 0;line-height:1.65}.account-row h3{margin-bottom:4px}.account-ledger-filter{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto auto;align-items:end;gap:10px;margin-bottom:14px;display:grid}.account-ledger-filter label{color:var(--muted);font-size:var(--text-sm);gap:6px;font-weight:800;display:grid}.account-ledger-filter input,.account-ledger-filter select{border:1px solid var(--line);border-radius:var(--radius-md);width:100%;height:36px;color:var(--ink);font:inherit;font-size:var(--text-md);background:#fff;padding:0 10px}.account-ledger-filter .btn,.account-ledger-pager .btn{min-height:36px;font-size:var(--text-sm);padding:0 12px;text-decoration:none}.account-ledger-notice{border-radius:var(--radius-base);color:#b91c1c;font-size:var(--text-sm);background:#fef2f2b8;border:1px solid #b91c1c29;margin:0 0 12px;padding:10px 12px;font-weight:700}.account-ledger-pager{border-top:1px solid var(--line);color:var(--muted);font-size:var(--text-sm);justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding-top:14px;font-weight:800;display:flex}.account-ledger-pager>div{align-items:center;gap:8px;display:inline-flex}.account-ledger-pager .btn.disabled{pointer-events:none;cursor:not-allowed;opacity:.45;transform:none}@media (max-width:720px){.account-ledger-filter{grid-template-columns:1fr 1fr}.account-ledger-filter .btn{width:100%}.account-ledger-pager{flex-direction:column;align-items:stretch}.account-ledger-pager>div{grid-template-columns:1fr 1fr;display:grid}}.works-delete-confirm{gap:8px;display:inline-flex}