:root{color:#1d1d1f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:0;background:#f5f5f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#f5f5f7;min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,textarea:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #0082ff47}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}#app{min-height:100vh}.app-shell{background:#f5f5f7;min-height:100vh}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border-bottom:1px solid #e6e7eb;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:8px;min-width:0;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;background:#1683ff;border-radius:8px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.brand-name{color:#1f2328;font-size:18px;font-weight:800}.brand-badge,.notice-tag{border-radius:6px;align-items:center;min-height:24px;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}.brand-badge{color:#6f7480;background:#eef0f3}.desktop-nav{align-items:center;gap:8px;display:flex}.credit-chip,.nav-button,.menu-button,.solid-button,.ghost-link,.icon-close{color:#1f2328;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:34px;display:inline-flex;box-shadow:0 1px 2px #1118270a}.credit-chip{color:#1f2328;box-shadow:none;background:0 0;border:0;padding:0 4px;font-size:14px;font-weight:700}.credit-chip-button{cursor:pointer}.credit-chip-button:hover{color:#0872df}.nav-button{padding:0 12px;font-size:14px;font-weight:700}.recharge-nav-button{color:#0872df;background:#eef6ff;border-color:#b9dcff}.recharge-nav-button:hover{background:#e4f1ff;border-color:#1683ff}.nav-button-primary,.solid-button{color:#fff;background:#1683ff;border-color:#1683ff}.login-button{min-width:72px}.user-menu-wrap{position:relative}.user-menu-trigger{border-color:#1f2328;box-shadow:inset 0 0 0 1px #1f2328}.user-dropdown{z-index:30;background:#fff;border:1px solid #e6e7eb;border-radius:8px;gap:4px;min-width:188px;padding:10px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 18px 42px #0f172a29}.user-dropdown button,.user-dropdown a{color:#1f2328;background:0 0;border:0;border-radius:6px;justify-content:flex-start;align-items:center;gap:10px;min-height:38px;padding:0 8px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.user-dropdown button:hover:not(:disabled),.user-dropdown a:hover{color:#0872df;background:#f3f8ff}.user-dropdown button:disabled{cursor:default;color:#9aa1ad;opacity:.72}.solid-button:disabled{cursor:not-allowed;color:#8a9099;box-shadow:none;background:#f3f4f6;border-color:#e5e7eb}.menu-button{width:40px;padding:0;display:none}.mobile-menu{z-index:40;background:#fff;border:1px solid #e6e7eb;border-radius:12px;gap:6px;width:min(260px,100vw - 36px);padding:10px;display:none;position:absolute;top:calc(100% + 8px);right:18px;box-shadow:0 18px 42px #0f172a29}.mobile-menu a,.mobile-menu button,.mobile-credit{color:#1f2328;background:0 0;border:0;border-radius:8px;justify-content:flex-start;align-items:center;gap:10px;min-height:40px;padding:0 10px;font-size:14px;font-weight:800;display:inline-flex}.mobile-menu a:hover,.mobile-menu button:hover:not(:disabled){color:#0872df;background:#f3f8ff}.mobile-menu button:disabled{cursor:not-allowed;color:#9aa1ad;opacity:.72}.mobile-credit{color:#0872df;background:#eef6ff}.mobile-credit-button{cursor:pointer}.mobile-recharge-button{color:#0872df;background:#eef6ff}main{width:min(1188px,100% - 48px);margin:22px auto 64px}.notice-band,.tool-panel,.canvas-head,.canvas-stage,.recent-panel,.about-section,.media-tabs{background:#fff;border:1px solid #e6e7eb;border-radius:8px;box-shadow:0 14px 36px #0f172a0f}.notice-band{background:#fff8ea;border-color:#efdca8;grid-template-columns:minmax(0,1fr) auto 34px;align-items:center;gap:16px;padding:16px 16px 16px 18px;display:grid}.notice-band p{color:#4f5664;margin-top:6px;font-size:14px;line-height:1.7}.notice-tag{color:#a66f00;background:#ffedbf}.ghost-link{color:#0b7edc;min-height:34px;box-shadow:none;background:0 0;border-color:#0000;padding:0 12px;font-weight:800}.ghost-link.success{color:#0b8f5a}.ghost-link.inline{width:auto;min-height:30px;padding:0 8px}.refresh-button{color:#0b7edc;background:#1683ff0f;border:1px solid #1683ff29;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:0 13px;font-size:13px;font-weight:800;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s;display:inline-flex;box-shadow:0 8px 18px #0f172a0f}.refresh-button:hover{background:#1683ff1a;border-color:#1683ff4d;transform:translateY(-1px);box-shadow:0 10px 24px #1683ff1f}.refresh-button svg{stroke-width:2.2px}.icon-close{color:#8a9099;width:34px;min-height:34px;box-shadow:none;background:0 0;border:0;padding:0}.hero-section{text-align:center;padding:58px 20px 46px}.hero-section h1{color:#1d1d1f;letter-spacing:0;font-size:44px;font-weight:850;line-height:1.18}.hero-copy{color:#727782;width:min(720px,100%);margin:16px auto 0;font-size:16px;line-height:1.8}.perk-row{color:#68717f;flex-wrap:wrap;justify-content:center;gap:22px;margin-top:22px;font-size:14px;display:flex}.perk-row span,.about-section li{align-items:center;gap:7px;display:inline-flex}.perk-row svg,.about-section svg{color:#18b883}.solid-button.success{background:#18b879;border-color:#18b879}.workspace{grid-template-columns:minmax(340px,414px) minmax(0,1fr);align-items:start;gap:24px;display:grid}.control-column,.canvas-column{flex-direction:column;gap:16px;display:flex}.media-tabs{grid-template-columns:1fr 1fr;gap:8px;min-height:60px;padding:8px;display:grid}.tab-button,.option-card,.segmented button,.generate-button{color:#3f4652;background:#fff;border:1px solid #e5e7eb;border-radius:8px}.tab-button{justify-content:center;align-items:center;gap:8px;min-height:42px;font-weight:800;display:inline-flex}.tab-button.active,.option-card.active,.segmented button.active{color:#0872df;background:#eaf4ff;border-color:#1683ff;box-shadow:inset 0 0 0 1px #1683ff29}.tool-panel{padding:18px}.tool-panel h2,.recent-panel h2,.about-section h2{color:#24272d;font-size:16px;font-weight:850;line-height:1.35}.section-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.section-title span{color:#8a9099;font-size:12px}.option-grid{gap:10px;margin-top:14px;display:grid}.mode-group-tabs{background:#f8f9fb;border:1px solid #e5e7eb;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px;padding:6px;display:grid}.mode-group-tabs button{color:#68717f;background:0 0;border:0;border-radius:6px;min-height:34px;font-size:13px;font-weight:850}.mode-group-tabs button.active{color:#0872df;background:#fff;box-shadow:0 4px 12px #0f172a14}.two-col,.purpose-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.option-card{text-align:left;flex-direction:column;align-items:flex-start;min-height:104px;padding:14px;display:flex}.option-card svg{margin-bottom:10px}.option-card strong{color:#1f2328;font-size:15px}.option-card span{color:#7b8190;margin-top:4px;font-size:12px;line-height:1.45}.option-card.disabled{cursor:not-allowed;opacity:.54}.option-card.compact{min-height:92px;padding:12px}.select-input{color:#24272d;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:100%;min-height:42px;padding:0 12px}.size-grid{gap:8px;display:grid}.size-grid button{color:#3f4652;background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-height:38px;font-weight:800}.size-grid button.active{color:#0872df;background:#eaf4ff;border-color:#1683ff}.person-param-list{gap:12px;margin-top:14px;display:grid}.person-param-row{background:#fafbfc;border:1px solid #edf0f4;border-radius:8px;justify-content:space-between;align-items:stretch;gap:14px;padding:12px;display:flex}.person-param-row strong{color:#24272d;align-items:center;min-width:72px;font-size:14px;display:flex}.person-param-options{flex:1;grid-template-columns:repeat(2,minmax(104px,1fr));gap:8px;display:grid}.person-param-choice{color:#3f4652;text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:8px;grid-template-columns:48px 1fr;align-items:center;gap:8px;min-height:58px;padding:5px 9px 5px 5px;font-weight:800;display:grid;position:relative;overflow:hidden}.person-param-choice.active{color:#0872df;background:#eaf4ff;border-color:#1683ff;box-shadow:inset 0 0 0 1px #1683ff24}.person-param-thumb{color:#9aa2af;background:#f2f4f7;border-radius:7px;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex;overflow:hidden}.person-param-thumb img{object-fit:cover;width:100%;height:100%;display:block}.person-param-thumb.empty{background:#f8fafc;border:1px dashed #cbd5e1}.person-param-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.person-param-check{color:#fff;background:#1683ff;border-radius:999px;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex;position:absolute;top:5px;right:5px;box-shadow:0 4px 10px #1683ff3d}textarea{resize:vertical;color:#24272d;background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;width:100%;min-height:138px;padding:14px;line-height:1.7;display:block}.size-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:14px}.size-grid button{flex-direction:column;gap:4px;padding:8px;display:flex}.size-grid span{color:#8a9099;font-size:12px;font-weight:700}.segmented{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.segmented button{flex-direction:column;gap:4px;min-height:58px;padding:8px;display:flex}.segmented strong{color:#24272d;font-size:13px}.segmented span{color:#8a9099;font-size:12px}.hint{color:#8a9099;margin-top:10px;font-size:12px}.generate-button{color:#fff;background:#1683ff;border-color:#1683ff;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;margin-top:16px;font-weight:850;display:inline-flex}.generate-button:disabled{cursor:not-allowed;opacity:.72}.generate-button.guest{background:#73b8ff;border-color:#73b8ff}.generate-button.loading svg{animation:1s linear infinite loading-spin}.reference-panel{margin-top:18px}.reference-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.reference-head strong{color:#24272d;font-size:14px}.reference-head span{color:#7b8190;font-size:12px}.reference-list{flex-wrap:wrap;gap:10px;display:flex}.reference-item{cursor:zoom-in;outline:none;width:94px;margin:0;position:relative}.reference-item:focus-visible{border-radius:10px;box-shadow:0 0 0 3px #1683ff38}.reference-item img,.reference-upload{border-radius:8px;width:94px;height:94px}.reference-item img{object-fit:cover;border:1px solid #e5e7eb;transition:filter .16s,transform .16s;display:block}.reference-item:hover img{filter:saturate(1.08)contrast(1.04);transform:scale(1.025)}.reference-item figcaption{color:#7a3bd4;text-overflow:ellipsis;white-space:nowrap;background:#f4eaffeb;border-radius:5px;max-width:calc(100% - 12px);min-height:20px;padding:0 6px;font-size:11px;font-weight:850;line-height:20px;position:absolute;bottom:6px;left:6px;overflow:hidden}.reference-item button{color:#fff;background:#1f2328db;border:0;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex;position:absolute;top:-7px;right:-7px;box-shadow:0 6px 14px #0f172a2e}.reference-upload{color:#8a9099;background:#fff;border:2px solid #24272d;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:850;display:inline-flex}.reference-upload input{display:none}.reference-cues{color:#8a9099;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;font-size:12px;display:flex}.reference-cues button{color:#596170;background:#fff;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:5px;min-height:24px;padding:0 7px 0 3px;font-size:12px;display:inline-flex}.reference-cues img{object-fit:cover;border-radius:4px;width:20px;height:20px}.error-line{color:#b42318;background:#fff1f2;border:1px solid #fecaca;border-radius:8px;margin-top:12px;padding:10px 12px;font-size:13px;line-height:1.6}.canvas-head{justify-content:space-between;align-items:center;min-height:60px;padding:0 16px;display:flex}.canvas-stage{grid-template-rows:1fr 1fr;grid-template-columns:1.05fr .7fr;gap:12px;min-height:516px;padding:18px;display:grid;position:relative;overflow:hidden}.canvas-stage.is-empty{justify-content:center;align-items:center;min-height:398px;padding:18px;display:flex}.canvas-stage.has-result{min-height:auto;padding:8px;display:block}.canvas-stage.is-generating,.canvas-stage.is-sensitive{justify-content:center;align-items:center;min-height:516px;padding:18px;display:flex}.canvas-placeholder{color:#8a9099;flex-direction:column;justify-content:center;align-items:center;gap:18px;font-size:15px;display:flex}.canvas-placeholder span{color:#8f939b;background:#f0f0f2;border-radius:16px;justify-content:center;align-items:center;width:80px;height:80px;display:inline-flex}.preview-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;min-height:170px}.main-preview{background:linear-gradient(135deg,#1683ff1f,#18b8791a),#fff;flex-direction:column;grid-row:span 2;justify-content:center;align-items:center;gap:18px;padding:22px;display:flex}.main-preview img{width:min(260px,72%);height:auto}.main-preview div{flex-direction:column;align-items:center;gap:6px;display:flex}.main-preview span{color:#7b8190;font-size:13px}.main-preview strong{color:#24272d;font-size:17px}.result-grid{grid-row:span 2;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.result-viewer{background:#f8f9fb;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.result-display{justify-content:center;align-items:center;min-height:340px;padding:18px 58px;display:flex;position:relative}.result-image-button{background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;max-width:min(100%,360px);max-height:322px;padding:0;display:inline-flex}.result-image-button img{object-fit:contain;border-radius:8px;max-width:min(100%,360px);max-height:322px;box-shadow:0 14px 30px #0f172a29}.result-counter{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#24272dbd;border-radius:999px;align-items:center;min-height:24px;padding:0 10px;font-size:13px;font-weight:850;display:inline-flex;position:absolute;top:12px;left:12px;box-shadow:0 8px 18px #0f172a24}.result-nav{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#303236b8;border:0;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 10px 24px #0f172a29}.result-nav:hover:not(:disabled){background:#303236d6}.result-nav:disabled{cursor:default;opacity:.36}.result-nav.prev{left:12px}.result-nav.next{right:12px}.result-toolbar{background:#f3f4f6;border-top:1px solid #e5e7eb;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:8px 12px;display:flex}.tool-action{border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:5px;min-height:26px;padding:0 10px;font-size:12px;font-weight:850;display:inline-flex}.tool-action:disabled{cursor:not-allowed;opacity:.42;filter:grayscale(.35)}.tool-action.green{color:#0c9b5f;background:#eafff4}.tool-action.purple{color:#8a42e8;background:#f5edff}.tool-action.blue{color:#0872df;background:#eaf4ff}.tool-action.orange{color:#d66a16;background:#fff3e8}.tool-action.teal{color:#07827c;background:#e9fbf8}.tool-action.primary{color:#fff;background:#1683ff}.generating-card{color:#1f5fa8;background:linear-gradient(135deg,#1683ff21,#18b8791a),#fff;border:1px solid #b8d7ff;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:min(100%,520px);min-height:280px;padding:28px;display:flex;position:relative;overflow:hidden}.generating-card:before{content:"";background:linear-gradient(110deg,#0000 20%,#ffffff9e 42%,#0000 64%);animation:1.8s ease-in-out infinite loading-sweep;position:absolute;inset:0;transform:translate(-100%)}.generating-card.sensitive{color:#b42318;background:linear-gradient(135deg,#fee2e2b8,#fff7edc7),#fff;border-color:#fecaca}.generating-card.sensitive:before{display:none}.generating-card.sensitive strong{color:#991b1b}.generating-card.sensitive p{color:#7f1d1d;max-width:420px}.generating-card>*{z-index:1;position:relative}.generating-card strong{color:#1f2328;font-size:17px}.generating-card p{color:#68717f;text-align:center;font-size:13px;line-height:1.6}.loading-bars{gap:8px;width:min(260px,100%);display:grid}.loading-bars span{background:linear-gradient(90deg,#1683ff24,#18b87933);border-radius:999px;height:8px;animation:1.4s ease-in-out infinite loading-bar}.loading-bars span:nth-child(2){width:82%;animation-delay:.16s}.loading-bars span:nth-child(3){width:64%;animation-delay:.32s}.result-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;gap:8px;min-width:0;margin:0;padding:10px;display:flex}.result-card img{aspect-ratio:1;object-fit:contain;background:#f5f5f7;border-radius:6px;width:100%}.result-card figcaption{color:#7b8190;text-align:center;font-size:12px}.tone-blue{background:linear-gradient(145deg,#1a7ee63d,#ffffffb8),#ecf5ff}.tone-green{background:linear-gradient(145deg,#18b87940,#ffffffc7),#effdf6}.tone-amber{background:linear-gradient(145deg,#f2b24542,#ffffffbd),#fff8ea;display:none}.recent-panel{padding:18px}.recent-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.recent-card{cursor:pointer;text-align:left;background:0 0;border:0;min-width:0;padding:0}.recent-thumb{aspect-ratio:1;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:block;position:relative;overflow:hidden}.recent-thumb.is-pending{background:linear-gradient(135deg,#1683ff1f,#18b8791a),#fff;border-color:#9dccff;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.recent-thumb.is-sensitive{background:linear-gradient(135deg,#fee2e2c2,#fff7edb8),#fff;border-color:#fecaca;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.recent-thumb img{object-fit:cover;width:100%;height:100%}.recent-thumb em{color:#7a3bd4;background:#f4eaff;border-radius:5px;align-items:center;min-height:18px;padding:0 6px;font-size:10px;font-style:normal;font-weight:850;display:inline-flex;position:absolute;top:6px;left:6px}.recent-thumb.is-sensitive em{color:#b42318;background:#fee2e2}.recent-card.active .recent-thumb{border-color:#1683ff;box-shadow:0 0 0 2px #1683ff29}.recent-card.active .recent-thumb.is-sensitive{border-color:#ef4444;box-shadow:0 0 0 2px #ef444424}.recent-pending-icon{color:#1683ff;background:#ffffffc2;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex;box-shadow:0 8px 18px #1683ff24}.recent-pending-icon.sensitive{color:#b42318;background:#ffffffc7;box-shadow:0 8px 18px #b423181f}.recent-sensitive-text{color:#991b1b;font-size:11px;font-weight:800}.recent-pending-lines{gap:4px;width:58%;display:grid}.recent-pending-lines i{background:linear-gradient(90deg,#1683ff38,#18b8793d);border-radius:999px;height:5px;animation:1.4s ease-in-out infinite loading-bar;display:block}.recent-pending-lines i:nth-child(2){width:82%;animation-delay:.16s}.recent-pending-lines i:nth-child(3){width:64%;animation-delay:.32s}.recent-card.pending strong{color:#1683ff}.recent-card.sensitive strong{color:#b42318}.recent-card strong{color:#4f5664;text-overflow:ellipsis;white-space:nowrap;margin-top:8px;font-size:12px;display:block;overflow:hidden}.status-line{color:#118152;background:#f0fff7;border:1px solid #c8f0dc;border-radius:8px;margin-top:14px;padding:10px 12px;font-size:13px}.empty-line{color:#8a9099;text-align:center;margin-top:14px;font-size:13px}.image-preview-overlay{z-index:60;background:#111827b8;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.image-preview-dialog{justify-content:center;align-items:center;width:calc(100vw - 36px);height:calc(100vh - 36px);display:flex;position:relative;overflow:hidden}.image-preview-stage{cursor:zoom-in;touch-action:none;-webkit-user-select:none;user-select:none;transform-origin:50%;will-change:transform;justify-content:center;align-items:center;max-width:100%;max-height:100%;transition:transform .16s;display:inline-flex}.image-preview-stage.zoomed{cursor:grab}.image-preview-stage.dragging{cursor:grabbing;transition:none}.image-preview-stage img{object-fit:contain;pointer-events:none;border-radius:8px;width:auto;max-width:calc(100vw - 36px);height:auto;max-height:calc(100vh - 36px);display:block;box-shadow:0 24px 80px #00000052}.image-preview-close,.image-preview-download,.image-preview-nav{color:#fff;background:#1f2328d1;border:0;justify-content:center;align-items:center;display:inline-flex;position:absolute}.image-preview-close{border-radius:50%;width:42px;height:42px;top:22px;right:22px}.image-preview-download{z-index:1;cursor:pointer;border-radius:50%;width:42px;height:42px;top:76px;right:22px}.image-preview-download:hover{background:#1063ebe6}.image-preview-counter{z-index:1;color:#fff;background:#1f2328db;border-radius:999px;align-items:center;min-height:26px;padding:0 10px;font-size:13px;font-weight:850;display:inline-flex;position:absolute;top:0;left:0}.image-preview-nav{z-index:1;border-radius:50%;width:46px;height:46px;top:50%;transform:translateY(-50%)}.image-preview-nav.prev{left:0}.image-preview-nav.next{right:0}.image-preview-nav:disabled{cursor:default;opacity:.36}.auth-overlay{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1d1d1f6b;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.auth-dialog{background:#fff;border:1px solid #ffffffb8;border-radius:8px;width:min(448px,100%);padding:36px 32px 30px;position:relative;box-shadow:0 24px 70px #0f172a3d}.auth-close{color:#8a9099;background:0 0;border:0;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex;position:absolute;top:18px;right:18px}.auth-heading{align-items:center;gap:14px;margin-bottom:26px;display:flex}.auth-logo{color:#fff;background:#1683ff;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex;box-shadow:0 10px 22px #1683ff47}.auth-heading h2{color:#24272d;font-size:22px;font-weight:900;line-height:1.2}.auth-heading p{color:#8a9099;margin-top:4px;font-size:14px}.auth-field{color:#24272d;gap:9px;margin-top:16px;font-size:14px;font-weight:850;display:grid}.auth-field>div:not(.code-row),.code-row>div{color:#8a9099;background:#fff;border:1px solid #e0e3e8;border-radius:8px;align-items:center;gap:10px;min-height:50px;padding:0 14px;display:flex}.auth-field input{color:#24272d;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:15px}.auth-field small{color:#9aa1ad;font-size:12px;font-weight:600}.code-row{grid-template-columns:minmax(0,1fr) 102px;gap:8px;display:grid}.code-row>button{color:#fff;background:#73b8ff;border:0;border-radius:8px;min-height:50px;font-size:14px;font-weight:850}.password-eye{color:#8a9099;background:0 0;border:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.forgot-link{color:#1683ff;background:0 0;border:0;width:auto;margin:12px 0 16px auto;font-size:14px;font-weight:850;display:block}.auth-submit{color:#fff;background:#1683ff;border:0;border-radius:8px;width:100%;min-height:48px;margin-top:16px;font-size:16px;font-weight:900}.forgot-link+.auth-submit{margin-top:0}.auth-submit:disabled{cursor:not-allowed;opacity:.72}.auth-error,.auth-notice{border-radius:8px;margin-top:12px;padding:9px 11px;font-size:13px;line-height:1.5}.auth-error{color:#b42318;background:#fff1f2}.auth-notice{color:#118152;background:#f0fff7}.auth-switch{color:#727782;background:0 0;border:0;margin:22px auto 0;font-size:14px;font-weight:850;display:block}.recharge-overlay{z-index:51;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1d1d1f6b;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.recharge-dialog{background:#fff;border:1px solid #ffffffb8;border-radius:8px;width:min(672px,100%);max-height:min(86vh,720px);position:relative;overflow:hidden auto;box-shadow:0 24px 70px #0f172a3d}.recharge-heading{align-items:center;gap:14px;padding:26px 24px 22px;display:flex}.recharge-logo{color:#fff;background:linear-gradient(135deg,#1683ff,#7357ff);border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex;box-shadow:0 10px 22px #1683ff47}.recharge-heading h2{color:#24272d;font-size:22px;font-weight:900;line-height:1.2}.recharge-heading p{color:#8a9099;margin-top:4px;font-size:14px}.recharge-tabs{background:#f8fafc;border-top:1px solid #edf0f4;border-bottom:1px solid #edf0f4;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.recharge-tabs button{color:#4f5664;background:0 0;border:0;border-bottom:2px solid #0000;min-height:54px;font-size:15px;font-weight:850}.recharge-tabs button.active{color:#0872df;background:#fff;border-bottom-color:#1683ff}.recharge-tabs button:disabled{cursor:not-allowed;color:#a0a7b2;background:#f4f6f9}.recharge-body{padding:24px}.package-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.package-card{color:#4f5664;background:#fff;border:1px solid #dfe3ea;border-radius:8px;gap:6px;min-height:112px;padding:14px;display:grid}.package-card strong{color:#176fff;font-size:22px;font-weight:950;line-height:1}.package-card small{color:#8a9099;font-size:12px;line-height:1.45}.package-name{color:#24272d;align-items:center;gap:4px;font-size:13px;font-weight:900;display:inline-flex}.package-name svg{color:#f5a400}.recharge-empty,.recharge-note{color:#737b88;font-size:13px;line-height:1.7}.recharge-note{color:#0f60bd;background:#eef6ff;border-radius:8px;margin-top:14px;padding:10px 12px}.redeem-form{gap:14px;display:grid}.redeem-form .auth-field{margin-top:0}.redeem-submit{width:100%;min-height:48px;font-size:16px;font-weight:900}.about-section{grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:28px;margin-top:24px;padding:24px;display:grid}.about-section p{color:#68717f;margin-top:12px;font-size:14px;line-height:1.9}.about-section ul{color:#4f5664;align-content:start;gap:12px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.account-page{background:#fff;border:1px solid #e6e7eb;border-radius:8px;gap:18px;min-height:520px;padding:24px;display:grid;box-shadow:0 14px 36px #0f172a0f}.account-page-head{align-items:center;gap:14px;display:flex}.account-page-head>span{color:#1683ff;background:#eef6ff;border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.account-page-head h1{color:#1f2328;font-size:24px;line-height:1.2}.account-page-head p{color:#737b88;margin-top:5px;font-size:14px}.account-page-head .refresh-button{margin-left:auto}.account-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.account-grid article{background:#fff;border:1px solid #e6e7eb;border-radius:8px;min-height:138px;padding:24px 26px;box-shadow:0 8px 24px #0f172a0d}.account-grid article>div{align-items:center;gap:12px;display:flex}.account-grid span{color:#737b88;font-size:14px;font-weight:700}.account-stat-icon{border-radius:10px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.account-stat-icon.blue{color:#0872df;background:#eaf4ff}.account-stat-icon.green{color:#0a9f58;background:#ecfdf3}.account-stat-icon.red{color:#ef3b4d;background:#fff1f2}.account-grid strong{color:#1f2328;margin-top:18px;font-size:30px;font-weight:900;line-height:1.2;display:block}.account-dashboard{box-shadow:none;background:0 0;border:0;padding:0}.profile-card,.checkin-card,.invite-card,.credit-log-card{background:#fff;border:1px solid #e6e7eb;border-radius:8px;box-shadow:0 14px 36px #0f172a0f}.profile-card{align-items:center;gap:16px;padding:22px 24px;display:flex}.profile-avatar,.checkin-icon{border-radius:14px;flex:none;justify-content:center;align-items:center;width:56px;height:56px;display:inline-flex}.profile-avatar{color:#0872df;background:#eaf4ff}.profile-card h1{color:#111827;font-size:20px;line-height:1.2}.profile-card p{color:#7a828f;flex-wrap:wrap;gap:18px;margin-top:8px;font-size:13px;display:flex}.profile-card .refresh-button{margin-left:auto}.account-loading{color:#68717f;background:#fff;border-radius:8px;padding:14px 16px}.checkin-card{background:#fff9ef;border-color:#fed7aa;align-items:center;gap:16px;padding:20px 24px;display:flex}.checkin-icon{color:#fff;background:#ff951a;box-shadow:0 10px 26px #ff951a3d}.checkin-card h2{color:#111827;font-size:17px;line-height:1.2}.checkin-card p{color:#0a9f58;align-items:center;gap:5px;margin-top:4px;font-size:14px;display:flex}.checkin-card small{color:#f97316;margin-top:2px;font-size:13px;display:block}.checkin-card button{color:#0f8f5f;background:#dcfce7;border:0;border-radius:12px;min-width:88px;min-height:44px;margin-left:auto;font-weight:850}.checkin-card button:disabled{cursor:default;opacity:.8}.account-grid .positive strong{color:#0a9f58}.account-grid .negative strong{color:#ef3b4d}.invite-card,.credit-log-card{overflow:hidden}.invite-card>h2,.credit-log-card .section-title{border-bottom:1px solid #e6e7eb;min-height:56px;padding:0 24px}.invite-card>h2{color:#078943;align-items:center;gap:8px;font-size:16px;display:flex}.invite-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:24px 24px 18px;display:grid}.invite-stats article{color:#047857;background:#eefbf3;border-radius:8px;padding:18px}.invite-stats span{font-size:13px;display:block}.invite-stats strong{margin-top:8px;font-size:26px;display:block}.invite-link-row{gap:8px;padding:0 24px 16px;display:grid}.invite-link-row>span{color:#111827;font-size:14px;font-weight:800}.invite-link-row div{grid-template-columns:minmax(0,1fr) 88px;gap:10px;display:grid}.invite-link-row input{color:#111827;background:#f8f9fb;border:1px solid #e5e7eb;border-radius:10px;min-height:46px;padding:0 16px}.invite-link-row button{color:#fff;background:#1683ff;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;font-weight:850;display:inline-flex}.invite-rule{color:#1458d4;background:#edf5ff;border-radius:8px;margin:0 24px 20px;padding:14px 16px;font-size:14px;line-height:1.7}.invite-records{padding:0 24px 24px}.invite-records h3{color:#111827;margin:0 0 12px;font-size:14px}.invite-record-list{gap:10px;display:grid}.invite-record-list article,.credit-log-list article{background:#f8f9fb;border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.invite-record-list article>span,.credit-log-list article>span{color:#1683ff;background:#eaf4ff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.invite-record-list strong,.credit-log-list strong{color:#111827;font-size:14px;display:block}.invite-record-list small,.credit-log-list small{color:#7a828f;margin-top:3px;font-size:12px;display:block}.invite-record-list em,.credit-log-list em{color:#0a9f58;margin-left:auto;font-style:normal;font-weight:850}.credit-log-card .section-title h2 span{color:#7a828f;background:#f1f3f5;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:12px;font-weight:700}.credit-log-list{display:grid}.credit-log-list article{background:#fff;border-bottom:1px solid #edf0f2;border-radius:0;padding:16px 24px}.credit-log-list article.income>span{color:#0a9f58;background:#ecfdf3}.credit-log-list article.outcome>span{color:#ef3b4d;background:#fff1f2}.credit-log-list article.outcome em{color:#ef3b4d}.credit-log-pager{justify-content:flex-end;align-items:center;gap:8px;padding:16px 24px;display:flex}.credit-log-pager span{color:#7a828f;margin-right:auto;font-size:13px}.credit-log-pager button{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-height:34px;padding:0 12px}.credit-log-pager button:disabled{cursor:default;color:#b0b6c1;background:#f8f9fb}.works-library-page{gap:24px;min-height:520px;display:grid}.works-library-tabs,.works-filter-row,.works-library-toolbar{align-items:center;display:flex}.works-library-tabs{gap:10px}.works-library-tabs button,.works-filter-row button{color:#343b48;background:#fff;border:1px solid #e2e5ea;border-radius:8px;justify-content:center;align-items:center;min-height:42px;padding:0 18px;font-size:14px;font-weight:800;display:inline-flex;box-shadow:0 6px 16px #0f172a0a}.works-library-tabs button{gap:7px}.works-library-tabs button.active,.works-filter-row button.active{color:#fff;background:#1683ff;border-color:#1683ff;box-shadow:0 10px 24px #1683ff3d}.works-library-toolbar{gap:16px}.works-search{color:#8a92a0;background:#fff;border:1px solid #e2e5ea;border-radius:8px;flex:420px;align-items:center;min-height:48px;padding:0 16px;display:flex}.works-search input{color:#1f2937;background:0 0;border:0;outline:0;width:100%;padding:0 0 0 12px;font-size:15px}.works-filter-row{flex-wrap:wrap;gap:10px}.works-card-grid{grid-template-columns:repeat(auto-fill,minmax(224px,1fr));gap:18px;display:grid}.works-card{background:#fff;border:1px solid #e1e5ec;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 12px 28px #0f172a0d}.works-card-open{width:100%;color:inherit;text-align:left;background:0 0;border:0;padding:0}.works-card-image{aspect-ratio:1;background:#f3f5f8;display:block;position:relative;overflow:hidden}.works-card-image img{object-fit:cover;filter:saturate(.92)contrast(.96);width:100%;height:100%;transition:transform .18s,filter .18s;transform:scale(1.001)}.works-card:hover .works-card-image img{filter:saturate(1.08)contrast(1.05);transform:scale(1.045)}.works-public-badge{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1683ffeb;border-radius:7px;align-items:center;gap:4px;min-height:26px;padding:0 8px;font-size:12px;font-style:normal;font-weight:850;display:inline-flex;position:absolute;top:10px;left:10px;box-shadow:0 8px 18px #1683ff38}.works-card-body{gap:6px;padding:12px 12px 14px;display:grid}.works-card-body strong,.works-card-body small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.works-card-body strong{color:#111827;font-size:14px;font-weight:900}.works-card-body small{color:#68717f;font-size:12px;line-height:1.4}.works-card-tags{flex-wrap:wrap;gap:6px;min-height:22px;display:flex}.works-card-tags em{color:#6b7280;background:#f3f4f6;border-radius:6px;padding:3px 7px;font-size:11px;font-style:normal;font-weight:800}.works-card-tags em:nth-child(2){color:#1683ff;background:#eef6ff}.works-favorite-button{color:#7a828f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffdb;border:1px solid #ffffffb8;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:transform .16s,color .16s,background .16s;display:inline-flex;position:absolute;top:10px;right:10px;box-shadow:0 8px 18px #0f172a29}.works-favorite-button:hover{color:#1683ff;background:#fffffff5;transform:scale(1.06)}.works-favorite-button.active{color:#1683ff}.works-favorite-button:disabled{cursor:wait;opacity:.72}.works-library-loading{color:#68717f;background:#fff;border:1px dashed #d8dde6;border-radius:12px;place-items:center;gap:12px;min-height:260px;display:grid}.works-library-loading span{border:3px solid #dcecff;border-top-color:#1683ff;border-radius:50%;width:34px;height:34px;animation:.8s linear infinite loading-spin}.works-library-loading strong{font-size:14px}.works-pager{color:#737b88;justify-content:flex-end;align-items:center;gap:10px;font-size:13px;display:flex}.works-pager span{margin-right:auto}.works-pager button{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-height:34px;padding:0 12px;font-weight:750}.works-pager button:disabled{cursor:default;color:#b0b6c1;background:#f8f9fb}.works-pager em{color:#1f2937;font-style:normal;font-weight:850}.work-detail-overlay{z-index:80;background:#1118278c;justify-content:center;align-items:center;padding:28px;display:flex;position:fixed;inset:0}.work-detail-dialog{background:#fff;border-radius:14px;grid-template-columns:minmax(360px,1.08fr) minmax(360px,.92fr);gap:0;width:min(1180px,100%);max-height:calc(100vh - 56px);display:grid;position:relative;overflow:hidden;box-shadow:0 28px 80px #0f172a47}.work-detail-close{z-index:1;color:#4b5563;background:#ffffffeb;border:0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex;position:absolute;top:14px;right:14px;box-shadow:0 8px 20px #0f172a1f}.work-detail-image{background:#f4f6f9;justify-content:center;align-items:center;min-height:620px;padding:24px;display:flex}.work-detail-image img{object-fit:contain;border-radius:10px;max-width:100%;max-height:calc(100vh - 112px);display:block;box-shadow:0 16px 44px #0f172a1f}.work-detail-panel{flex-direction:column;gap:22px;min-width:0;padding:48px 26px 26px;display:flex;overflow-y:auto}.work-detail-heading{gap:8px;display:grid}.work-detail-heading span{color:#8a92a0;font-size:12px;font-weight:850}.work-detail-heading h2{color:#111827;overflow-wrap:anywhere;font-size:24px;font-weight:950;line-height:1.25}.work-detail-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.work-detail-fields article{background:#f0f1f4;border-radius:10px;min-height:64px;padding:12px}.work-detail-fields span{color:#8a92a0;font-size:12px;font-weight:800;display:block}.work-detail-fields strong{color:#111827;text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:14px;font-weight:900;display:block;overflow:hidden}.work-detail-fields strong.accent{color:#1683ff}.work-detail-prompt{gap:10px;display:grid}.work-detail-prompt>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.work-detail-prompt h2{color:#111827;font-size:16px;line-height:1.2}.work-detail-prompt button{color:#1683ff;background:0 0;border:0;align-items:center;gap:5px;font-size:13px;font-weight:850;display:inline-flex}.work-detail-prompt button:disabled{cursor:not-allowed;color:#a0a7b2}.copy-feedback{color:#0a9f58;margin-left:8px;font-size:12px;font-weight:850}.work-detail-prompt p{color:#1f2937;background:#f0f1f4;border-radius:10px;min-height:72px;padding:14px;font-size:14px;line-height:1.8}.work-detail-prompt p.muted{color:#8a92a0}.work-detail-references{gap:10px;display:grid}.work-detail-references>div:first-child{justify-content:space-between;align-items:center;gap:12px;display:flex}.work-detail-references h2{color:#111827;font-size:16px;line-height:1.2}.work-detail-references>div:first-child span{color:#8a92a0;font-size:12px;font-weight:850}.reference-status{color:#596170;background:#f0f1f4;border-radius:10px;padding:12px 14px;font-size:13px;font-weight:800}.reference-status.muted{color:#8a92a0}.work-reference-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;display:grid}.work-reference-grid figure{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin:0;overflow:hidden}.work-reference-grid img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.work-reference-grid figcaption{gap:3px;padding:8px;display:grid}.work-reference-grid strong,.work-reference-grid span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.work-reference-grid strong{color:#111827;font-size:12px;font-weight:900}.work-reference-grid span{color:#8a92a0;font-size:11px;font-weight:750}.work-detail-actions{flex-wrap:wrap;gap:10px;margin-top:auto;display:flex}.work-detail-actions button{color:#1f2937;background:#fff;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 14px;font-weight:850;display:inline-flex}.work-detail-actions button.primary{color:#fff;background:#1683ff;border-color:#1683ff;box-shadow:0 10px 22px #1683ff2e}.work-detail-actions button.soft-primary{color:#0872df;background:#eaf4ff;border-color:#9bcaff}.work-detail-actions button.liked,.work-detail-actions button.favorited{color:#ef3b4d;background:#fff1f2;border-color:#fecaca}.work-detail-actions button.public{color:#078943;background:#eefbf3;border-color:#b7ebd1}.work-detail-actions button:disabled{cursor:not-allowed;opacity:.62}.publish-dialog-backdrop{z-index:2;background:#11182785;border:0;justify-content:center;align-items:center;padding:28px;display:flex;position:absolute;inset:0}.publish-dialog{background:#fff;border-radius:16px;width:min(448px,100%);overflow:hidden;box-shadow:0 26px 72px #0f172a47}.publish-dialog-head{border-bottom:1px solid #e6e7eb;justify-content:space-between;align-items:center;min-height:68px;padding:0 24px;display:flex}.publish-dialog-head h2{color:#111827;font-size:18px;line-height:1.2}.publish-dialog-head button{color:#4b5563;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.publish-field{gap:8px;padding:18px 24px 0;display:grid}.publish-field>span{color:#737b88;justify-content:space-between;align-items:center;gap:12px;font-size:14px;font-weight:800;display:flex}.publish-field>span button{color:#1683ff;background:0 0;border:0;align-items:center;gap:4px;font-size:13px;font-weight:850;display:inline-flex}.publish-field input,.publish-field select,.publish-field textarea{color:#111827;background:#fff;border:1px solid #dfe3ea;border-radius:12px;width:100%;min-height:48px;padding:0 14px}.publish-field input:focus,.publish-field select:focus,.publish-field textarea:focus{border-color:#1683ff;outline:3px solid #1683ff2e}.publish-field textarea{resize:vertical;min-height:98px;padding:12px 14px}.publish-checkbox{color:#5d6675;align-items:center;gap:8px;margin:18px 24px 0;font-size:14px;font-weight:800;display:inline-flex}.publish-checkbox input{accent-color:#1683ff;width:16px;height:16px}.publish-checkbox.compact{margin-top:10px}.publish-dialog-actions{grid-template-columns:1fr 1fr;gap:12px;padding:24px;display:grid}.publish-dialog-actions button{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:10px;min-height:42px;font-weight:850}.publish-dialog-actions button.primary{color:#fff;background:#1683ff;border-color:#1683ff;box-shadow:0 12px 26px #1683ff38}.gallery-page{gap:18px;min-height:520px;display:grid}.gallery-toolbar,.gallery-sort-tabs,.gallery-scope-tabs,.gallery-category-row,.gallery-section-head{align-items:center;display:flex}.gallery-toolbar{gap:16px}.gallery-search{color:#8a92a0;background:#fff;border:1px solid #e2e5ea;border-radius:10px;flex:480px;align-items:center;min-height:48px;padding:0 16px;display:flex;box-shadow:0 6px 18px #0f172a0a}.gallery-search input{color:#111827;background:0 0;border:0;outline:0;width:100%;padding-left:12px;font-size:15px}.gallery-sort-tabs,.gallery-scope-tabs,.gallery-category-row{flex-wrap:wrap;gap:10px}.gallery-sort-tabs button,.gallery-scope-tabs button,.gallery-category-row button{color:#1f2937;background:#fff;border:1px solid #e2e5ea;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 16px;font-size:14px;font-weight:850;display:inline-flex;box-shadow:0 6px 16px #0f172a0a}.gallery-category-row button{border-radius:9px;min-height:36px;padding:0 14px}.gallery-sort-tabs button.active,.gallery-scope-tabs button.active,.gallery-category-row button.active{color:#fff;background:#1683ff;border-color:#1683ff;box-shadow:0 10px 24px #1683ff38}.gallery-scope-tabs button:disabled{cursor:not-allowed;color:#a0a7b2;box-shadow:none;background:#f8f9fb}.gallery-section-head{justify-content:space-between;gap:12px}.gallery-section-head h1{color:#111827;font-size:22px;line-height:1.2}.gallery-masonry{column-count:4;column-gap:18px}.gallery-card{break-inside:avoid;background:#fff;border:1px solid #e1e5ec;border-radius:12px;width:100%;margin:0 0 18px;display:inline-block;overflow:hidden;box-shadow:0 12px 28px #0f172a0f}.gallery-card-open{width:100%;color:inherit;text-align:left;background:0 0;border:0;padding:0;display:block}.gallery-card-image{background:#f3f5f8;display:block;position:relative;overflow:hidden}.gallery-card-image img{filter:saturate(.93)contrast(.96);width:100%;height:auto;transition:transform .18s,filter .18s;display:block;transform:scale(1.001)}.gallery-card:hover .gallery-card-image img{filter:saturate(1.08)contrast(1.05);transform:scale(1.035)}.gallery-card-states{z-index:2;opacity:0;pointer-events:none;gap:8px;transition:opacity .16s,transform .16s;display:flex;position:absolute;top:10px;right:10px;transform:translateY(-4px)}.gallery-card:hover .gallery-card-states,.gallery-card:focus-within .gallery-card-states{opacity:1;transform:translateY(0)}.gallery-card-state{color:#5f6877;background:#fffffff0;border:1px solid #94a3b847;border-radius:999px;place-items:center;width:34px;height:34px;display:inline-grid;box-shadow:0 10px 24px #0f172a29}.gallery-card-state.active{color:#ef3b4d}.gallery-card-state.favorite.active{color:#1677ff}.gallery-card-body{gap:7px;padding:13px 14px 14px;display:grid;position:relative}.gallery-card-body strong{color:#111827;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:900;overflow:hidden}.gallery-card-body small{color:#68717f;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:34px;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.gallery-card-meta{color:#7a828f;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.gallery-card-meta em{color:#64748b;background:#f1f5f9;border-radius:6px;padding:3px 7px;font-style:normal;font-weight:800}.gallery-card-meta span{align-items:center;gap:3px;display:inline-flex}.gallery-card-category{color:#1683ff;background:#eef6ff;border-radius:6px;justify-self:start;padding:3px 7px;font-size:11px;font-weight:850}.gallery-loading{color:#68717f;background:#fff;border:1px dashed #d8dde6;border-radius:12px;place-items:center;gap:12px;min-height:320px;display:grid}.gallery-loading span{border:3px solid #dcecff;border-top-color:#1683ff;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite loading-spin}.gallery-loading strong{font-size:14px}@keyframes loading-spin{to{transform:rotate(360deg)}}@keyframes loading-sweep{0%{transform:translate(-100%)}55%,to{transform:translate(100%)}}@keyframes loading-bar{0%,to{opacity:.45;transform-origin:0;transform:scaleX(.72)}50%{opacity:1;transform:scaleX(1)}}@media (width<=980px){.topbar{padding:0 18px}.desktop-nav{display:none}.menu-button{display:inline-flex}.mobile-menu{display:grid}main{width:min(100% - 28px,760px);margin-top:16px}.notice-band,.workspace,.account-grid,.invite-stats,.about-section{grid-template-columns:1fr}.profile-card,.checkin-card,.account-page-head{flex-direction:column;align-items:flex-start}.profile-card .refresh-button,.checkin-card button,.account-page-head .refresh-button{margin-left:0}.invite-link-row div{grid-template-columns:1fr}.notice-band{grid-template-columns:minmax(0,1fr) 34px}.notice-band .ghost-link{grid-column:1/-1;justify-self:center;width:auto}.notice-band .icon-close{grid-area:1/2;align-self:start}.workspace{gap:18px}.solid-button,.ghost-link{width:100%}.package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-section{padding:42px 8px 32px}.hero-section h1{font-size:34px}.canvas-stage{grid-template-rows:auto;grid-template-columns:1fr;min-height:auto}.main-preview{grid-row:auto;min-height:330px}.tone-amber{display:block}.canvas-empty{text-align:center;grid-column:1;margin-top:2px;position:static}.work-detail-overlay{align-items:flex-start;padding:18px;overflow-y:auto}.work-detail-dialog{grid-template-columns:1fr;max-height:none}.work-detail-image{min-height:360px}.work-detail-panel{padding-top:22px}.works-library-toolbar,.gallery-toolbar,.works-pager{flex-direction:column;align-items:stretch}.works-search,.gallery-search{flex:none;min-height:48px}.gallery-masonry{column-count:2}.works-pager span{margin-right:0}}@media (width<=640px){.brand-name{font-size:18px}.brand-badge{display:none}.notice-band{padding:14px}.hero-section h1{font-size:28px}.perk-row{gap:12px}.two-col,.purpose-grid,.size-grid,.segmented,.recent-grid,.result-grid{grid-template-columns:1fr}.person-param-row{flex-direction:column;align-items:stretch}.person-param-options{width:100%}.main-preview{min-height:280px}.work-detail-fields{grid-template-columns:1fr}.work-detail-actions button,.works-pager button{width:100%}.gallery-masonry{column-count:1}.recharge-overlay{align-items:flex-end;padding:12px}.recharge-dialog{max-height:92vh}.recharge-heading,.recharge-body{padding-left:18px;padding-right:18px}.recharge-tabs button{min-height:50px;font-size:14px}.package-grid,.publish-dialog-actions{grid-template-columns:1fr}}