:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f7f2;--surface:#fff;--surface-2:#f0f2ea;--surface-3:#e7eadf;--text:#172019;--muted:#687169;--faint:#949c95;--border:#e0e4dc;--border-strong:#cbd2c8;--accent:#9be329;--accent-strong:#6faf0b;--accent-soft:#e9f9c8;--accent-ink:#243b0a;--danger:#dc554b;--shadow:0 18px 55px #1f2e2314;--sidebar-width:250px;--sidebar-collapsed-width:76px;--topbar-height:72px;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--ease:.18s cubic-bezier(.2, .8, .2, 1)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111410;--surface:#181c17;--surface-2:#20251f;--surface-3:#2a3028;--text:#f2f5ec;--muted:#aab3a8;--faint:#788076;--border:#2c332b;--border-strong:#3a4338;--accent:#a4e93d;--accent-strong:#b8f164;--accent-soft:#2b3b1a;--accent-ink:#ebffd0;--danger:#ff786f;--shadow:0 20px 60px #00000047}:root{font-family:Microsoft YaHei UI,PingFang SC,system-ui,-apple-system,sans-serif;font-size:var(--app-font-size,14px);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%}body{background:var(--bg);min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{color:inherit;font-variant-numeric:tabular-nums}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 48%, transparent);outline-offset:2px}.app-shell{min-height:100vh}.app-sidebar{z-index:30;width:var(--sidebar-width);background:var(--surface);border-right:1px solid var(--border);transition:width var(--ease), transform var(--ease);flex-direction:column;padding:18px 14px 14px;display:flex;position:fixed;inset:0 auto 0 0;overflow:hidden}.app-sidebar.is-collapsed{width:var(--sidebar-collapsed-width);padding-inline:12px}.brand-row{align-items:center;gap:11px;min-height:42px;padding:0 5px;display:flex}.brand-mark{background:var(--accent);border-radius:12px;flex:0 0 36px;place-items:center;width:36px;height:36px;display:grid;overflow:hidden}.brand-mark img{object-fit:cover;width:100%;height:100%;display:block}.brand-copy{white-space:nowrap;min-width:0;transition:opacity var(--ease);flex-direction:column;display:flex}.brand-copy strong{letter-spacing:.02em;font-size:15px;font-weight:600}.brand-copy span{color:var(--faint);letter-spacing:.17em;margin-top:2px;font-size:8px}.is-collapsed .brand-copy{opacity:0;pointer-events:none}.mobile-close{display:none}.sidebar-nav{gap:4px;margin-top:24px;display:grid}.nav-button,.collapse-button{cursor:pointer;background:0 0;border:0;width:100%;display:flex}.nav-button{min-height:42px;color:var(--muted);transition:color var(--ease), background var(--ease);border-radius:12px;align-items:center;gap:12px;padding:0 13px}.nav-button:hover{color:var(--text);background:var(--surface-2)}.nav-button.is-active{color:var(--text);background:var(--accent-soft)}.nav-icon-wrap{flex:0 0 20px;place-items:center;width:20px;height:20px;display:grid;position:relative}.nav-badge{border:2px solid var(--surface);background:var(--danger);border-radius:50%;width:6px;height:6px;position:absolute;top:-1px;right:-2px}.nav-label{white-space:nowrap;transition:opacity var(--ease);font-size:14px}.is-collapsed .nav-button{padding-inline:16px}.is-collapsed .nav-label{opacity:0;width:0;overflow:hidden}.sidebar-spacer{flex:1}.sidebar-bottom-nav{gap:4px;display:grid}.collapse-button{min-height:40px;color:var(--faint);border-radius:11px;align-items:center;gap:12px;margin-top:6px;padding:0 13px}.collapse-button:hover{color:var(--text);background:var(--surface-2)}.collapse-button span{white-space:nowrap;font-size:12px}.is-collapsed .collapse-button{justify-content:center;padding:0}.is-collapsed .collapse-button span{display:none}.app-stage{min-height:100vh;margin-left:var(--sidebar-width);transition:margin-left var(--ease)}.has-collapsed-sidebar .app-stage{margin-left:var(--sidebar-collapsed-width)}.topbar{z-index:20;height:var(--topbar-height);background:color-mix(in srgb, var(--bg) 88%, transparent);border-bottom:1px solid color-mix(in srgb, var(--border) 76%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);align-items:center;gap:18px;padding:0 32px;display:flex;position:sticky;top:0}.topbar-title{color:var(--muted);flex:1;font-size:13px}.topbar-title.is-quiet{visibility:hidden}.topbar-actions{align-items:center;gap:8px;display:flex}.invite-gift-button{background:color-mix(in srgb, #ff6c77 14%, var(--surface));cursor:pointer;border:0;border-radius:50%;place-items:center;width:42px;height:42px;padding:0;display:grid;overflow:hidden}.invite-gift-button img{object-fit:contain;width:54px;height:54px;animation:3s ease-in-out infinite invite-gift-wiggle;display:block}.invite-gift-button:hover img{transform:scale(1.08)}@keyframes invite-gift-wiggle{0%,82%,to{transform:rotate(0)scale(1)}86%{transform:rotate(-8deg)scale(1.05)}90%{transform:rotate(8deg)scale(1.05)}94%{transform:rotate(-5deg)scale(1.03)}98%{transform:rotate(3deg)scale(1.01)}}@media (prefers-reduced-motion:reduce){.invite-gift-button img{animation:none}}.mode-button,.credits-button,.login-button,.mobile-menu-button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:999px;min-height:36px}.mode-button{justify-content:center;align-items:center;gap:7px;width:76px;padding:0 13px;font-size:12px;display:flex}.credits-button{min-width:112px;color:var(--accent-ink);background:var(--accent-soft);border-color:#0000;padding:0 14px;font-size:12px;font-weight:600}.login-button{color:#1e2a15;background:var(--accent);border-color:var(--accent);padding:0 17px;font-size:12px;font-weight:600}.mobile-menu-button{place-items:center;width:36px;padding:0;display:none}.support-dialog-backdrop{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#070c0994;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.support-dialog{width:min(430px,100%);max-height:calc(100vh - 48px);color:var(--text);border:1px solid var(--border);background:var(--surface);border-radius:22px;padding:26px;position:relative;overflow-y:auto;box-shadow:0 28px 90px #00000047}.support-dialog-close{width:34px;height:34px;color:var(--muted);border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:10px;place-items:center;padding:0;display:grid;position:absolute;top:15px;right:15px}.support-dialog>header{align-items:center;gap:12px;padding-right:42px;display:flex}.support-dialog>header>span{width:46px;height:46px;color:var(--accent-ink);background:var(--accent-soft);border-radius:14px;flex:0 0 46px;place-items:center;display:grid}.support-dialog h2{margin:0;font-size:20px;font-weight:600}.support-dialog header p{color:var(--muted);margin:5px 0 0;font-size:11px;line-height:1.6}.support-dialog-qr{border:1px solid var(--border);background:#fff;border-radius:17px;width:min(268px,100%);margin:22px auto 16px;padding:8px;overflow:hidden;box-shadow:0 12px 34px #141c151f}.support-dialog-qr img{border-radius:10px;width:100%;height:auto;display:block}.support-dialog-group{border:1px solid var(--border);background:var(--surface-2);border-radius:13px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:68px;padding:10px 12px;display:grid}.support-dialog-group>span{width:38px;height:38px;color:var(--accent-ink);background:var(--accent-soft);border-radius:11px;place-items:center;display:grid}.support-dialog-group>div{gap:4px;min-width:0;display:grid}.support-dialog-group small{color:var(--muted);font-size:10px}.support-dialog-group strong{letter-spacing:.04em;font-size:14px;font-weight:600}.support-dialog-group button{min-width:96px;height:38px;color:var(--text);border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:11px;display:inline-flex}.support-dialog-group button:hover{border-color:var(--accent)}.support-dialog-error{color:var(--danger);text-align:center;margin:10px 4px 0;font-size:11px}.support-dialog-note{color:var(--faint);text-align:center;margin:13px 4px 0;font-size:10px;line-height:1.65}.wechat-login-backdrop{z-index:1000;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#040906db;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.wechat-login-modal{color:#f4f7f3;scrollbar-width:none;background:#111813;border:1px solid #8fa4934d;border-radius:18px;width:min(452px,100%);max-height:calc(100vh - 40px);padding:30px;position:relative;overflow-y:auto;box-shadow:0 30px 96px #00000085}.wechat-login-modal::-webkit-scrollbar{display:none}.wechat-login-close{color:#9da79f;cursor:pointer;width:38px;height:38px;transition:color var(--ease), background var(--ease);background:0 0;border:0;border-radius:10px;place-items:center;padding:0;display:grid;position:absolute;top:20px;right:20px}.wechat-login-close:hover{color:#f4f7f3;background:#ffffff1a}.wechat-login-close:focus-visible{outline-color:#dce6de94}.wechat-login-modal>header{align-items:center;gap:15px;min-height:56px;padding-right:46px;display:flex}.wechat-login-brand{color:#fff;background:#07c160;border-radius:15px;flex:0 0 54px;place-items:center;width:54px;height:54px;display:grid;box-shadow:0 10px 28px #07c1602e}.wechat-login-modal h2{color:#f7faf6;letter-spacing:-.02em;margin:0;font-size:23px;font-weight:650;line-height:1.2}.wechat-login-modal header p{color:#aab3ac;margin:7px 0 0;font-size:12px;line-height:1.55}.wechat-login-stage{background:#fff;border:1px solid #dfe5df;border-radius:14px;place-items:center;height:clamp(280px,62vh,449px);margin-top:25px;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 38px #00000029}.wechat-official-login{background:#fff;width:100%;height:100%;position:relative;overflow:hidden}.wechat-official-login>iframe{background:#fff;border:0;width:100%;height:100%;display:block}.wechat-login-state{color:#687169;text-align:center;justify-items:center;gap:10px;width:min(300px,100% - 36px);display:grid}.wechat-login-state strong{color:#172019;font-size:13px;font-weight:600}.wechat-login-state p{margin:0;font-size:11px;line-height:1.7}.wechat-login-state.is-error>svg{color:#949c95}.wechat-login-state button{color:#fff;cursor:pointer;background:#087a3f;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:120px;height:38px;margin-top:4px;font-weight:600;display:inline-flex}.wechat-login-state button:hover{background:#066b36}.wechat-authorizing{color:#075e26;background:#f7fff8f5;align-content:center;place-items:center;gap:11px;display:grid;position:absolute;inset:0}.wechat-authorizing strong{font-weight:600}.wechat-login-modal>footer{color:#b8c0ba;justify-content:center;align-items:center;gap:9px;min-height:24px;margin-top:18px;font-size:12px;display:flex}.wechat-login-modal>footer i{background:#07c160;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #07c16024}.page-canvas{width:min(1180px,100% - 64px);margin:0 auto;padding:72px 0 96px}.page-intro{max-width:760px}.eyebrow{color:var(--accent-strong);letter-spacing:.2em;margin:0 0 14px;font-size:10px;font-weight:700}.page-intro h1{letter-spacing:-.045em;margin:0;font-size:clamp(38px,5vw,70px);font-weight:600;line-height:1.08}.page-intro>p:last-child{max-width:620px;color:var(--muted);margin:22px 0 0;font-size:16px;line-height:1.8}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.inspiration-page{isolation:isolate;width:min(1180px,100% - 56px);margin:0 auto;padding:30px 0 24px;position:relative}.inspiration-page>section{z-index:1;position:relative}.inspiration-ambient{z-index:0;inset:var(--topbar-height) 0 0 0;pointer-events:none;position:fixed;overflow:hidden}.inspiration-ambient:after{content:"";opacity:.28;background-image:radial-gradient(circle at center, color-mix(in srgb, var(--accent) 28%, transparent) 0 1px, transparent 1.5px);background-size:34px 34px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 45% at 72% 18%,#000 0%,#0000 78%);mask-image:radial-gradient(60% 45% at 72% 18%,#000 0%,#0000 78%)}.inspiration-ambient-grid{aspect-ratio:1.35;opacity:.18;background-image:linear-gradient(color-mix(in srgb, var(--accent-strong) 25%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--accent-strong) 25%, transparent) 1px, transparent 1px);will-change:transform, opacity;background-size:44px 44px;width:min(760px,58vw);animation:18s ease-in-out infinite alternate inspiration-grid-drift;position:absolute;top:8%;right:-9%;transform:perspective(720px)rotateX(62deg)rotate(-8deg)translate(0,0);-webkit-mask-image:radial-gradient(#000 8%,#0000 72%);mask-image:radial-gradient(#000 8%,#0000 72%)}.inspiration-ambient-orb{filter:blur(2px);opacity:.54;will-change:transform, opacity;border-radius:50%;display:block;position:absolute}.inspiration-ambient-orb:after{content:"";border:1px solid color-mix(in srgb, var(--surface) 50%, transparent);border-radius:inherit;position:absolute;inset:14%}.inspiration-ambient-orb.is-primary{background:radial-gradient(circle at 38% 42%, color-mix(in srgb, var(--accent) 25%, transparent), color-mix(in srgb, var(--accent-soft) 12%, transparent) 48%, transparent 72%);width:430px;height:430px;animation:16s cubic-bezier(.45,0,.55,1) infinite alternate inspiration-orb-primary;top:-170px;left:14%}.inspiration-ambient-orb.is-warm{background:radial-gradient(circle at 45% 45%, #f2c46f26, color-mix(in srgb, var(--accent) 8%, transparent) 48%, transparent 72%);width:500px;height:500px;animation:21s cubic-bezier(.45,0,.55,1) infinite alternate inspiration-orb-warm;top:32%;right:-180px}.inspiration-ambient-orb.is-cool{opacity:.38;background:radial-gradient(circle at center, #77c8b224, color-mix(in srgb, var(--accent-soft) 8%, transparent) 52%, transparent 74%);width:360px;height:360px;animation:19s cubic-bezier(.45,0,.55,1) infinite alternate inspiration-orb-cool;top:58%;left:3%}.inspiration-ambient-ring{opacity:.22;border:1px solid color-mix(in srgb, var(--accent-strong) 38%, transparent);width:300px;height:300px;box-shadow:inset 0 0 0 42px color-mix(in srgb, var(--accent) 2%, transparent), inset 0 0 0 43px color-mix(in srgb, var(--accent-strong) 14%, transparent);will-change:transform, opacity;border-radius:50%;animation:15s ease-in-out infinite alternate inspiration-ring-float;position:absolute;top:11%;right:8%}.inspiration-ambient-tracer{opacity:0;background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent-strong) 36%, transparent), transparent);will-change:transform, opacity;width:42%;height:1px;animation:12s ease-in-out infinite inspiration-tracer;position:absolute;top:24%;left:-38%;transform:translate(0,0)rotate(-7deg)}@keyframes inspiration-grid-drift{0%{opacity:.12;transform:perspective(720px)rotateX(62deg)rotate(-8deg)translate(-2%,-2%)scale(.96)}to{opacity:.24;transform:perspective(720px)rotateX(62deg)rotate(-8deg)translate(3%,4%)scale(1.04)}}@keyframes inspiration-orb-primary{0%{opacity:.38;transform:translate(-8%,-4%)scale(.9)}to{opacity:.62;transform:translate(18%,16%)scale(1.12)}}@keyframes inspiration-orb-warm{0%{opacity:.28;transform:translate(10%,-10%)scale(.92)}to{opacity:.5;transform:translate(-22%,18%)scale(1.08)}}@keyframes inspiration-orb-cool{0%{opacity:.22;transform:translate(-12%,4%)scale(.9)}to{opacity:.42;transform:translate(24%,-16%)scale(1.14)}}@keyframes inspiration-ring-float{0%{opacity:.12;transform:translateY(-10px)rotate(-12deg)scale(.94)}to{opacity:.28;transform:translate(-42px,34px)rotate(14deg)scale(1.05)}}@keyframes inspiration-tracer{0%,18%{opacity:0;transform:translate(0,0)rotate(-7deg)}34%{opacity:.55}66%{opacity:.18}82%,to{opacity:0;transform:translate(340%)rotate(-7deg)}}:root[data-theme=dark] .inspiration-ambient{opacity:.82}@media (prefers-reduced-motion:reduce){.inspiration-ambient-grid,.inspiration-ambient-orb,.inspiration-ambient-ring,.inspiration-ambient-tracer{animation:none}.inspiration-ambient-tracer{display:none}}.creation-hero .eyebrow{color:var(--accent);letter-spacing:.12em;margin-bottom:9px;font-size:10px}.creation-hero h1{letter-spacing:-.04em;margin:0;font-size:clamp(36px,4vw,52px);font-weight:600;line-height:1.16}.creation-subtitle{color:var(--muted);margin:8px 0 17px;font-size:13px}.prompt-composer{border:1px solid var(--border-strong);background:color-mix(in srgb, var(--surface) 76%, transparent);min-height:0;transition:border-color var(--ease), background var(--ease);border-radius:14px;grid-template-rows:auto minmax(124px,auto) auto;gap:8px;padding:12px;display:grid;overflow:hidden}.prompt-composer:focus-within{border-color:color-mix(in srgb, var(--accent) 62%, var(--border-strong));background:var(--surface)}.prompt-composer.is-optimizing{border-color:color-mix(in srgb, var(--accent) 78%, var(--border))}.hero-composer-toolbar{align-items:center;min-height:28px;display:flex}.prompt-field{min-height:0;display:block}.prompt-field textarea{resize:none;width:100%;height:124px;min-height:124px;color:var(--text);background:0 0;border:0;outline:0;padding:4px 2px 10px;font-size:13px;line-height:1.65;display:block;overflow-y:auto}.prompt-field textarea::placeholder{color:var(--faint);opacity:.8}.prompt-field textarea:disabled{cursor:progress;opacity:.72}.hero-composer-actions{justify-content:space-between;align-items:center;gap:12px;min-width:0;padding-top:5px;display:flex}.hero-reference-strip{scrollbar-width:thin;flex:1;align-items:center;gap:6px;width:auto;min-width:0;height:52px;padding:5px 5px 5px 0;display:flex;overflow:auto hidden}.hero-upload-error{color:var(--danger);margin:7px 2px 0;font-size:11px}.generate-button{color:#1c2b0c;background:var(--accent);cursor:pointer;min-width:132px;height:46px;transition:transform var(--ease), filter var(--ease), opacity var(--ease);border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:14px;font-weight:500;display:inline-flex}.generate-button:hover:not(:disabled){filter:brightness(1.03);transform:translateY(-1px)}.generate-button:disabled{cursor:not-allowed;opacity:.45}.generation-controls{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.generation-control{border:1px solid var(--border);background:var(--surface);border-radius:10px;grid-template-columns:64px 1fr;align-items:center;min-width:158px;height:36px;display:grid;overflow:hidden}.generation-control>.generation-control-label{color:var(--muted);border-right:1px solid var(--border);padding:0 10px;font-size:12px}.generation-control select{appearance:none;width:100%;min-width:76px;height:100%;color:var(--accent-strong);background:var(--surface);cursor:pointer;border:0;outline:0;padding:0 26px 0 10px;font-size:12px;font-weight:500}.generation-select-wrap{min-width:0;height:100%;display:block;position:relative}.generation-select-wrap>svg{color:var(--muted);pointer-events:none;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.generation-control select:disabled{cursor:not-allowed;opacity:.55}.prompt-suggestions{margin-top:21px}.suggestion-heading{color:var(--muted);border-left:2px solid var(--accent);align-items:center;gap:9px;margin-bottom:9px;padding-left:10px;font-size:12px;display:flex}.suggestion-heading span{color:var(--faint);font-size:10px;font-weight:400}.suggestion-row{scrollbar-width:none;-ms-overflow-style:none;align-items:center;gap:10px;display:flex;overflow:hidden}.suggestion-row::-webkit-scrollbar{display:none}.suggestion-row button{border:1px solid var(--border);width:210px;height:34px;color:var(--muted);background:var(--surface);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;transition:color var(--ease), border-color var(--ease), background var(--ease);border-radius:9px;flex:0 auto;padding:0 13px;font-size:12px;overflow:hidden}.suggestion-row button:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface-2)}.suggestion-row .refresh-suggestions{width:72px;color:var(--accent-strong);background:0 0;border-color:#0000;flex:none;align-items:center;gap:5px;margin-left:auto;padding-inline:10px;display:inline-flex}.inspiration-gallery{margin-top:53px}.gallery-heading-row{justify-content:space-between;align-items:center;display:flex}.gallery-heading-row h2{letter-spacing:-.02em;margin:0;font-size:19px;font-weight:600}.gallery-heading-row h2 small{color:var(--faint);letter-spacing:0;margin-left:7px;font-size:10px;font-weight:400}.more-inspiration{width:86px;color:var(--muted);cursor:pointer;background:0 0;border:0;justify-content:flex-end;align-items:center;gap:5px;font-size:11px;display:inline-flex}.more-inspiration:hover{color:var(--text)}.more-inspiration svg{transition:transform var(--ease)}.more-inspiration svg.is-expanded{transform:rotate(-90deg)}.category-tabs{border-bottom:1px solid var(--border);gap:25px;margin-top:15px;display:flex}.category-tabs button{height:37px;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;position:relative}.category-tabs button:after{content:"";background:0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.category-tabs button:hover{color:var(--text)}.category-tabs button.is-active{color:var(--accent-strong)}.category-tabs button.is-active:after{background:var(--accent)}.poster-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-top:16px;display:grid}.poster-tile{aspect-ratio:9/16;background:var(--surface-2);cursor:pointer;border:0;border-radius:8px;min-width:0;padding:0;display:block;position:relative;overflow:hidden}.poster-tile img{object-fit:cover;width:100%;height:100%;transition:transform .26s}.poster-tile:hover img{transform:scale(1.025)}.poster-overlay{color:#fff;opacity:0;min-height:52px;transition:opacity var(--ease);text-align:left;background:#000000d1;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:9px 10px;display:flex;position:absolute;bottom:0;left:0;right:0}.poster-tile:hover .poster-overlay,.poster-tile:focus-visible .poster-overlay{opacity:1}.poster-overlay strong{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;font-weight:500;overflow:hidden}.poster-overlay small{color:#ffffffb8;margin-top:3px;font-size:9px}.gallery-status{min-height:250px;color:var(--muted);border:1px dashed var(--border);border-radius:12px;place-items:center;margin-top:16px;font-size:13px;display:grid}.gallery-status.is-error{color:var(--danger)}.sidebar-scrim{display:none}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.workspace-page{height:calc(100vh - var(--topbar-height));grid-template-columns:238px minmax(0,1fr);display:grid;overflow:hidden}.conversation-panel{border-right:1px solid var(--border);background:color-mix(in srgb, var(--surface) 76%, var(--bg));flex-direction:column;min-height:0;padding:18px 12px;display:flex}.new-chat-button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:11px;align-items:center;gap:9px;min-height:42px;padding:0 13px;font-weight:500;display:flex}.new-chat-button:hover{border-color:var(--accent)}.conversation-label{color:var(--muted);margin:24px 5px 10px;font-size:11px}.conversation-list{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;overflow-y:auto}.conversation-empty{color:var(--faint);margin:8px 5px;font-size:11px;line-height:1.7}.conversation-signin{color:var(--muted);border:1px solid var(--border);background:var(--surface);border-radius:10px;justify-items:start;gap:10px;margin:8px 5px;padding:14px 12px;display:grid}.conversation-signin p{margin:0;font-size:11px;line-height:1.6}.conversation-signin button{min-height:30px;color:var(--accent-ink);background:var(--accent);cursor:pointer;border:0;border-radius:8px;padding:0 11px;font-size:10px;font-weight:600}.conversation-load-more{width:calc(100% - 10px);min-height:34px;color:var(--muted);border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:9px;margin:8px 5px;padding:6px 8px;font-size:10px;display:block}.conversation-load-more:hover:not(:disabled){border-color:var(--accent);color:var(--text)}.conversation-load-more:disabled{cursor:wait;opacity:.55}.conversation-load-more.is-error{color:var(--danger)}.conversation-row{margin-bottom:5px;position:relative}.conversation-item{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:11px;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:9px;width:100%;min-height:60px;padding:7px 34px 7px 7px;display:grid}.conversation-item:hover{background:var(--surface-2)}.conversation-item.is-active{border-color:color-mix(in srgb, var(--accent) 68%, var(--border));background:var(--accent-soft)}.conversation-item img,.conversation-placeholder{object-fit:cover;background:var(--surface-3);border-radius:7px;width:44px;height:44px}.conversation-placeholder{color:var(--faint);place-items:center;display:grid}.conversation-item>span:last-child{min-width:0}.conversation-item strong,.conversation-item small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.conversation-item strong{align-items:center;gap:4px;font-size:12px;font-weight:500;display:flex}.conversation-item strong svg{color:var(--accent-strong);fill:currentColor;flex:none}.conversation-item strong span{text-overflow:ellipsis;min-width:0;overflow:hidden}.conversation-item small{color:var(--muted);margin-top:5px;font-size:10px}.conversation-menu-container{z-index:12;position:absolute;top:15px;right:6px}.conversation-more-button{width:28px;height:28px;color:var(--faint);cursor:pointer;opacity:.58;background:0 0;border:0;border-radius:7px;place-items:center;padding:0;display:grid}.conversation-row:hover .conversation-more-button,.conversation-more-button:hover,.conversation-more-button:focus-visible,.conversation-menu-container.is-open .conversation-more-button{color:var(--text);background:var(--surface);opacity:1}.conversation-dropdown{z-index:120;border:1px solid var(--border);background:var(--surface);width:116px;box-shadow:var(--shadow);border-radius:10px;gap:2px;padding:5px;display:grid;position:fixed}.conversation-dropdown button{width:100%;height:34px;color:var(--text);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:7px;align-items:center;gap:7px;padding:0 9px;font-size:11px;display:flex}.conversation-dropdown button:hover:not(:disabled){background:var(--surface-2)}.conversation-dropdown button.is-danger{color:var(--danger)}.conversation-dropdown button:disabled{cursor:wait;opacity:.55}.chat-stage{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.chat-stream{overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;flex:auto;width:min(980px,100% - 56px);min-height:0;margin:0 auto;padding:54px 0 24px;overflow-y:auto}.chat-stream::-webkit-scrollbar{display:none}.conversation-history-state{width:max-content;min-height:34px;color:var(--muted);border:1px solid var(--border);background:var(--surface);border-radius:999px;align-items:center;gap:7px;margin:0 auto 28px;padding:7px 12px;font-size:10px;display:flex}button.conversation-history-state{cursor:pointer}button.conversation-history-state:hover:not(:disabled){border-color:var(--accent);color:var(--text)}.conversation-history-state.is-error{color:var(--danger)}.chat-welcome{text-align:center;max-width:620px;margin:7vh auto 0}.chat-welcome>span{width:50px;height:50px;color:var(--accent-ink);background:var(--accent-soft);border-radius:15px;place-items:center;margin:0 auto 22px;display:grid}.chat-welcome .eyebrow{margin-bottom:8px}.chat-welcome h1{letter-spacing:-.04em;margin:0;font-size:clamp(30px,4vw,48px);font-weight:600}.chat-welcome>p:last-child{color:var(--muted);line-height:1.7}.user-message{justify-content:flex-end;margin-bottom:34px;display:flex}.user-message p{background:var(--accent-soft);border-radius:16px 16px 4px;max-width:min(620px,80%);margin:0;padding:13px 17px;line-height:1.65}.assistant-message{grid-template-columns:34px minmax(0,1fr);align-items:start;gap:12px;display:grid}.assistant-avatar{width:34px;height:34px;color:var(--accent-ink);background:var(--accent);border-radius:10px;place-items:center;display:grid}.generation-progress-grid{scrollbar-width:none;-ms-overflow-style:none;grid-auto-columns:200px;grid-auto-flow:column;justify-content:start;gap:8px;max-width:100%;display:grid;overflow-x:auto}.generation-progress-grid::-webkit-scrollbar{display:none}.generation-progress{text-align:center;border:1px solid var(--border);background:linear-gradient(135deg, color-mix(in srgb, var(--surface) 92%, var(--accent-soft)), var(--surface));border-radius:15px;align-content:center;place-items:center;gap:11px;width:200px;height:200px;padding:18px;display:grid;position:relative;overflow:hidden}.generation-progress:before{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent) 12%, transparent), transparent);filter:blur(5px);width:32%;animation:2.6s ease-in-out infinite generation-sweep;position:absolute;top:-60%;bottom:-60%;left:-45%;transform:rotate(14deg)}.generation-progress>*{z-index:1;position:relative}.generation-loading-animation{width:54px;height:54px;color:var(--accent-strong);border:1px solid color-mix(in srgb, var(--accent) 38%, var(--border));background:var(--accent-soft);box-shadow:0 8px 28px color-mix(in srgb, var(--accent) 16%, transparent);border-radius:16px;place-items:center;display:grid;position:relative}.generation-loading-animation:before{content:"";border:1px solid color-mix(in srgb, var(--accent) 36%, transparent);border-radius:21px;animation:1.8s ease-out infinite generation-pulse;position:absolute;inset:-6px}.generation-progress strong{font-weight:600;display:block}.generation-progress p{color:var(--muted);margin:7px 0 0;font-size:12px}@keyframes generation-sweep{0%{opacity:0;left:-45%}25%{opacity:1}75%{opacity:1}to{opacity:0;left:120%}}@keyframes generation-pulse{0%{opacity:.8;transform:scale(.84)}75%,to{opacity:0;transform:scale(1.28)}}.generation-result{min-width:0;color:var(--text);box-shadow:none;background:0 0;border-radius:0;overflow:visible}.generation-result header{align-items:flex-start;gap:20px;min-height:0;padding:0 0 12px;display:flex}.generation-result header p{-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;min-width:0;margin:0;font-size:13px;font-weight:500;line-height:1.55;display:-webkit-box;overflow:hidden}.generation-result header span{color:var(--muted);white-space:nowrap;flex:none;font-size:10px;line-height:1.55}.generation-result header i{margin:0 3px;font-style:normal}.result-image-grid{background:0 0;align-items:start;gap:2px;width:100%;display:grid;overflow:visible}.result-image-grid button{cursor:zoom-in;background:0 0;border:0;border-radius:4px;width:100%;min-width:0;height:auto;padding:0;line-height:0;display:block;position:relative;overflow:hidden}.result-image-grid img{width:100%;height:auto;display:block}.result-image-grid button:after{content:"点击查看详情";color:#fff;opacity:0;pointer-events:none;background:#0a0c0ab8;border-radius:8px;padding:7px 10px;font-size:11px;line-height:1;transition:opacity .16s,transform .16s;position:absolute;bottom:12px;right:12px;transform:translateY(4px)}.result-image-grid button:hover:after,.result-image-grid button:focus-visible:after{opacity:1;transform:translateY(0)}.generated-image-context-menu{z-index:120;border:1px solid var(--border);background:var(--surface);border-radius:12px;gap:2px;width:176px;padding:6px;display:grid;position:fixed;box-shadow:0 18px 48px #0000003d}.generated-image-context-menu button{width:100%;height:38px;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;padding:0 10px;font-size:12px;display:flex}.generated-image-context-menu button:hover:not(:disabled){background:var(--surface-2)}.generated-image-context-menu button.is-danger{color:var(--danger)}.generated-image-context-menu button:disabled{cursor:not-allowed;opacity:.45}.generation-result footer{gap:8px;padding:12px 0 0;display:flex}.generation-result footer button{min-height:36px;color:var(--text);border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:9px;align-items:center;gap:6px;padding:0 12px;font-size:11px;display:inline-flex}.generation-result footer button:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-3)}.generation-result footer button:disabled{cursor:wait;opacity:.5}.generation-failed,.workspace-error{color:var(--danger);border:1px solid color-mix(in srgb, var(--danger) 28%, var(--border));background:color-mix(in srgb, var(--danger) 7%, var(--surface));border-radius:13px;padding:17px}.generation-failed p{color:var(--muted);margin:6px 0 0}.workspace-error{margin:20px 0 0 46px}.workspace-notice{color:var(--accent-strong);border:1px solid color-mix(in srgb, var(--accent) 30%, var(--border));background:color-mix(in srgb, var(--accent) 8%, var(--surface));border-radius:11px;margin:16px 0 0 46px;padding:12px 15px;font-size:12px}.workspace-composer-stack{z-index:10;flex:none;gap:11px;width:min(900px,100% - 56px);margin:0 auto 20px;display:grid;position:relative}.workspace-composer{border:1px solid var(--border-strong);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:17px;flex-direction:column;width:100%;min-height:224px;margin:0;padding:13px;display:flex;position:relative;box-shadow:0 18px 70px #0d181021}.workspace-composer:focus-within{border-color:color-mix(in srgb, var(--accent) 75%, var(--border))}.workspace-composer.is-optimizing{border-color:color-mix(in srgb, var(--accent) 78%, var(--border))}.workspace-composer-topbar{justify-content:space-between;align-items:flex-start;gap:12px;min-height:28px;display:flex}.ai-optimize-button{width:98px;height:28px;color:var(--accent-ink);border:1px solid color-mix(in srgb, var(--accent) 40%, var(--border));background:var(--accent-soft);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:0 9px;font-size:11px;font-weight:500;display:inline-flex}.ai-optimize-button:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 75%, var(--border));background:color-mix(in srgb, var(--accent-soft) 75%, var(--accent))}.ai-optimize-button:disabled{cursor:not-allowed;opacity:.5}.workspace-clear-prompt{width:56px;height:28px;color:var(--muted);border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:8px;flex:0 0 56px;justify-content:center;align-items:center;gap:4px;padding:0 7px;font-size:10px;font-weight:500;display:inline-flex}.workspace-clear-prompt:hover:not(:disabled){color:var(--text);border-color:var(--border-strong);background:var(--surface-3)}.workspace-clear-prompt:disabled{cursor:not-allowed;opacity:.4}.workspace-composer textarea{resize:none;width:100%;height:auto;min-height:78px;color:var(--text);background:0 0;border:0;outline:0;flex:auto;padding:5px 3px 1px;font-size:13px;line-height:1.55;display:block;overflow-y:auto}.workspace-composer textarea:disabled{cursor:progress;opacity:.72}.workspace-control-row{justify-content:space-between;align-items:flex-end;gap:10px;margin-top:8px;display:flex}.workspace-input-options{scrollbar-width:thin;align-items:center;gap:7px;min-width:0;display:flex;overflow-x:auto}.reference-image-strip{flex:none;align-items:center;gap:6px;display:flex}.reference-upload-button{width:128px;height:34px;color:var(--muted);border:1px dashed var(--border-strong);background:var(--surface-2);cursor:pointer;white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:5px;padding:0 10px;font-size:11px;display:inline-flex}.reference-upload-button:hover:not(:disabled){color:var(--text);border-color:var(--accent);background:var(--accent-soft)}.reference-upload-button:disabled{cursor:not-allowed;opacity:.45}.reference-upload-button b{color:var(--faint);font-size:9px;font-weight:500}.reference-image-item{flex:0 0 42px;width:42px;height:42px;display:block;position:relative}.reference-image-item>img{object-fit:cover;border:1px solid var(--border);background:var(--surface-3);border-radius:9px;width:100%;height:100%;display:block}.reference-image-item>button{color:#fff;border:2px solid var(--surface);cursor:pointer;background:#252a27;border-radius:50%;place-items:center;width:18px;height:18px;padding:0;display:grid;position:absolute;top:-5px;right:-5px}.reference-image-item>button:hover:not(:disabled){background:var(--danger)}.reference-image-item>button:disabled{cursor:not-allowed;opacity:.55}.workspace-selects{flex:none;gap:7px;min-width:max-content;display:flex;overflow:visible}.workspace-select-control{min-width:0;display:block;position:relative}.workspace-select-control>svg{color:var(--muted);pointer-events:none;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.workspace-selects select{appearance:none;width:100%;height:34px;color:var(--muted);border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:999px;outline:0;padding:0 32px 0 11px;font-size:11px}.workspace-selects select:disabled{cursor:not-allowed;opacity:.55}.workspace-submit{color:#1c290d;background:var(--accent);cursor:pointer;border:0;border-radius:11px;flex:none;justify-content:center;align-items:center;gap:6px;width:78px;height:38px;padding:0 12px;font-weight:600;display:inline-flex}.workspace-submit:disabled{cursor:not-allowed;opacity:.45}.workspace-submit.is-stop{width:78px;color:var(--text);background:var(--surface-3);padding:0}.workspace-quick-inspiration{min-width:0;padding:0 3px}.workspace-suggestion-heading{color:var(--muted);border-left:2px solid var(--accent);align-items:center;gap:8px;margin-bottom:8px;padding-left:10px;font-size:11px;display:flex}.workspace-suggestion-heading small{color:var(--faint);font-size:9px}.workspace-suggestion-row{align-items:center;gap:7px;min-width:0;display:flex}.workspace-suggestion-scroller{scrollbar-width:none;-ms-overflow-style:none;flex:auto;align-items:center;gap:7px;min-width:0;display:flex;overflow-x:auto}.workspace-suggestion-scroller::-webkit-scrollbar{display:none}.workspace-suggestion-scroller>button,.workspace-refresh-suggestions{width:210px;height:32px;color:var(--muted);border:1px solid var(--border);background:var(--surface);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:9px;flex:none;align-items:center;gap:5px;padding:0 11px;font-size:10px;display:inline-flex;overflow:hidden}.workspace-suggestion-scroller>button:hover:not(:disabled){color:var(--text);border-color:var(--accent);background:var(--accent-soft)}.workspace-suggestion-scroller>button:disabled,.workspace-refresh-suggestions:disabled{cursor:not-allowed;opacity:.5}.workspace-suggestion-row>.workspace-refresh-suggestions{width:72px;color:var(--accent-strong);background:0 0;border-color:#0000;justify-content:center;margin-left:auto}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.content-page{width:min(1080px,100% - 64px);margin:0 auto;padding:52px 0 96px}.content-page-header{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.content-page-header h1{letter-spacing:-.04em;margin:0;font-size:clamp(36px,4vw,52px);font-weight:600}.content-page-header>div>p:last-child{color:var(--muted);margin:11px 0 0}.secondary-action{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:10px;align-items:center;gap:7px;min-height:38px;padding:0 13px;font-weight:500;display:inline-flex}.secondary-action:disabled{opacity:.4;cursor:default}.notification-list{gap:10px;margin-top:38px;display:grid}.notification-card{border:1px solid var(--border);background:var(--surface);border-radius:14px;grid-template-columns:40px 1fr;gap:14px;padding:18px;display:grid}.notification-card.is-unread{border-color:color-mix(in srgb, var(--accent) 45%, var(--border))}.notification-icon{width:40px;height:40px;color:var(--accent-ink);background:var(--accent-soft);border-radius:11px;place-items:center;display:grid}.notification-title{align-items:center;gap:8px;display:flex}.notification-title h2{margin:1px 0 0;font-size:14px;font-weight:600}.notification-title i{color:var(--accent-ink);background:var(--accent);border-radius:999px;padding:2px 6px;font-size:9px;font-style:normal}.notification-card p{color:var(--muted);margin:8px 0;line-height:1.7}.notification-card time{color:var(--faint);font-size:10px}.page-state{min-height:300px;color:var(--muted);border:1px dashed var(--border);border-radius:16px;align-content:center;place-items:center;gap:10px;display:grid}.page-state>span{background:var(--surface-2);border-radius:14px;place-items:center;width:48px;height:48px;display:grid}.page-state p{color:var(--faint);margin:0}.page-state button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:9px;min-height:34px;padding:0 12px}.credit-overview{grid-template-columns:1.15fr 1fr 1fr;gap:12px;margin-top:38px;display:grid}.balance-card,.credit-benefit{border:1px solid var(--border);background:var(--surface);border-radius:17px;min-height:164px;padding:22px}.balance-card{color:#23340f;background:linear-gradient(135deg, var(--accent) 0%, #c7f574 100%);border:0}.balance-card>span{float:right}.balance-card p{opacity:.72;margin:0}.balance-card strong{letter-spacing:-.04em;margin:13px 0 5px;font-size:42px;font-weight:600;display:block}.balance-card small{opacity:.65}.credit-benefit{grid-template-columns:38px 1fr;gap:12px;display:grid;position:relative}.credit-benefit>span{width:38px;height:38px;color:var(--accent-ink);background:var(--accent-soft);border-radius:11px;place-items:center;display:grid}.credit-benefit strong{font-weight:600}.credit-benefit p{color:var(--muted);margin:8px 0 0;font-size:11px;line-height:1.65}.credit-benefit b{color:var(--accent-strong);font-size:12px;position:absolute;bottom:17px;right:18px}.recharge-panel{border:1px solid var(--border);background:var(--surface);border-radius:17px;margin-top:18px;padding:20px}.recharge-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.recharge-heading>div{align-items:center;gap:12px;display:flex}.recharge-heading>div>span{width:40px;height:40px;color:var(--accent-ink);background:var(--accent-soft);border-radius:11px;flex:0 0 40px;place-items:center;display:grid}.recharge-heading h2{margin:0;font-size:16px;font-weight:600}.recharge-heading p{color:var(--muted);margin:5px 0 0;font-size:11px}.recharge-heading>b{color:var(--accent-ink);background:var(--accent-soft);border-radius:999px;align-items:center;gap:5px;padding:6px 9px;font-size:10px;font-weight:500;display:inline-flex}.recharge-packages{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:18px;display:grid}.recharge-packages>button{min-width:0;min-height:116px;color:var(--text);text-align:left;border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:13px;flex-direction:column;align-items:flex-start;padding:15px;display:flex;position:relative}.recharge-packages>button:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 62%, var(--border))}.recharge-packages>button.is-selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 42%, transparent)}.recharge-packages>button:disabled{cursor:progress;opacity:.68}.recharge-packages>button>i{color:#1c290d;background:var(--accent);border-radius:999px;padding:3px 6px;font-size:8px;font-style:normal;position:absolute;top:10px;right:10px}.recharge-packages>button>span{color:var(--muted);font-size:10px}.recharge-packages>button>strong{letter-spacing:-.03em;margin-top:12px;font-size:23px;font-weight:600}.recharge-packages>button>strong small{color:var(--muted);letter-spacing:0;margin-left:4px;font-size:9px;font-weight:400}.recharge-packages>button>b{color:var(--accent-strong);margin-top:auto;font-size:12px;font-weight:500}.recharge-footer{justify-content:space-between;align-items:center;gap:18px;margin-top:16px;display:flex}.recharge-footer p{color:var(--faint);align-items:center;gap:6px;margin:0;font-size:10px;display:flex}.recharge-footer>button{color:#1c290d;background:var(--accent);cursor:pointer;border:0;border-radius:10px;flex:none;justify-content:center;align-items:center;gap:7px;width:152px;height:40px;padding:0 15px;font-weight:500;display:inline-flex}.recharge-footer>button:disabled{cursor:not-allowed;opacity:.5}.recharge-success{color:var(--accent-ink);background:var(--accent-soft);border-radius:9px;align-items:center;gap:7px;margin-top:12px;padding:10px 12px;font-size:11px;display:flex}.recharge-loading{min-height:116px;color:var(--muted);border:1px dashed var(--border);background:var(--surface-2);border-radius:13px;justify-content:center;align-items:center;gap:8px;margin-top:18px;display:flex}.recharge-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#070c0894;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.recharge-modal{text-align:center;width:min(430px,100%);max-height:calc(100vh - 48px);color:var(--text);border:1px solid var(--border);background:var(--surface);border-radius:22px;padding:30px;position:relative;overflow-y:auto;box-shadow:0 28px 90px #00000047}.recharge-modal-close{width:34px;height:34px;color:var(--muted);border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:10px;place-items:center;padding:0;display:grid;position:absolute;top:14px;right:14px}.recharge-modal-icon{width:52px;height:52px;color:var(--accent-ink);background:var(--accent-soft);border-radius:15px;place-items:center;margin:0 auto 14px;display:grid}.recharge-modal h2{margin:0;font-size:21px}.recharge-modal>p{color:var(--muted);margin:7px 0 18px}.payment-provider-options{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:18px;display:grid}.payment-provider-options>button{min-height:44px;color:var(--muted);border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:0 13px;display:flex}.payment-provider-options>button.is-selected{color:var(--accent-ink);border-color:var(--accent);background:var(--accent-soft)}.payment-provider-options>button:disabled{cursor:not-allowed;opacity:.48}.payment-provider-options>button.is-selected:disabled{opacity:1}.payment-provider-options small{color:var(--faint);margin-left:2px;font-size:9px}.recharge-modal-qr{border:1px solid var(--border);background:#fff;border-radius:16px;place-items:center;width:224px;height:224px;margin:0 auto 16px;display:grid;overflow:hidden}.recharge-modal-qr img{object-fit:contain;width:100%;height:100%;padding:10px}.recharge-modal>strong{justify-content:center;align-items:center;gap:6px;min-height:24px;display:flex}.recharge-modal>strong.is-completed{color:var(--accent-strong)}.recharge-modal>small{color:var(--faint);margin-top:8px;display:block}.recharge-modal .inline-error{margin-top:14px}.recharge-start-payment{color:#1c290d;background:var(--accent);cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:44px;font-weight:600;display:inline-flex}.recharge-start-payment:disabled{cursor:not-allowed;opacity:.55}.recharge-close-order{color:var(--muted);cursor:pointer;background:0 0;border:0;margin-top:12px;padding:7px 10px;font-size:11px}.recharge-close-order:disabled{cursor:wait;opacity:.5}.alipay-checkout-state{min-height:164px;color:var(--accent-ink);border:1px solid var(--border);background:var(--accent-soft);border-radius:15px;align-content:center;place-items:center;gap:7px;margin-bottom:16px;padding:12px;display:grid}.alipay-checkout-frame{background:#fff;border-radius:12px;place-self:center;place-items:center;width:280px;height:280px;padding:10px;display:grid}.alipay-checkout-state iframe{background:#fff;border:0;border-radius:0;width:260px;height:260px;display:block}.alipay-checkout-state strong{color:var(--text)}.section-tabs{border-bottom:1px solid var(--border);gap:6px;margin-top:38px;display:flex}.section-tabs button{height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:7px;padding:0 14px;display:inline-flex}.section-tabs button.is-active{color:var(--text);border-bottom-color:var(--accent)}.ledger-list{border-bottom:1px solid var(--border)}.ledger-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:68px;padding:13px 4px;display:flex}.ledger-row span{flex-direction:column;gap:5px;display:flex}.ledger-row strong{font-weight:500}.ledger-row time{color:var(--faint);font-size:10px}.ledger-row b{color:var(--muted);font-weight:600}.ledger-row b.is-positive{color:var(--accent-strong)}.ledger-list>.empty-copy{justify-content:center;align-items:center;gap:7px;min-height:86px;margin:0;display:flex}.ledger-error{min-height:86px;color:var(--danger);justify-content:center;align-items:center;gap:12px;padding:16px 4px;display:flex}.ledger-error button,.ledger-pagination button{min-height:32px;color:var(--muted);border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;padding:0 12px}.ledger-pagination{min-height:58px;color:var(--faint);justify-content:space-between;align-items:center;padding:10px 4px;font-size:10px;display:flex}.ledger-pagination>div{gap:7px;display:flex}.ledger-pagination button:disabled{cursor:not-allowed;opacity:.42}.payment-order-list{border-bottom:1px solid var(--border)}.payment-order-list>header,.payment-order-list>article{border-bottom:1px solid var(--border);grid-template-columns:minmax(220px,1.5fr) .7fr .75fr .55fr 84px;align-items:center;gap:12px;min-height:68px;padding:12px 4px;display:grid}.payment-order-list>header{min-height:44px;color:var(--faint);font-size:9px}.payment-order-list>header>button,.payment-order-actions>button{min-height:30px;color:var(--muted);border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;padding:0 9px;font-size:10px}.payment-order-list>header>button:disabled,.payment-order-actions>button:disabled{cursor:wait;opacity:.55}.payment-order-list>article>span{flex-direction:column;gap:4px;min-width:0;display:flex}.payment-order-list>article strong{font-weight:500}.payment-order-list>article small,.payment-order-list>article time{color:var(--faint);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.payment-order-status{color:var(--muted);background:var(--surface-2);border-radius:999px;justify-self:start;padding:4px 7px;font-size:9px;font-weight:500}.payment-order-status.is-paid{color:var(--accent-ink);background:var(--accent-soft)}.payment-order-status.is-paying{color:#8b5e00;background:#fff2c9}:root[data-theme=dark] .payment-order-status.is-paying{color:#ffd36e;background:#7e530059}.payment-order-status.is-failed{color:var(--danger)}.payment-order-actions{gap:5px;display:grid}.payment-order-no-action{color:var(--faint);align-items:center}.invite-panel{text-align:center;border:1px solid var(--border);background:var(--surface);border-radius:18px;max-width:680px;margin:32px auto 0;padding:36px}.invite-icon{width:54px;height:54px;color:var(--accent-ink);background:var(--accent-soft);border-radius:15px;place-items:center;margin:0 auto;display:grid}.invite-panel h2{margin:17px 0 8px;font-size:20px}.invite-panel>p{color:var(--muted);line-height:1.7}.invite-code{border:1px dashed var(--border-strong);background:var(--surface-2);border-radius:12px;align-items:center;gap:10px;margin-top:22px;padding:8px;display:flex}.invite-code>span{letter-spacing:.12em;flex:1;font-weight:600}.invite-code button{background:var(--accent);cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;gap:6px;width:132px;min-height:36px;padding:0 12px;display:inline-flex}.invite-page-nav{align-items:center;min-height:38px;display:flex}.invite-back-button{width:94px;height:38px;color:var(--text);border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:7px;display:inline-flex}.invite-back-button:hover{color:var(--accent-strong);border-color:var(--border-strong)}.invite-rewards-page>.content-page-header{align-items:flex-start;min-height:130px;margin-top:24px;position:relative;overflow:hidden}.invite-rewards-page>.content-page-header>div{z-index:1;padding-right:210px;position:relative}.invite-rewards-page>.content-page-header>img{object-fit:contain;opacity:.88;width:180px;height:180px;position:absolute;bottom:-44px;right:18px}.invite-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:26px;display:grid}.invite-stat-grid article{border:1px solid var(--border);background:var(--surface);border-radius:17px;min-height:142px;padding:22px}.invite-stat-grid span,.invite-stat-grid small{color:var(--muted);display:block}.invite-stat-grid strong{color:var(--accent-strong);margin:14px 0 11px;font-size:25px;display:block}.invite-share-card,.invite-history-card{border:1px solid var(--border);background:var(--surface);border-radius:17px;margin-top:20px;padding:22px}.invite-share-card>div:first-child,.invite-history-card>header>div{align-items:center;gap:12px;display:flex}.invite-share-card>div:first-child>span,.invite-history-card header span{width:40px;height:40px;color:var(--accent-ink);background:var(--accent-soft);border-radius:11px;place-items:center;display:grid}.invite-share-card h2,.invite-history-card h2{margin:0;font-size:16px}.invite-share-card p,.invite-history-card p{color:var(--muted);margin:5px 0 0}.invite-share-code{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;align-items:center;gap:10px;margin-top:22px;padding:9px;display:flex}.invite-share-code>span{letter-spacing:.12em;flex:1;padding-left:8px;font-weight:600}.invite-share-code button{background:var(--accent);cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-width:148px;height:38px;display:inline-flex}.invite-instructions{border:1px solid var(--accent);background:var(--accent-soft);border-radius:12px;margin-top:16px;padding:15px 16px}.invite-instructions p{margin-top:8px}.invite-history-head,.invite-history-row{border-bottom:1px solid var(--border);grid-template-columns:1fr 180px 220px;align-items:center;min-height:50px;padding:0 16px;display:grid}.invite-history-head{color:var(--muted);margin-top:18px}.invite-history-row strong{color:var(--accent-strong)}.invite-history-row time{color:var(--muted)}.invite-history-empty{color:var(--muted);text-align:center;padding:30px}.toolbox-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:36px;display:grid}.toolbox-card{min-width:0;min-height:360px;color:var(--text);text-align:left;border:1px solid var(--border);background:var(--surface);cursor:pointer;transition:transform var(--ease), border-color var(--ease), box-shadow var(--ease);border-radius:17px;flex-direction:column;padding:0;display:flex;overflow:hidden}.toolbox-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow);transform:translateY(-3px)}.toolbox-card-visual{background:var(--surface-2);min-height:168px;display:block;position:relative;overflow:hidden}.toolbox-card-visual>img{object-fit:cover;width:100%;height:100%;transition:transform .32s;display:block;position:absolute;inset:0}.toolbox-card:hover .toolbox-card-visual>img{transform:scale(1.025)}.toolbox-card.is-teacher-profile .toolbox-card-visual>img{object-position:center 24%}.toolbox-card.is-food-menu .toolbox-card-visual>img{object-position:center 48%}.toolbox-card.is-price-list .toolbox-card-visual>img{object-position:center 43%}.toolbox-card.is-activity-long .toolbox-card-visual>img{object-position:center 38%}.toolbox-card-visual small{z-index:1;color:#fff;letter-spacing:.08em;text-shadow:0 1px 4px #00000059;background:linear-gradient(#0000,#050c08c2);padding:30px 20px 16px;font-size:10px;position:absolute;bottom:0;left:0;right:0}.toolbox-card-copy{flex-direction:column;padding:19px 19px 12px;display:flex}.toolbox-card-copy>small{color:var(--accent-strong);letter-spacing:.12em;font-size:9px}.toolbox-card-copy>strong{letter-spacing:-.025em;margin-top:8px;font-size:21px;font-weight:600}.toolbox-card-copy>span{color:var(--muted);margin-top:9px;font-size:12px;line-height:1.7}.toolbox-card-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding:14px 19px 18px;display:flex}.toolbox-card-footer>span,.toolbox-card-footer>b{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.toolbox-card-footer>span{color:var(--faint);font-size:9px}.toolbox-card-footer>b{color:var(--accent-strong);font-size:11px;font-weight:500}.menu-editor-page{width:min(1440px,100% - 40px);margin:0 auto;padding:24px 0 56px}.menu-editor-header{grid-template-columns:390px minmax(0,1fr) 390px;align-items:start;gap:18px;min-height:56px;display:grid}.menu-editor-header>div:not(.menu-canvas-actions){text-align:center}.menu-editor-header h1{letter-spacing:-.035em;margin:4px 0 0;font-size:27px;font-weight:600}.menu-editor-back,.menu-canvas-size{border:1px solid var(--border);background:var(--surface);border-radius:10px;justify-content:center;align-items:center;gap:6px;width:116px;height:38px;display:inline-flex}.menu-editor-back{color:var(--muted);cursor:pointer}.menu-editor-back:hover{color:var(--text);border-color:var(--border-strong)}.menu-canvas-size{width:132px;color:var(--faint);white-space:nowrap;font-size:10px}.menu-canvas-actions{justify-content:flex-end;gap:6px;display:flex}.menu-canvas-actions>button{width:82px;height:38px;color:var(--muted);border:1px solid var(--border);background:var(--surface);cursor:pointer;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:5px;padding:0 10px;font-size:11px;font-weight:500;display:inline-flex}.menu-canvas-actions>button:hover{color:var(--accent-strong);border-color:var(--accent)}.menu-canvas-actions>button.is-active{color:var(--accent-ink);border-color:var(--accent);background:var(--accent-soft)}.menu-canvas-actions>.menu-history-button{width:92px}.menu-editor-toolbar{z-index:15;top:calc(var(--topbar-height) + 8px);border:1px solid var(--border);background:var(--surface);min-height:58px;box-shadow:var(--shadow-soft);scrollbar-width:none;border-radius:14px;justify-content:flex-start;align-items:center;gap:6px;margin-top:16px;padding:9px 12px;display:flex;position:sticky;overflow-x:auto}.menu-editor-toolbar::-webkit-scrollbar{display:none}.menu-dimension-control{height:38px;color:var(--muted);border:1px solid var(--border);background:var(--surface-2);border-radius:10px;flex:none;align-items:center;gap:4px;padding:0 5px 0 8px;display:inline-flex}.menu-dimension-control>span{white-space:nowrap;min-width:22px;font-size:10px}.menu-dimension-control>button{width:24px;height:24px;color:var(--muted);background:var(--surface);cursor:pointer;border:0;border-radius:7px;place-items:center;padding:0;display:grid}.menu-dimension-control>button:hover:not(:disabled){color:var(--accent-strong);background:var(--accent-soft)}.menu-dimension-control>button:disabled{cursor:not-allowed;opacity:.35}.menu-dimension-control>input{width:28px;height:28px;color:var(--text);text-align:center;font:inherit;appearance:textfield;background:0 0;border:0;outline:0;padding:0;font-weight:500}.menu-dimension-control>input::-webkit-inner-spin-button{appearance:none;margin:0}.menu-dimension-control>input::-webkit-outer-spin-button{appearance:none;margin:0}.menu-toolbar-divider{background:var(--border);width:1px;height:26px;margin:0 2px}.menu-tool-button{width:96px;height:38px;color:var(--text);border:1px solid var(--border);background:var(--surface-2);cursor:pointer;white-space:nowrap;border-radius:10px;flex:none;justify-content:center;align-items:center;gap:5px;padding:0 7px;font-size:11px;font-weight:500;display:inline-flex}.menu-tool-button:hover:not(:disabled){color:var(--accent-strong);border-color:var(--accent);background:var(--accent-soft)}.menu-tool-button:disabled{cursor:not-allowed;opacity:.34}.menu-tool-button.is-reset{width:88px;color:var(--muted);margin-left:0}.menu-tool-button.is-download{width:156px;min-width:156px;color:var(--accent-strong);border-color:color-mix(in srgb, var(--accent) 46%, var(--border));margin-left:auto}.menu-selection-control{flex:none;align-items:center;gap:4px;height:38px;display:flex}.menu-selection-status{width:86px;height:34px;color:var(--faint);white-space:nowrap;justify-content:center;align-items:center;font-size:9px;display:inline-flex}.menu-selection-control>button:not(.menu-clear-color){width:64px;height:34px;color:var(--muted);border:1px solid var(--border);background:var(--surface-2);cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:0 5px;font-size:9px;display:inline-flex}.menu-selection-control button:hover:not(:disabled){color:var(--accent-strong);border-color:var(--accent)}.menu-selection-control button:disabled,.menu-color-control.is-disabled{cursor:not-allowed;opacity:.35}.menu-color-control{width:70px;height:34px;color:var(--muted);border:1px solid var(--border);background:var(--surface-2);white-space:nowrap;border-radius:8px;align-items:center;gap:4px;padding:0 4px 0 6px;font-size:9px;display:inline-flex}.menu-color-control input{cursor:pointer;background:0 0;border:0;border-radius:6px;width:20px;height:20px;padding:1px}.menu-clear-color{width:20px;height:20px;color:var(--faint);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.menu-design-divider{background:var(--border);flex:none;width:1px;height:26px;margin:0 2px}.menu-background-control{border:1px solid var(--border);background:var(--surface-2);border-radius:9px;flex:none;align-items:center;height:36px;padding:0 4px;display:flex}.menu-background-upload{width:86px;height:28px;color:var(--muted);background:var(--surface);cursor:pointer;white-space:nowrap;border:0;border-radius:7px;justify-content:center;align-items:center;gap:4px;padding:0 6px;font-size:9px;display:inline-flex}.menu-background-upload:hover,.menu-background-upload.is-active{color:var(--accent-strong);background:var(--accent-soft)}.menu-background-error{z-index:5;color:var(--danger);background:var(--surface);box-shadow:var(--shadow);border-radius:7px;margin:0;padding:5px 8px;font-size:9px;position:absolute;top:calc(100% + 4px);right:10px}.menu-editor-hint{color:var(--faint);text-align:center;margin:12px 0 10px;font-size:10px}.menu-canvas-viewport{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-3) 72%, var(--bg));border-radius:18px;width:100%;min-height:320px;padding:24px;overflow:hidden;box-shadow:inset 0 1px #ffffff1f}.menu-canvas-frame{margin:0 auto;position:relative}.menu-artboard{color:#272116;transform-origin:0 0;background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 26px 70px #14110a2e}.menu-artboard.is-exporting .menu-column-ruler,.menu-artboard.is-exporting .menu-row-ruler,.menu-artboard.is-exporting .menu-table-move-handle{visibility:hidden}.menu-artboard.is-exporting .menu-editable-table .is-selected{box-shadow:none;background-color:#0000}.menu-artboard.is-exporting [contenteditable]:focus{box-shadow:none}.menu-artboard-heading{z-index:1;text-align:center;padding-top:34px;position:relative}.menu-artboard-heading h2{letter-spacing:.08em;outline:0;min-width:320px;margin:0 auto;font-family:Georgia,Times New Roman,serif;font-size:58px;font-weight:600}.menu-artboard-heading p{color:#7b6d56;letter-spacing:.12em;outline:0;min-width:240px;margin:2px auto 0;font-size:18px}.menu-artboard-heading h2:focus,.menu-artboard-heading p:focus{border-radius:6px;box-shadow:0 0 0 3px #8bdc2075}.menu-table-editor{z-index:2;position:absolute}.menu-column-ruler{align-items:flex-end;height:35px;display:flex}.menu-table-move-handle{z-index:8;color:#52613f;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#ffffffeb;border:1px solid #5b6a3547;border-radius:8px;justify-content:center;align-items:center;gap:5px;width:104px;height:29px;padding:0 9px;font-size:11px;font-weight:500;display:inline-flex;position:absolute;top:1px;left:0;box-shadow:0 4px 14px #4c3a1d1a}.menu-table-move-handle:hover,.menu-table-move-handle:focus-visible{color:#4f8f08;border-color:#8bdc20;outline:0}.menu-table-move-handle:active{cursor:grabbing}.menu-column-ruler>span{border-right:1px dashed #5b6a3542;flex:none;height:100%;display:block;position:relative}.menu-column-resizer{z-index:5;cursor:col-resize;background:0 0;border:0;outline:0;width:18px;height:25px;padding:0;position:absolute;bottom:3px;right:-9px}.menu-column-resizer:after{content:"";background:#8bdc20;border-radius:3px;width:3px;height:19px;position:absolute;top:3px;left:8px;box-shadow:0 0 0 2px #fffc}.menu-column-resizer:focus-visible:after,.menu-column-resizer:hover:after{background:#62b700;box-shadow:0 0 0 3px #8bdc2040}.menu-table-body{position:relative}.menu-row-ruler{width:35px;position:absolute;top:0;left:-35px}.menu-row-ruler>span{border-bottom:1px dashed #5b6a3542;width:100%;display:block;position:relative}.menu-row-resizer{z-index:5;cursor:row-resize;background:0 0;border:0;outline:0;width:25px;height:18px;padding:0;position:absolute;bottom:-9px;right:3px}.menu-row-resizer:after{content:"";background:#8bdc20;border-radius:3px;width:19px;height:3px;position:absolute;top:8px;left:3px;box-shadow:0 0 0 2px #fffc}.menu-row-resizer:focus-visible:after,.menu-row-resizer:hover:after{background:#62b700;box-shadow:0 0 0 3px #8bdc2040}.menu-editable-table{table-layout:fixed;border-spacing:0;border-collapse:separate;background:#fffdf7b8;border:2px solid #7d6846;border-radius:18px;overflow:hidden;box-shadow:0 16px 38px #4c3a1d17}.menu-editable-table th,.menu-editable-table td{vertical-align:middle;transition:background var(--ease), box-shadow var(--ease);border-bottom:1px solid #7d68467a;border-right:1px solid #7d68467a;outline:0;padding:18px 28px;font-size:27px;line-height:1.35;position:relative;overflow:hidden}.menu-editable-table th:last-child,.menu-editable-table td:last-child{border-right:0}.menu-editable-table tr:last-child>*{border-bottom:0}.menu-editable-table th{color:#fffaf0;letter-spacing:.12em;background:#3b4d32;font-size:23px;font-weight:500}.menu-editable-table td:first-child{font-weight:500}.menu-editable-table td:last-child{text-align:center;white-space:nowrap}.menu-editable-table.is-compact th,.menu-editable-table.is-compact td{text-overflow:ellipsis;white-space:nowrap;padding:4px 14px;font-size:20px;line-height:1.15;overflow:hidden}.menu-editable-table.is-compact th{font-size:18px}.menu-editable-table.is-weekly-menu th,.menu-editable-table.is-weekly-menu td{text-align:center;text-overflow:clip;white-space:pre-line;padding:6px 10px;font-size:20px;line-height:1.45}.menu-editable-table.is-weekly-menu th{letter-spacing:.08em;font-size:23px;font-style:italic}.menu-editable-table.is-weekly-menu .menu-cell-column-0{font-size:25px;font-weight:500}.menu-editable-table.is-weekly-menu .menu-cell-column-1{font-size:22px}.menu-editable-table th:hover,.menu-editable-table td:hover{background-color:#8bdc201f}.menu-editable-table th.is-selected,.menu-editable-table td.is-selected{z-index:1;background-color:#8bdc202e;box-shadow:inset 0 0 0 4px #78c615}.menu-editable-table th.is-selected{background-color:#4f682f}.teacher-portrait-page{width:min(1280px,100% - 48px);margin:0 auto;padding:26px 0 56px}.teacher-page-header{align-items:flex-start;gap:18px;min-height:74px;display:flex}.teacher-page-header>button{width:116px;height:38px;color:var(--muted);border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:10px;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.teacher-page-header>button:hover{color:var(--text);border-color:var(--border-strong)}.teacher-page-header>.teacher-history-button{width:108px;color:var(--accent-strong);border-color:color-mix(in srgb, var(--accent) 48%, var(--border));margin-left:auto}.teacher-page-header h1{letter-spacing:-.035em;margin:-3px 0 0;font-size:28px;font-weight:600}.teacher-page-header .eyebrow{margin-bottom:7px}.teacher-page-header>div>span{color:var(--muted);margin-top:5px;font-size:11px;display:block}.teacher-page-layout{min-height:calc(100vh - var(--topbar-height) - 130px);grid-template-columns:310px minmax(0,1fr);gap:16px;display:grid}.teacher-template-panel,.teacher-workflow-panel{border:1px solid var(--border);background:var(--surface);border-radius:17px;min-width:0}.teacher-template-panel{flex-direction:column;padding:17px;display:flex;overflow:hidden}.teacher-template-heading{align-items:center;gap:10px;display:flex}.teacher-template-heading>span{width:36px;height:36px;color:var(--accent-ink);background:var(--accent-soft);border-radius:10px;flex:0 0 36px;place-items:center;display:grid}.teacher-template-heading h2{margin:0;font-size:14px;font-weight:600}.teacher-template-heading p{color:var(--faint);margin:4px 0 0;font-size:9px}.teacher-template-grid{scrollbar-width:thin;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-height:0;margin-top:16px;padding-right:3px;display:grid;overflow-y:auto}.teacher-template-grid>button{background:var(--surface-2);cursor:pointer;aspect-ratio:3/4;border:2px solid #0000;border-radius:9px;min-width:0;padding:0;position:relative;overflow:hidden}.teacher-template-grid>button:hover{border-color:var(--border-strong)}.teacher-template-grid>button.is-selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 22%, transparent)}.teacher-template-grid>button:disabled{cursor:wait;opacity:.68}.teacher-template-grid img{object-fit:cover;width:100%;height:100%;display:block}.teacher-template-grid>button>span{color:#19260d;background:var(--accent);border-radius:50%;place-items:center;width:21px;height:21px;display:grid;position:absolute;top:5px;right:5px}.teacher-workflow-panel{flex-direction:column;padding:18px;display:flex}.teacher-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:44px;width:min(620px,100%);margin:0 auto 17px;display:grid}.teacher-step{color:var(--faint);justify-items:center;gap:9px;display:grid;position:relative}.teacher-step:not(:last-child):after{content:"";background:var(--border);width:28px;height:1px;position:absolute;top:44px;left:calc(100% + 8px)}.teacher-step-preview{width:150px;max-width:100%;height:88px;color:var(--faint);border:1px solid var(--border);background:var(--surface-2);border-radius:12px;place-items:center;display:grid;overflow:hidden}.teacher-step-preview>img{object-fit:contain;width:100%;height:100%;display:block}.teacher-step-preview.is-portrait-example{aspect-ratio:3/4;width:66px;height:88px}.teacher-step-preview>.teacher-step-example-source{object-fit:fill;width:100%;height:100%}.teacher-step-preview.is-template-selector{background:#2d2f31;border-color:#0000;display:block;position:relative}.teacher-template-example-side{object-fit:cover;object-position:center 22%;opacity:.72;border-radius:7px;width:47px;height:55px;position:absolute;top:17px}.teacher-template-example-side.is-previous{left:-23px}.teacher-template-example-side.is-next{right:-23px}.teacher-template-example-selected{z-index:1;background:#d9d8d2;border:3px solid #3478f6;border-radius:11px;width:88px;height:68px;position:absolute;top:7px;left:50%;transform:translate(-50%)}.teacher-template-example-selected>img{object-fit:cover;object-position:center 22%;border-radius:8px;width:100%;height:100%;display:block}.teacher-template-example-selected>i{color:#3478f6;background:#fff;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;bottom:-11px;left:50%;transform:translate(-50%);box-shadow:0 1px 3px #0000002e}.teacher-step-preview.is-result img{opacity:.38;filter:saturate(.65)}.teacher-step b{background:var(--surface-2);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;min-height:30px;padding:0 10px 0 6px;font-size:11px;font-weight:500;display:inline-flex}.teacher-step b i{width:19px;height:19px;color:var(--surface);background:var(--faint);border-radius:50%;place-items:center;font-size:10px;font-style:normal;display:grid}.teacher-step.is-current,.teacher-step.is-complete{color:var(--text)}.teacher-step.is-current b{color:var(--accent-ink);background:var(--accent-soft)}.teacher-step.is-current b i,.teacher-step.is-complete b i{color:#1d2b11;background:var(--accent)}.teacher-upload-zone{border:1px dashed var(--border-strong);background:var(--bg);min-height:480px;transition:border-color var(--ease), background var(--ease);border-radius:14px;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:34px;display:flex}.teacher-upload-zone.is-dragging{border-color:var(--accent);background:var(--accent-soft)}.teacher-upload-zone.has-photo{justify-content:center}.teacher-upload-zone.has-result{background:var(--surface-2);border-style:solid;justify-content:flex-start;padding:18px}.teacher-upload-copy{text-align:center;justify-items:center;display:grid}.teacher-upload-copy>span{width:52px;height:52px;color:var(--muted);background:var(--surface-3);border-radius:50%;place-items:center;margin-bottom:14px;display:grid}.teacher-upload-copy strong{font-size:14px;font-weight:600}.teacher-upload-copy p{color:var(--faint);margin:7px 0 0;font-size:10px}.teacher-photo-preview{justify-items:center;width:min(500px,100%);display:grid}.teacher-photo-preview>img{object-fit:contain;border:1px solid var(--border);background:var(--surface);width:min(260px,100%);max-height:300px;box-shadow:var(--shadow);border-radius:13px;display:block}.teacher-photo-preview>div{justify-items:center;margin-top:10px;display:grid}.teacher-photo-preview strong{font-size:12px;font-weight:600}.teacher-photo-preview span{max-width:280px;color:var(--faint);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:9px;overflow:hidden}.teacher-upload-actions{align-items:center;gap:9px;margin-top:18px;display:flex}.teacher-upload-actions>button{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:7px;width:136px;height:40px;font-weight:500;display:inline-flex}.teacher-upload-button{color:var(--text);border:1px solid var(--border);background:var(--surface)}.teacher-generate-button{color:#1c290d;border:1px solid var(--accent);background:var(--accent)}.teacher-upload-actions>button:disabled{cursor:not-allowed;opacity:.38}.teacher-upload-error{color:var(--danger);margin:10px 0 0;font-size:10px}.teacher-generation-progress{text-align:center;justify-items:center;width:min(440px,100%);display:grid}.teacher-generation-progress>span{width:54px;height:54px;color:var(--accent-ink);background:var(--accent-soft);border-radius:16px;place-items:center;margin-bottom:15px;display:grid}.teacher-generation-progress strong{font-size:15px;font-weight:600}.teacher-generation-progress p{color:var(--muted);margin:8px 0 0;font-size:11px;line-height:1.7}.teacher-result-view{flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.teacher-result-view>header{justify-content:space-between;align-items:center;gap:18px;min-height:48px;display:flex}.teacher-result-view>header>div{align-items:center;gap:10px;min-width:0;display:flex}.teacher-result-view>header>div>span{color:#1d2b11;background:var(--accent);border-radius:10px;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid}.teacher-result-view>header strong{font-size:13px;font-weight:600;display:block}.teacher-result-view>header p{color:var(--muted);margin:3px 0 0;font-size:9px}.teacher-result-view>header small{color:var(--faint);white-space:nowrap;flex:none;font-size:9px}.teacher-result-images{background:var(--bg);border-radius:12px;flex:1;grid-template-columns:repeat(2,minmax(0,1fr));place-items:center;gap:10px;min-height:0;margin-top:12px;display:grid;overflow:hidden}.teacher-result-images.count-1{grid-template-columns:1fr}.teacher-result-images img{object-fit:contain;max-width:100%;height:100%;max-height:410px;display:block}.teacher-result-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:13px;display:flex}.teacher-result-actions button,.teacher-result-actions a,.teacher-result-error button{width:132px;height:38px;color:var(--text);border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:6px;font-weight:500;text-decoration:none;display:inline-flex}.teacher-result-actions>:first-child{color:#1d2b11;border-color:var(--accent);background:var(--accent)}.teacher-result-error{text-align:center;justify-items:center;width:min(440px,100%);display:grid}.teacher-result-error strong{color:var(--danger);font-size:15px;font-weight:600}.teacher-result-error p{color:var(--muted);margin:8px 0 16px;font-size:11px;line-height:1.7}.inline-error{color:var(--danger);background:color-mix(in srgb, var(--danger) 8%, var(--surface));border-radius:10px;margin-top:24px;padding:12px}.settings-section{border:1px solid var(--border);background:var(--surface);border-radius:17px;margin-top:32px;overflow:hidden}.settings-heading{border-bottom:1px solid var(--border);padding:20px 22px 13px}.settings-heading h2{margin:0;font-size:15px;font-weight:600}.settings-heading p{color:var(--muted);margin:6px 0 0;font-size:11px}.settings-contact{border:1px solid var(--border);background:var(--surface);border-radius:17px;margin-top:32px;padding:22px}.settings-contact-heading h2{margin:0;font-size:19px;font-weight:650}.settings-contact-heading p{color:var(--muted);margin:7px 0 0;font-size:11px}.settings-contact-list{gap:10px;margin-top:20px;display:grid}.settings-contact-row{border:1px solid var(--border);background:var(--surface-2);border-radius:13px;grid-template-columns:36px minmax(0,1fr) 92px;align-items:center;gap:12px;min-height:78px;padding:12px 16px;display:grid}.settings-contact-row>span{width:36px;height:36px;color:var(--accent-ink);background:var(--accent-soft);border-radius:10px;place-items:center;display:grid}.settings-contact-row>div{gap:6px;min-width:0;display:grid}.settings-contact-row small{color:var(--muted)}.settings-contact-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.settings-contact-row button{width:92px;height:38px;color:var(--text);border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:6px;display:inline-flex}.settings-contact-row button:hover{border-color:var(--accent)}.setting-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:30px;min-height:88px;padding:17px 22px;display:flex}.setting-row:last-child{border-bottom:0}.setting-row strong{font-weight:500}.setting-row p{color:var(--muted);margin:6px 0 0;font-size:11px}.theme-options{gap:8px;display:flex}.theme-options button{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:10px;align-items:center;gap:7px;min-width:100px;height:40px;padding:0 12px;display:inline-flex}.theme-options button.is-active{border-color:var(--accent);background:var(--accent-soft)}.theme-options button svg:last-child{margin-left:auto}.font-size-control{text-align:center;grid-template-columns:38px 50px 38px;align-items:center;display:grid}.font-size-control button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:50%;place-items:center;height:38px;display:grid}.font-size-control b{color:var(--accent-strong);font-size:16px}.setting-value{color:var(--muted)}.status-pill{color:var(--accent-ink);background:var(--accent-soft);border-radius:999px;padding:6px 10px;font-size:10px}.profile-hero{border:1px solid var(--border);background:var(--surface);border-radius:18px;align-items:center;gap:17px;padding:28px;display:flex}.profile-avatar-button{width:64px;height:64px;color:var(--accent-ink);background:var(--accent-soft);cursor:pointer;border:0;border-radius:50%;flex:0 0 64px;place-items:center;padding:0;display:grid;position:relative;overflow:visible}.profile-avatar-button>img,.profile-avatar-field button>img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.profile-avatar-button>span,.profile-avatar-field button>span{width:24px;height:24px;color:var(--accent-ink);border:2px solid var(--surface);background:var(--accent);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-2px;right:-2px}.profile-hero h1{margin:0;font-size:27px;font-weight:600}.profile-hero p:last-child{color:var(--muted);margin:7px 0 0}.profile-hero>b{color:var(--accent-ink);background:var(--accent-soft);border-radius:999px;margin-left:auto;padding:9px 12px}.profile-editor{border:1px solid var(--border);background:var(--surface);border-radius:18px;margin-top:16px;padding:22px}.profile-editor-heading,.profile-editor-heading>div,.profile-avatar-field,.profile-editor-footer{align-items:center;display:flex}.profile-editor-heading{justify-content:space-between;gap:16px}.profile-editor-heading>div{gap:12px}.profile-editor-heading>div>span{width:38px;height:38px;color:var(--accent-ink);background:var(--accent-soft);border-radius:11px;flex:0 0 38px;place-items:center;display:grid}.profile-editor-heading h2{margin:0;font-size:17px;font-weight:600}.profile-editor-heading p,.profile-avatar-field p{color:var(--muted);margin:4px 0 0}.profile-editor-heading em{min-width:74px;color:var(--accent-ink);align-items:center;gap:5px;font-style:normal;display:inline-flex}.profile-editor-fields{grid-template-columns:minmax(260px,.72fr) minmax(320px,1.28fr);align-items:center;gap:28px;margin-top:22px;display:grid}.profile-avatar-field{gap:14px}.profile-avatar-field>button{width:64px;height:64px;color:var(--accent-ink);border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:16px;flex:0 0 64px;place-items:center;padding:0;display:grid;position:relative}.profile-avatar-field strong,.profile-name-field>span{font-weight:500}.profile-name-field{gap:8px;display:grid;position:relative}.profile-name-field input{width:100%;height:44px;color:var(--text);border:1px solid var(--border);background:var(--surface-2);border-radius:11px;outline:none;padding:0 54px 0 13px}.profile-name-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.profile-name-field small{color:var(--muted);position:absolute;bottom:14px;right:13px}.profile-editor-footer{justify-content:space-between;gap:20px;min-height:42px;margin-top:18px}.profile-editor-footer p{color:var(--danger,#d84a40);margin:0}.profile-editor-footer>button{min-width:122px;height:42px;color:var(--accent-ink);background:var(--accent);cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:0 18px;font-weight:500;display:inline-flex}.profile-editor-footer>button:disabled,.profile-avatar-field button:disabled,.profile-avatar-button:disabled{cursor:not-allowed;opacity:.55}.profile-invite{border:1px solid var(--border);background:var(--surface);border-radius:18px;margin-top:16px;padding:22px}.profile-invite-form{grid-template-columns:minmax(260px,1fr) minmax(120px,.8fr) 122px;align-items:end;gap:14px;margin-top:20px;display:grid}.profile-invite-form label{gap:8px;display:grid}.profile-invite-form label>span,.profile-invite-bound>span{color:var(--muted)}.profile-invite-form input{width:100%;height:44px;color:var(--text);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--border);background:var(--surface-2);border-radius:11px;outline:none;padding:0 13px}.profile-invite-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.profile-invite-form>p{min-height:22px;color:var(--danger,#d84a40);margin:0 0 11px}.profile-invite-form>button{min-width:122px;height:42px;color:var(--accent-ink);background:var(--accent);cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:0 18px;font-weight:500;display:inline-flex}.profile-invite-form>button:disabled{cursor:not-allowed;opacity:.55}.profile-invite-bound{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;justify-content:space-between;align-items:center;min-height:56px;margin-top:20px;padding:0 16px;display:flex}.profile-invite-bound strong{letter-spacing:.12em}.is-spinning{animation:.85s linear infinite spin}.profile-account-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px;display:grid}.profile-account-grid>button{text-align:left;border:1px solid var(--border);background:var(--surface);cursor:pointer;min-height:170px;transition:border-color var(--ease), box-shadow var(--ease), transform var(--ease);border-radius:16px;padding:22px}.profile-account-grid>button:hover{border-color:var(--accent);box-shadow:var(--shadow-soft);transform:translateY(-2px)}.profile-account-grid>button>span{width:42px;height:42px;color:var(--accent-ink);background:var(--accent-soft);border-radius:12px;place-items:center;margin-bottom:20px;display:grid}.profile-account-grid strong{font-size:16px;font-weight:600;display:block}.profile-account-grid p{color:var(--muted);margin:8px 0 0;line-height:1.65}.profile-logout{border:1px solid var(--border);background:var(--surface);border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 20px;margin-top:16px;padding:18px 22px;display:grid}.profile-logout>div{align-items:center;gap:12px;min-width:0;display:flex}.profile-logout>div>span{width:38px;height:38px;color:var(--danger);background:color-mix(in srgb, var(--danger) 11%, var(--surface-2));border-radius:11px;flex:0 0 38px;place-items:center;display:grid}.profile-logout strong{font-weight:600;display:block}.profile-logout p{color:var(--muted);margin:4px 0 0}.profile-logout>button{min-width:112px;height:40px;color:var(--danger);border:1px solid color-mix(in srgb, var(--danger) 38%, var(--border));background:var(--surface-2);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 15px;font-weight:500;display:inline-flex}.profile-logout>button:hover:not(:disabled){border-color:var(--danger);background:color-mix(in srgb, var(--danger) 8%, var(--surface-2))}.profile-logout>button:disabled{cursor:wait;opacity:.6}.profile-logout>p{color:var(--danger);grid-column:1/-1;margin:0;font-size:11px}.activity-long-page{width:min(1480px,100% - 40px);margin:0 auto;padding:24px 0 56px}.activity-long-header{grid-template-columns:116px minmax(0,1fr) 132px;align-items:start;gap:18px;min-height:82px;display:grid}.activity-long-header>button{width:116px;height:38px;color:var(--text);border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 14px;display:inline-flex}.activity-long-header>button:last-child{width:132px;color:var(--accent-strong);border-color:color-mix(in srgb, var(--accent) 48%, var(--border));background:var(--accent-soft)}.activity-long-header>div h1{letter-spacing:-.035em;margin:4px 0 0;font-size:28px;font-weight:650}.activity-long-header>div>span{color:var(--muted);margin-top:5px;font-size:11px;display:block}.activity-long-layout{grid-template-columns:356px minmax(0,1fr);align-items:start;gap:16px;display:grid}.activity-editor-panel,.activity-preview-panel{border:1px solid var(--border);background:var(--surface);min-width:0;box-shadow:var(--shadow-soft);border-radius:18px}.activity-editor-panel{top:calc(var(--topbar-height) + 16px);min-width:0;max-height:calc(100vh - var(--topbar-height) - 32px);scrollbar-width:none;gap:16px;padding:18px;display:grid;position:sticky;overflow:hidden auto}.activity-editor-panel>section,.activity-editor-panel>div,.activity-contact-section>label{min-width:0}.activity-editor-panel::-webkit-scrollbar{display:none}.activity-field-heading{justify-content:space-between;align-items:center;gap:12px;min-height:30px;display:flex}.activity-field-heading>span{font-size:12px;font-weight:600}.activity-field-heading>small{color:var(--faint);text-align:right;font-size:9px}.activity-field-heading>button{min-width:84px;height:30px;color:var(--accent-strong);border:1px solid color-mix(in srgb, var(--accent) 44%, var(--border));background:var(--accent-soft);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:0 10px;display:inline-flex}.activity-field-heading>button:disabled{cursor:not-allowed;opacity:.48}.activity-editor-panel textarea{resize:vertical;width:100%;height:186px;min-height:186px;color:var(--text);border:1px solid var(--border);background:var(--surface-2);border-radius:11px;outline:none;margin-top:8px;padding:12px 13px;line-height:1.72;display:block}.activity-editor-panel textarea:focus,.activity-title-fields input:focus,.activity-contact-section input:focus,.activity-option-row select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.activity-title-fields{grid-template-columns:1fr;gap:10px;min-width:0;display:grid}.activity-title-fields>label{gap:6px;min-width:0;display:grid}.activity-title-fields>label>span{color:var(--muted);font-size:10px}.activity-title-fields input{width:100%;min-width:0;height:42px;color:var(--text);border:1px solid var(--border);background:var(--surface-2);border-radius:9px;outline:none;padding:0 11px}.activity-option-row{grid-template-columns:minmax(0,1.18fr) minmax(86px,.72fr);gap:8px;display:grid}.activity-option-row>label,.activity-option-row>div{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;align-content:center;gap:5px;min-height:62px;padding:8px 10px;display:grid}.activity-option-row>div:last-child{grid-column:1/-1;grid-template-columns:1fr auto;align-items:center;min-height:52px}.activity-option-row span{color:var(--faint);font-size:9px}.activity-option-row strong{font-size:12px;font-weight:600}.activity-option-row select{width:100%;height:25px;color:var(--text);background:0 0;border:0;outline:none;padding:0 24px 0 0;font-weight:500}.activity-asset-section,.activity-contact-section{gap:9px;min-width:0;display:grid}.activity-upload-row{width:100%;min-width:0;max-width:100%;min-height:48px;color:var(--text);text-align:left;border:1px dashed var(--border-strong);background:var(--surface-2);cursor:pointer;border-radius:10px;align-items:center;gap:9px;padding:6px 9px;display:flex;overflow:hidden}.activity-upload-row:hover{border-color:var(--accent);background:var(--accent-soft)}.activity-upload-row:disabled{cursor:not-allowed;opacity:.52}.activity-upload-row img{object-fit:contain;background:#fff;border-radius:7px;flex:0 0 34px;width:34px;height:34px}.activity-upload-row>span{text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;width:0;min-width:0;max-width:100%;overflow:hidden}.activity-upload-row>b{color:var(--accent-strong);flex:none;font-size:10px;font-weight:500}.activity-contact-section>label{gap:6px;display:grid}.activity-contact-section>label>span{color:var(--muted);align-items:center;gap:6px;font-size:10px;display:inline-flex}.activity-contact-section input{width:100%;height:40px;color:var(--text);border:1px solid var(--border);background:var(--surface-2);border-radius:9px;outline:none;padding:0 11px}.activity-generate-button{width:100%;min-height:43px;color:var(--accent-ink);background:var(--accent);cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 15px;font-weight:600;display:inline-flex}.activity-generate-button:disabled{cursor:not-allowed;opacity:.48}.activity-editor-message{color:var(--accent-strong);background:var(--accent-soft);border-radius:9px;margin:-4px 0 0;padding:9px 10px;font-size:10px;line-height:1.6}.activity-editor-message.is-error{color:var(--danger);background:color-mix(in srgb, var(--danger) 8%, var(--surface))}.activity-preview-panel{max-height:calc(100vh - var(--topbar-height) - 32px);flex-direction:column;display:flex;overflow:hidden}.activity-preview-panel>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;min-height:70px;padding:13px 16px;display:flex}.activity-preview-panel>header>div:first-child{gap:5px;display:grid}.activity-preview-panel>header strong{font-size:13px;font-weight:600}.activity-preview-panel>header span{color:var(--faint);font-size:9px}.activity-preview-panel>header>div:last-child{gap:7px;display:flex}.activity-preview-panel>header button{min-width:104px;height:38px;color:var(--text);border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:0 13px;display:inline-flex}.activity-preview-panel>header button:first-child{color:var(--accent-ink);border-color:var(--accent);background:var(--accent)}.activity-preview-panel>header button:disabled{cursor:not-allowed;opacity:.42}.activity-preview-viewport{height:calc(100vh - var(--topbar-height) - 198px);background:var(--surface-2);scrollbar-width:none;flex:auto;min-height:540px;padding:24px;overflow:auto}.activity-preview-viewport::-webkit-scrollbar{display:none}.activity-preview-viewport.is-pannable{cursor:grab;-webkit-user-select:none;user-select:none}.activity-preview-viewport.is-panning{cursor:grabbing}.activity-canvas-frame{margin:0 auto;transition:height .22s;position:relative}.activity-canvas{color:#10213a;transform-origin:0 0;background:#eef3f8;font-family:Microsoft YaHei UI,PingFang SC,system-ui,sans-serif;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 18px 56px #09121e3d}.activity-canvas-placeholder{color:#fff;text-align:center;background:radial-gradient(circle at 50% 32%,#97eb2433,#0000 28%),linear-gradient(160deg,#12271b 0%,#234b35 54%,#2e6844 100%);align-content:center;place-items:center;gap:18px;padding:80px;display:grid;position:absolute;inset:0}.activity-canvas-placeholder svg{color:#a4eb42}.activity-canvas-placeholder strong{font-size:31px}.activity-canvas-placeholder p{color:#ffffffc2;margin:0;font-size:18px}.activity-poster{--poster-primary:#2f694a;--poster-primary-dark:#173827;--poster-accent:#e7ad43;--poster-ink:#183126;--poster-muted:#627268;--poster-paper:#f3f7ee;--poster-surface:#fff;--poster-soft:#dfebda;--poster-on-primary:#fff;--poster-density:1;width:1080px;color:var(--poster-ink);background:var(--poster-paper);font-synthesis:none;display:grid;overflow:hidden}.activity-poster.poster-theme-business{--poster-primary:#175cbe;--poster-primary-dark:#102f66;--poster-accent:#f5a43b;--poster-ink:#10213a;--poster-muted:#596b82;--poster-paper:#f3f7fd;--poster-surface:#fff;--poster-soft:#dfeafb;--poster-on-primary:#fff}.activity-poster.poster-theme-festival{--poster-primary:#cf2e2e;--poster-primary-dark:#73191c;--poster-accent:#f3bc4f;--poster-ink:#3b1717;--poster-muted:#795b57;--poster-paper:#fff7eb;--poster-surface:#fffdf8;--poster-soft:#f8dfc1;--poster-on-primary:#fff}.activity-poster.poster-theme-oriental{--poster-primary:#a53b2c;--poster-primary-dark:#42231f;--poster-accent:#d3a55a;--poster-ink:#2e2924;--poster-muted:#71685d;--poster-paper:#f6f0e4;--poster-surface:#fffaf0;--poster-soft:#e9dcc2;--poster-on-primary:#fffaf0}.activity-poster.poster-theme-technology{--poster-primary:#1679d2;--poster-primary-dark:#071b3a;--poster-accent:#3de0d0;--poster-ink:#0c2341;--poster-muted:#53708d;--poster-paper:#ecf6fb;--poster-surface:#fff;--poster-soft:#d5eef3;--poster-on-primary:#fff}.activity-poster-hero{color:#fff;background:var(--poster-primary-dark);position:relative;overflow:hidden}.activity-poster-hero-image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.activity-poster-hero-shade{background:linear-gradient(90deg,#050e1cd6 0%,#050e1c9e 46%,#050e1c24 76%,#0000 100%),linear-gradient(#0000 56%,#050e1c5c);position:absolute;inset:0}.activity-poster-hero-content{z-index:1;width:690px;height:100%;padding:calc(62px * var(--poster-density)) 0 calc(70px * var(--poster-density)) 72px;flex-direction:column;justify-content:flex-end;align-items:flex-start;display:flex;position:relative}.activity-poster-brand-row{top:calc(58px * var(--poster-density));max-width:610px;min-height:calc(72px * var(--poster-density));align-items:center;gap:22px;display:flex;position:absolute;left:72px}.activity-poster-logo{width:210px;min-height:calc(72px * var(--poster-density));max-height:calc(104px * var(--poster-density));padding:calc(11px * var(--poster-density)) 15px;background:#fffffff0;border-radius:18px;place-items:center;display:grid}.activity-poster-logo img{max-width:100%;max-height:calc(80px * var(--poster-density));object-fit:contain;display:block}.activity-poster-eyebrow{color:#ffffffe6;font-size:calc(26px * var(--poster-density));letter-spacing:.14em;font-weight:700}.activity-poster-hero-content h2{overflow-wrap:anywhere;max-width:660px;font-size:calc(86px * var(--poster-density));letter-spacing:-.04em;text-shadow:0 4px 26px #0006;text-wrap:balance;margin:0;font-weight:750;line-height:1.08}.activity-poster-hero-content>p{max-width:620px;margin:calc(28px * var(--poster-density)) 0 0;color:#ffffffe6;font-size:calc(40px * var(--poster-density));text-shadow:0 3px 18px #00000059;font-weight:520;line-height:1.38}.activity-poster-badge{min-height:calc(64px * var(--poster-density));margin-top:calc(32px * var(--poster-density));color:var(--poster-primary-dark);background:var(--poster-accent);font-size:calc(30px * var(--poster-density));border-radius:999px;align-items:center;padding:0 28px;font-weight:750;display:inline-flex}.activity-poster-benefits{min-height:0;padding:calc(58px * var(--poster-density)) 72px calc(66px * var(--poster-density));background:var(--poster-paper);flex-direction:column;display:flex;overflow:visible}.activity-poster-benefits>header{grid-template-columns:auto 1fr;align-items:end;gap:7px 28px;display:grid}.activity-poster-benefits>header>span,.activity-poster-detail-copy>span,.activity-poster-cta-copy>span{color:var(--poster-primary);font-size:calc(24px * var(--poster-density));letter-spacing:.15em;font-weight:750}.activity-poster-benefits>header h3{font-size:calc(47px * var(--poster-density));letter-spacing:-.025em;margin:0;font-weight:750;line-height:1.2}.activity-poster-benefits>header i{background:color-mix(in srgb, var(--poster-primary) 26%, transparent);height:2px;margin-bottom:12px}.activity-poster-benefit-grid{min-height:0;margin-top:calc(42px * var(--poster-density));gap:calc(22px * var(--poster-density)) 22px;flex:1;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.activity-poster-benefit-grid>article{min-width:0;min-height:0;padding:calc(30px * var(--poster-density)) 30px calc(28px * var(--poster-density));border:1px solid color-mix(in srgb, var(--poster-primary) 14%, transparent);background:var(--poster-surface);border-radius:26px;grid-template-columns:66px minmax(0,1fr);align-items:start;gap:20px;display:grid;overflow:visible;box-shadow:0 16px 38px #10213a14}.activity-poster-benefit-grid>article>span{width:58px;height:58px;color:var(--poster-on-primary);background:var(--poster-primary);border-radius:18px;place-items:center;font-size:25px;font-weight:750;display:grid}.activity-poster-benefit-grid h4{overflow-wrap:anywhere;font-size:calc(38px * var(--poster-density));margin:0;font-weight:720;line-height:1.2}.activity-poster-benefit-grid p{margin:calc(12px * var(--poster-density)) 0 0;overflow-wrap:anywhere;color:var(--poster-muted);font-size:calc(32px * var(--poster-density));line-height:1.36}.activity-poster-benefits.is-empty{justify-content:center}.activity-poster-benefit-empty{border-left:9px solid var(--poster-accent);background:var(--poster-surface);max-width:820px;margin-top:58px;padding:44px 48px;box-shadow:0 16px 38px #10213a14}.activity-poster-benefit-empty strong{font-size:42px;line-height:1.28}.activity-poster-benefit-empty p{color:var(--poster-muted);margin:18px 0 0;font-size:34px;line-height:1.48}.activity-poster-details{min-height:0;padding:calc(64px * var(--poster-density)) 72px;background:var(--poster-surface);grid-template-columns:430px minmax(0,1fr);gap:48px;display:grid;overflow:visible}.activity-poster-details>figure{background:var(--poster-soft);border-radius:32px;height:auto;min-height:0;margin:0;position:relative;overflow:hidden;box-shadow:0 22px 50px #10213a26}.activity-poster-details>figure:after{content:"";background:linear-gradient(#0000,#081525ad);height:38%;position:absolute;inset:auto 0 0}.activity-poster-details>figure img{object-fit:cover;width:100%;height:100%;display:block}.activity-poster-details>figure figcaption{z-index:1;color:#fff;font-size:calc(29px * var(--poster-density));font-weight:650;line-height:1.4;position:absolute;bottom:28px;left:28px;right:28px}.activity-poster-detail-copy{min-width:0;padding-top:12px}.activity-poster-detail-copy h3{margin:calc(14px * var(--poster-density)) 0 0;overflow-wrap:anywhere;font-size:calc(46px * var(--poster-density));letter-spacing:-.025em;font-weight:750;line-height:1.22}.activity-poster-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:28px;display:grid}.activity-poster-facts>div{min-width:0;min-height:112px;color:var(--poster-primary);background:var(--poster-soft);border-radius:20px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:14px;padding:18px;display:grid}.activity-poster-facts>div>span{min-width:0}.activity-poster-facts small{color:var(--poster-muted);margin-bottom:6px;font-size:26px;display:block}.activity-poster-facts strong{overflow-wrap:anywhere;color:var(--poster-ink);font-size:calc(32px * var(--poster-density));line-height:1.28}.activity-poster-detail-list{gap:12px;margin:24px 0 0;padding:0;list-style:none;display:grid}.activity-poster-detail-list li{grid-template-columns:34px minmax(0,1fr);align-items:start;gap:15px;min-width:0;display:grid}.activity-poster-detail-list svg{color:var(--poster-primary);margin-top:2px}.activity-poster-detail-list strong{overflow-wrap:anywhere;font-size:calc(34px * var(--poster-density));line-height:1.24}.activity-poster-detail-list p{overflow-wrap:anywhere;color:var(--poster-muted);font-size:calc(28px * var(--poster-density));margin:4px 0 0;line-height:1.36}.activity-poster-cta{min-height:0;padding:calc(82px * var(--poster-density)) 72px calc(104px * var(--poster-density));color:var(--poster-on-primary);background:linear-gradient(135deg, var(--poster-primary-dark), var(--poster-primary));grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:56px;display:grid;position:relative;overflow:visible}.activity-poster-cta:before{content:"";opacity:.14;border:2px solid var(--poster-on-primary);border-radius:50%;width:570px;height:570px;position:absolute;top:-210px;right:-150px}.activity-poster-cta-copy{z-index:1;min-width:0;position:relative}.activity-poster-cta-copy>span{color:var(--poster-accent)}.activity-poster-cta-copy h3{max-width:670px;margin:calc(18px * var(--poster-density)) 0 0;overflow-wrap:anywhere;font-size:calc(62px * var(--poster-density));letter-spacing:-.035em;text-wrap:balance;font-weight:760;line-height:1.16}.activity-poster-cta-copy>p{max-width:670px;margin:calc(23px * var(--poster-density)) 0 0;color:color-mix(in srgb, var(--poster-on-primary) 84%, transparent);font-size:calc(36px * var(--poster-density));line-height:1.42}.activity-poster-cta-action{min-height:calc(74px * var(--poster-density));margin-top:calc(28px * var(--poster-density));color:var(--poster-primary-dark);background:var(--poster-accent);font-size:calc(38px * var(--poster-density));border-radius:999px;align-items:center;padding:0 36px;font-weight:760;display:inline-flex}.activity-poster-contact-list{margin-top:calc(32px * var(--poster-density));flex-wrap:wrap;gap:13px;display:flex}.activity-poster-contact-list>div{border:1px solid color-mix(in srgb, var(--poster-on-primary) 26%, transparent);background:#00000024;border-radius:999px;align-items:center;gap:12px;max-width:660px;min-height:62px;padding:10px 20px;font-size:30px;display:flex}.activity-poster-contact-list span{overflow-wrap:anywhere}.activity-poster-qr{z-index:1;width:calc(270px * var(--poster-density));padding:calc(18px * var(--poster-density)) calc(18px * var(--poster-density)) calc(20px * var(--poster-density));color:var(--poster-ink);text-align:center;background:#fff;border-radius:28px;margin:0;position:relative;box-shadow:0 24px 60px #0000003d}.activity-poster-qr img{width:calc(234px * var(--poster-density));height:calc(234px * var(--poster-density));object-fit:contain;display:block}.activity-poster-qr figcaption{margin-top:calc(14px * var(--poster-density));overflow-wrap:anywhere;font-size:calc(28px * var(--poster-density));font-weight:700;line-height:1.3}.activity-poster-footer-note{color:color-mix(in srgb, var(--poster-on-primary) 72%, transparent);justify-content:space-between;align-items:center;gap:24px;font-size:25px;display:flex;position:absolute;bottom:36px;left:72px;right:72px}.activity-poster-footer-note span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.activity-poster-footer-note small{flex:none;font-size:24px}.activity-preview-zoom{border-top:1px solid var(--border);background:var(--surface);grid-template-columns:18px minmax(120px,1fr) 18px 82px;align-items:center;gap:10px;min-height:58px;padding:0 18px;display:grid}.activity-preview-zoom svg{color:var(--muted)}.activity-preview-zoom input{width:100%;accent-color:var(--accent-strong);cursor:pointer}.activity-preview-zoom output{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;font-size:11px}.tool-history-backdrop{z-index:100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#070c0894;place-items:center;padding:32px;display:grid;position:fixed;inset:0}.tool-history-dialog{border:1px solid var(--border);background:var(--bg);border-radius:20px;flex-direction:column;width:min(1080px,100%);max-height:min(760px,100vh - 64px);display:flex;overflow:hidden;box-shadow:0 28px 80px #00000047}.tool-history-dialog>header{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;min-height:78px;padding:17px 20px;display:flex}.tool-history-dialog>header>div{align-items:center;gap:12px;display:flex}.tool-history-dialog>header>div>span{width:40px;height:40px;color:var(--accent-ink);background:var(--accent-soft);border-radius:11px;place-items:center;display:grid}.tool-history-dialog h2{margin:2px 0 0;font-size:20px;font-weight:600}.tool-history-dialog>header>button{width:36px;height:36px;color:var(--muted);border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:10px;place-items:center;display:grid}.tool-history-content{scrollbar-width:none;flex:1;min-height:280px;padding:18px;overflow-y:auto}.tool-history-content::-webkit-scrollbar{display:none}.tool-history-state{min-height:300px;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:10px;display:grid}.tool-history-state strong{color:var(--text);font-weight:500}.tool-history-state p{color:var(--faint);margin:0}.tool-history-state.is-error strong{color:var(--danger)}.tool-history-state button,.tool-history-pagination button{min-height:34px;color:var(--muted);border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:8px;padding:0 12px}.tool-history-state button:hover:not(:disabled),.tool-history-pagination button:hover:not(:disabled){color:var(--text);border-color:var(--border-strong)}.tool-history-pagination{min-height:58px;color:var(--faint);border-top:1px solid var(--border);background:var(--surface);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:10px 18px;font-size:10px;display:flex}.tool-history-pagination>div{gap:7px;display:flex}.tool-history-pagination button:disabled{cursor:not-allowed;opacity:.42}.tool-history-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.tool-history-card{border:1px solid var(--border);background:var(--surface);border-radius:14px;min-width:0;overflow:hidden}.tool-history-preview{background:var(--surface-2);place-items:center;height:210px;display:grid;overflow:hidden}.tool-history-preview img{object-fit:contain;width:100%;height:100%;display:block}.tool-history-card-copy{padding:13px 14px 10px;display:block}.tool-history-card-copy strong{text-overflow:ellipsis;white-space:nowrap;font-weight:500;display:block;overflow:hidden}.tool-history-card-copy span,.tool-history-card-copy small{color:var(--faint);margin-top:6px;font-size:10px;display:block}.tool-history-card-actions{grid-template-columns:1fr 1fr;gap:7px;padding:0 12px 12px;display:grid}.tool-history-card-actions a,.tool-history-card-actions button{height:34px;color:var(--text);border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:5px;font-weight:500;text-decoration:none;display:inline-flex}.tool-history-card-actions a:hover{color:var(--accent-strong);border-color:var(--accent)}.tool-history-card-actions button{color:var(--danger)}.tool-history-card-actions .tool-history-download{color:var(--text)}.tool-history-card-actions .tool-history-download:hover:not(:disabled){color:var(--accent-strong);border-color:var(--accent)}.tool-history-card-actions button:disabled{cursor:wait;opacity:.55}.tool-history-download-error{color:var(--danger);text-align:center;margin:14px 0 0}.image-detail-page{height:calc(100vh - var(--topbar-height));grid-template-columns:minmax(0,1fr) 340px;display:grid;overflow:hidden}.detail-viewer{grid-template-rows:40px minmax(0,1fr) 48px;gap:10px;min-width:0;min-height:0;padding:16px 20px 18px;display:grid}.detail-toolbar{justify-content:space-between;align-items:center;display:flex}.detail-toolbar button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:999px;align-items:center;gap:6px;height:36px;padding:0 13px;display:inline-flex}.detail-toolbar span{color:var(--accent-strong);font-size:11px}.detail-toolbar i{color:var(--faint);margin:0 4px;font-style:normal}.detail-image-stage{place-items:center;min-width:0;min-height:0;padding:4px 54px;display:grid;position:relative;overflow:hidden}.detail-image-stage>img{object-fit:contain;object-position:center;filter:drop-shadow(0 12px 22px #0000001f);width:100%;min-width:0;max-width:100%;height:100%;min-height:0;max-height:100%;display:block}.detail-arrow{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:50%;place-items:center;width:46px;height:46px;padding:0;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.detail-arrow.is-left{left:0}.detail-arrow.is-right{right:0}.detail-bottom-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.detail-bottom-actions a,.detail-bottom-actions button{min-width:0;color:var(--text);border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:7px;font-size:11px;text-decoration:none;display:inline-flex}.detail-bottom-actions button:disabled{cursor:wait;opacity:.6}.detail-bottom-actions .danger-action{color:var(--danger)}.detail-info-panel{border-left:1px solid var(--border);background:var(--surface);flex-direction:column;justify-content:space-between;min-height:0;padding:27px 24px 20px;display:flex;overflow-y:auto}.detail-info-panel h1{margin:0;font-size:14px;font-weight:400;line-height:1.75}.detail-inline-error{color:var(--danger);margin:14px 0 0;font-size:11px;line-height:1.6}.detail-info-panel dl{margin:28px 0 0}.detail-info-panel dl>div{border-bottom:1px solid var(--border);justify-content:space-between;gap:20px;padding:12px 0;display:flex}.detail-info-panel dt{color:var(--muted)}.detail-info-panel dd{text-align:right;margin:0}.detail-side-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.detail-side-actions button{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:7px;height:42px;display:inline-flex}.detail-state{min-height:calc(100vh - var(--topbar-height));color:var(--muted);align-content:center;place-items:center;gap:12px;display:grid}.detail-state button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:9px;min-height:36px;padding:0 13px}.template-image-stage>img{border-radius:3px;max-width:min(82%,760px)}.template-bottom-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.template-info-panel{gap:30px}.template-info-panel .template-detail-title{letter-spacing:-.025em;margin:0;font-size:24px;font-weight:600;line-height:1.35}.template-meta-row{flex-wrap:wrap;gap:6px;margin-top:13px;display:flex}.template-meta-row span{color:var(--muted);border:1px solid var(--border);background:var(--surface-2);border-radius:999px;padding:5px 8px;font-size:9px}.template-info-panel h2{margin:28px 0 9px;font-size:13px;font-weight:600}.template-prompt-copy{color:var(--muted);white-space:pre-wrap;margin:0;font-size:12px;line-height:1.85}.template-tags{flex-wrap:wrap;gap:7px;margin-top:18px;display:flex}.template-tags span{color:var(--accent-strong);font-size:10px}.template-use-panel{border-top:1px solid var(--border);padding-top:18px}.template-use-panel p{color:var(--faint);margin:0 0 11px;font-size:10px;line-height:1.6}.template-use-panel button{color:#1c290d;background:var(--accent);cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;gap:7px;width:100%;height:44px;font-weight:500;display:inline-flex}@media (width<=1180px){.toolbox-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-long-layout{grid-template-columns:1fr}.activity-editor-panel{max-height:none;position:static;overflow:visible}.activity-preview-panel{max-height:none}.activity-preview-viewport{height:72vh;max-height:720px}}@media (width<=820px){.app-stage,.has-collapsed-sidebar .app-stage{margin-left:0}.app-sidebar,.app-sidebar.is-collapsed{width:min(286px,100vw - 40px);transform:translate(-102%);box-shadow:22px 0 60px #0000002e}.app-sidebar.is-mobile-open{transform:translate(0)}.app-sidebar.is-collapsed .brand-copy,.app-sidebar.is-collapsed .nav-label{opacity:1;width:auto;overflow:visible}.app-sidebar.is-collapsed .collapse-button span{display:inline}.app-sidebar.is-collapsed .nav-button{padding-inline:13px}.collapse-button{display:none}.mobile-close{background:var(--surface-2);cursor:pointer;border:0;border-radius:9px;place-items:center;width:32px;height:32px;margin-left:auto;padding:0;display:grid}.sidebar-scrim{z-index:29;visibility:hidden;opacity:0;transition:opacity var(--ease), visibility var(--ease);background:#060a077a;border:0;display:block;position:fixed;inset:0}.sidebar-scrim.is-visible{visibility:visible;opacity:1}.mobile-menu-button{display:grid}.topbar{padding-inline:18px}.topbar-title{display:none}.topbar-actions{margin-left:auto}.mode-button span{display:none}.mode-button{justify-content:center;width:36px;padding:0}.page-canvas{width:min(100% - 36px,680px);padding-top:48px}.inspiration-page{width:min(100% - 36px,680px);padding-top:28px}.poster-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.suggestion-row{padding-bottom:3px;overflow-x:auto}.suggestion-row .refresh-suggestions{margin-left:0}.workspace-page{grid-template-columns:1fr}.conversation-panel{display:none}.chat-stream{width:min(100% - 32px,720px);padding-top:32px}.workspace-composer-stack{width:min(100% - 28px,700px)}.content-page{width:min(100% - 36px,680px);padding-top:38px}.credit-overview{grid-template-columns:1fr}.recharge-packages{grid-template-columns:repeat(2,minmax(0,1fr))}.balance-card,.credit-benefit{min-height:140px}.payment-order-list{border-bottom:0;gap:10px;padding-top:12px;display:grid}.payment-order-list>header{border-bottom:0;justify-content:flex-end;min-height:36px;padding:0 0 4px;display:flex}.payment-order-list>header>span{display:none}.payment-order-list>article{border:1px solid var(--border);background:var(--surface);border-radius:12px;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;padding:15px}.payment-order-list>article>span:first-child{grid-column:1/-1}.payment-order-list>article>span:nth-child(2),.payment-order-list>article>span:nth-child(3){flex-direction:row;align-items:baseline;gap:6px;display:inline-flex}.payment-order-list>article>span:nth-child(3){justify-content:flex-end}.payment-order-list>article>.payment-order-status{grid-column:1}.payment-order-list>article>.payment-order-actions,.payment-order-list>article>.payment-order-no-action{grid-area:3/2;justify-self:end}.payment-order-actions{grid-auto-flow:column}.profile-account-grid{grid-template-columns:1fr}.profile-editor-fields{grid-template-columns:1fr;gap:18px}.profile-invite-form{grid-template-columns:1fr;align-items:stretch}.profile-invite-form>p{margin:0}.toolbox-grid{grid-template-columns:1fr}.toolbox-card{min-height:300px}.activity-long-page{width:min(100% - 28px,700px);padding-top:20px}.activity-long-header{grid-template-columns:104px minmax(0,1fr)}.activity-long-header>button{width:104px}.activity-long-header>button:last-child{grid-area:2/2;justify-self:end;width:132px}.activity-option-row{grid-template-columns:1fr 1fr}.activity-preview-viewport{height:68vh;min-height:480px;padding:14px}.invite-stat-grid{grid-template-columns:1fr}.invite-rewards-page>.content-page-header{min-height:120px;margin-top:18px;overflow:hidden}.invite-rewards-page>.content-page-header>div{padding-right:104px}.invite-rewards-page>.content-page-header>img{opacity:.42;width:104px;height:104px;bottom:-4px;right:0}.invite-history-head,.invite-history-row{grid-template-columns:1fr 100px}.invite-history-head span:last-child,.invite-history-row time{display:none}.menu-editor-page{width:min(100% - 28px,700px);padding-top:20px}.menu-editor-toolbar{flex-wrap:nowrap}.menu-tool-button.is-reset{margin-left:0}.menu-canvas-viewport{padding:14px}.teacher-portrait-page{width:min(100% - 28px,700px);padding-top:20px}.teacher-page-layout{grid-template-columns:1fr}.teacher-template-panel{overflow:visible}.teacher-template-grid{grid-template-columns:repeat(6,88px);overflow:auto hidden}.teacher-workflow-panel{min-height:650px}.image-detail-page{height:auto;min-height:calc(100vh - var(--topbar-height));grid-template-columns:1fr;overflow:visible}.detail-viewer{min-height:70vh}.detail-info-panel{border-top:1px solid var(--border);border-left:0}}@media (width<=520px){.support-dialog-backdrop{padding:12px}.support-dialog{border-radius:17px;max-height:calc(100vh - 24px);padding:22px 17px}.support-dialog>header{padding-right:36px}.support-dialog-qr{width:min(252px,100%)}.support-dialog-group{grid-template-columns:36px minmax(0,1fr)}.support-dialog-group button{grid-column:1/-1;width:100%}.recharge-modal-backdrop{padding:12px}.recharge-modal{border-radius:17px;max-height:calc(100vh - 24px);padding:25px 18px}.payment-provider-options{grid-template-columns:1fr}.recharge-modal-qr{aspect-ratio:1;width:min(224px,100%);height:auto}.wechat-login-backdrop{padding:10px}.wechat-login-modal{border-radius:16px;max-height:calc(100vh - 20px);padding:22px 18px 20px}.wechat-login-close{width:36px;height:36px;top:14px;right:14px}.wechat-login-modal>header{gap:12px;min-height:50px;padding-right:40px}.wechat-login-brand{border-radius:14px;flex-basis:48px;width:48px;height:48px}.wechat-login-modal h2{font-size:20px}.wechat-login-modal header p{margin-top:5px;font-size:11px}.wechat-login-stage{border-radius:13px;height:clamp(280px,62vh,400px);margin-top:19px}.wechat-login-modal>footer{margin-top:13px}.credits-button{display:none}.activity-long-header{grid-template-columns:88px minmax(0,1fr)}.activity-long-header>button{width:88px}.activity-long-header>div h1{font-size:24px}.activity-preview-panel>header{flex-direction:column;align-items:flex-start}.activity-preview-panel>header>div:last-child{width:100%}.activity-preview-panel>header button{flex:1;min-width:0}.menu-editor-header{grid-template-columns:96px minmax(0,1fr)}.menu-editor-header>div:not(.menu-canvas-actions){text-align:left}.menu-editor-header h1{font-size:23px}.menu-editor-back{width:88px}.menu-canvas-actions{grid-column:1/-1;justify-content:flex-end}.menu-canvas-size{display:none}.menu-editor-toolbar{display:flex}.menu-editor-hint{padding-inline:12px;line-height:1.6}.menu-canvas-viewport{border-radius:13px;padding:8px}.page-intro h1{font-size:40px}.page-intro>p:last-child{font-size:14px}.creation-hero h1{font-size:35px}.prompt-field textarea{height:140px;min-height:140px;padding:4px 2px 10px}.prompt-composer{min-height:0}.hero-composer-actions{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.hero-reference-strip{width:100%}.generate-button{min-width:118px;padding-inline:15px}.generation-controls{grid-template-columns:1fr 1fr;display:grid}.generation-control{grid-template-columns:1fr 1fr;min-width:0}.poster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-tabs{gap:18px;overflow-x:auto}.login-button{padding-inline:11px}.workspace-submit span{display:none}.workspace-submit{width:38px;padding:0}.workspace-composer-stack{margin:0 auto 14px}.workspace-composer{min-height:290px}.workspace-suggestion-scroller>button{width:160px}.workspace-refresh-suggestions{justify-content:center;width:32px;padding:0;font-size:0}.workspace-composer textarea{height:auto;min-height:72px}.workspace-control-row{grid-template-columns:minmax(0,1fr) 38px;align-items:end;display:grid}.workspace-input-options{gap:8px;width:100%;display:grid;overflow:visible}.reference-image-strip{width:100%;min-width:0;padding-top:5px;overflow:auto visible}.workspace-selects{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0;display:grid}.workspace-select-control,.workspace-selects select{width:100%;min-width:0}.result-image-grid button{min-width:78vw;height:320px}.generation-result header{display:block}.generation-result header span{margin-top:7px;display:block}.content-page-header,.recharge-heading,.recharge-footer{flex-direction:column;align-items:flex-start}.recharge-heading>b{margin-left:52px}.recharge-footer>button{width:100%}.setting-row{flex-direction:column;align-items:flex-start;gap:14px}.theme-options{width:100%}.theme-options button{flex:1}.profile-hero{flex-wrap:wrap;align-items:flex-start}.profile-hero>b{margin-left:75px}.profile-editor{padding:18px}.profile-editor-heading{align-items:flex-start}.profile-editor-heading em{padding-top:10px}.profile-editor-footer{flex-direction:column;align-items:stretch}.profile-editor-footer>button{width:100%}.profile-logout{grid-template-columns:1fr;align-items:stretch;padding:18px}.profile-logout>button{width:100%}.detail-viewer{padding-inline:12px}.detail-bottom-actions{grid-template-columns:1fr 1fr}.teacher-page-header{flex-wrap:wrap}.teacher-page-header>div{order:-1;width:100%}.teacher-steps{gap:8px}.teacher-step:not(:last-child):after{display:none}.teacher-step-preview{height:64px}.teacher-step-preview.is-portrait-example{width:48px;height:64px}.teacher-step b{padding-right:7px;font-size:9px}.teacher-upload-zone{min-height:420px;padding:22px 14px}.teacher-upload-actions{width:100%}.teacher-upload-actions>button{width:50%;min-width:0}.teacher-result-view>header{flex-direction:column;align-items:flex-start;gap:8px}.teacher-result-images img{max-height:360px}.teacher-result-actions{grid-template-columns:1fr;width:100%;display:grid}.teacher-result-actions button,.teacher-result-actions a{width:100%}.tool-history-backdrop{padding:12px}.tool-history-dialog{border-radius:15px;max-height:calc(100vh - 24px)}.tool-history-grid{grid-template-columns:1fr}.tool-history-preview{height:240px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}