:root{color:#1a1a2e;--brand:#5b6ef8;--brand-deep:#3655f7;--brand-violet:#8b5cf6;--brand-purple:#a335f4;--brand-soft:#eef0ff;--surface:#f8f8ff;--line:#eef0f6;--line-strong:#dde1ff;--line-active:#c9d0ff;--ink:#1a1a2e;--muted:#5b6472;--subtle:#8a92a6;--panel-shadow:0 18px 50px #5b6ef814;--soft-shadow:0 16px 38px #1a1a2e0f;--color-text-primary:#151724;--color-text-secondary:#6b7280;--color-background-primary:#fff;--color-background-secondary:#f7f8fc;--color-border-tertiary:#1418281a;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f6ff;font-family:Inter,Noto Sans SC,Source Han Sans SC,PingFang SC,system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--color-text-primary:#f8fafc;--color-text-secondary:#a3aab8;--color-background-primary:#111827;--color-background-secondary:#1f2937;--color-border-tertiary:#ffffff1f}}*{box-sizing:border-box}body{background:#f5f6ff;min-width:320px;margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}.native-file-input{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;top:0;left:-100vw}.brand{color:var(--ink);letter-spacing:0;align-items:center;gap:12px;font-size:20px;font-weight:900;display:inline-flex}.logo-mark{color:#fff;background:linear-gradient(135deg, var(--brand), var(--brand-violet));border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex;box-shadow:0 12px 26px #5b6ef83d}.top-nav{border:1px solid var(--line);width:calc(100% - 128px);max-width:1440px;min-height:68px;box-shadow:var(--panel-shadow);z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;border-radius:14px;justify-content:space-between;align-items:center;gap:18px;margin:24px auto 0;padding:0 26px;display:flex;position:relative}.top-nav-left{align-items:center;gap:26px;min-width:0;display:flex}.top-nav-shortcuts{scrollbar-width:none;align-items:center;gap:8px;min-width:0;display:flex;overflow-x:auto}.top-nav-shortcuts::-webkit-scrollbar{display:none}.top-nav-icon-link{width:38px;height:38px;color:var(--ink);background:#fff;border:1px solid #0000;border-radius:11px;flex:none;place-items:center;transition:color .18s,background .18s,border-color .18s,box-shadow .18s,transform .18s;display:inline-grid}.top-nav-icon-link:hover{color:var(--brand-deep);border-color:var(--line-strong);background:#f4f5ff;transform:translateY(-1px)}.top-nav-icon-link.active{color:var(--brand);background:var(--brand-soft);border-color:var(--line-active);box-shadow:inset 3px 0 0 var(--brand), 0 10px 24px #5b6ef81f}.nav-actions{flex:none;align-items:center;gap:10px;display:flex;position:relative}.nav-action-icon{color:#5b6472;background:#f8f8ff;border-color:#e5e7eb}.top-nav-install{color:#3655f7;background:#eef0ff;border:1px solid #dde1ff;border-radius:17px;justify-content:center;align-items:center;gap:6px;height:34px;padding:0 12px;font-size:13px;font-weight:900;transition:background .18s,border-color .18s,transform .18s;display:inline-flex}.top-nav-install:hover{background:#fff;border-color:#b8c0ff;transform:translateY(-1px)}.btn{color:#5b6ef8;background:#fff;border:1px solid #e5e7eb;border-radius:22px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 22px;font-weight:700;display:inline-flex}.btn.primary,.primary{color:#fff;background:linear-gradient(135deg,#5b6ef8,#8a94ff);border:0;box-shadow:0 10px 24px #5b6ef83d}.btn.compact{min-width:120px}.btn.ghost{background:#fff}.btn.wide{border-radius:8px;width:100%;height:48px}.btn.secondary{color:#1a1a2e;background:#fff;border:1px solid #d7dae7}.icon-muted{color:#1a1a2e;opacity:.82}.credit-pill{color:#fff;background:var(--brand);border-radius:17px;align-items:center;gap:6px;height:34px;padding:0 17px;font-size:14px;font-weight:900;display:inline-flex;box-shadow:0 10px 24px #5b6ef82e}.avatar{width:40px;height:40px;color:var(--ink);background:linear-gradient(135deg,#eef0ff,#e5e7eb);border-radius:50%;font-weight:900}.user-menu{background:#fff;border:1px solid #e5e7eb;border-radius:10px;gap:4px;min-width:148px;padding:8px;display:grid;position:absolute;top:48px;right:0;box-shadow:0 10px 30px #1a1a2e1f}.user-menu a,.user-menu button{text-align:left;color:#1a1a2e;background:#fff;border-radius:8px;padding:10px 12px}.user-menu a:hover,.user-menu button:hover{background:#f8f8ff}.home{background:#fff;border-radius:12px;flex-direction:column;width:calc(100% - 128px);max-width:1440px;min-height:calc(100dvh - 48px);margin:24px auto 0;display:flex;overflow:hidden;box-shadow:0 1px 2px #1a1a2e0d}.home>.top-nav{width:100%;max-width:none;box-shadow:none;border-bottom:1px solid #eef0f6;border-radius:0;margin:0}.hero{text-align:center;flex:1;grid-template-rows:auto minmax(24px,1fr) auto minmax(24px,1fr) auto;align-items:center;width:100%;max-width:none;margin:0;padding:56px 64px 40px;display:grid}.hero-copy{grid-row:1;justify-content:center;display:flex}.hero-pill{width:min(100%,820px);min-height:128px;box-shadow:none;color:#5b6ef8;letter-spacing:0;background:0 0;border-radius:0;justify-content:center;align-items:center;margin:0 auto;padding:0;font-family:Ma Shan Zheng,STXingkai,华文行楷,Kaiti SC,KaiTi,ZCOOL XiaoWei,serif;font-size:78px;font-weight:400;line-height:1.08;display:inline-flex}.hero-title{background:linear-gradient(112deg,#435bff 0%,#6c5af6 38%,#b46dfa 68%,#f28ac8 100%);color:#0000;text-shadow:0 8px 20px #5b6ef824;-webkit-background-clip:text;background-clip:text;justify-content:center;align-items:baseline;gap:.16em;display:inline-flex}.hero-title-ai{letter-spacing:.02em;font-family:Songti SC,STSong,SimSun,Noto Serif SC,serif;font-size:.88em;font-weight:700}.hero-title-cn{font-family:inherit}.hero-cta{border-radius:14px;grid-row:3;justify-content:center;align-items:stretch;height:60px;margin:0 auto;transition:all .2s;display:inline-flex;overflow:hidden;box-shadow:0 9px 28px #5b6ef857}.hero-cta-label{color:#fff;background:linear-gradient(135deg,#5b6ef8,#8b5cf6);justify-content:center;align-items:center;height:100%;padding:0 66px;font-size:23px;font-weight:700;transition:filter .2s;display:inline-flex}.hero-cta-text{justify-content:center;align-items:center;gap:6px;display:inline-flex}.hero-cta-divider{background:#ffffff40;width:1px;height:100%}.hero-cta-icon{background:#4354e8;justify-content:center;align-items:center;width:60px;height:100%;transition:background .2s;display:inline-flex}.hero-cta-icon svg{width:34px;height:34px}.hero-cta:hover{box-shadow:0 11px 28px #5b6ef86b}.hero-cta:hover .hero-cta-label{filter:brightness(1.05)}.hero-cta:hover .hero-cta-icon{background:#3a48d8}.home-invite-banner{color:#3655f7;background:#f4f5ff;border:1px solid #dde1ff;border-radius:21px;grid-row:4;justify-content:center;place-self:center;align-items:center;gap:9px;min-height:42px;padding:0 18px;font-size:13px;font-weight:900;transition:transform .18s,background .18s,border-color .18s;display:inline-flex;box-shadow:0 10px 24px #5b6ef814}.home-invite-banner:hover{background:#fff;border-color:#b8c0ff;transform:translateY(-1px)}.home-invite-banner strong{color:#111827}.entry-grid{grid-row:5;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;width:min(980px,100%);margin:0 auto;display:grid}.entry-card{border:1px solid #e4e7f2;border-top:4px solid var(--entry-accent);text-align:left;background:#fff;border-radius:8px;flex-direction:column;align-items:flex-start;min-width:0;min-height:206px;padding:18px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;box-shadow:0 10px 28px #1a1a2e12}.entry-card:hover{border-color:color-mix(in srgb, var(--entry-accent) 42%, #e4e7f2);transform:translateY(-3px);box-shadow:0 16px 36px #1a1a2e1f}.entry-card-icon{width:48px;height:48px;color:var(--entry-accent);background:var(--entry-soft);border-radius:8px;place-items:center;display:inline-grid}.entry-card strong{color:#111827;margin:18px 0 8px;font-size:17px;font-weight:900;line-height:1.35}.entry-card p{color:#6b7280;margin:0;font-size:13px;line-height:1.55}.entry-card-link{color:var(--entry-accent);align-items:center;gap:6px;margin-top:auto;padding-top:18px;font-size:13px;font-weight:900;line-height:1;display:inline-flex}.entry-card.memorial-poster{--entry-accent:#c45c38;--entry-soft:#fff1ea}.entry-card.ecommerce-promo{--entry-accent:#0f766e;--entry-soft:#eaf8f5}.entry-card.infographic{--entry-accent:#3655f7;--entry-soft:#eef2ff}.entry-card.flowchart{--entry-accent:#7c3aed;--entry-soft:#f3edff}.entry-card.ppt-illustration{--entry-accent:#b45309;--entry-soft:#fff7e6}.auth-page{place-items:center;min-height:100vh;padding:40px 24px;display:grid;overflow:hidden}.auth-card{text-align:center;background:#fff;border-radius:16px;width:480px;min-height:560px;padding:40px;position:relative;box-shadow:0 10px 30px #1a1a2e14}.auth-card .brand{justify-content:center;gap:16px;font-size:28px;display:grid}.auth-card .logo-mark{width:64px;height:64px;margin:0 auto}.auth-slogan{color:#6b7280;margin:12px 0 24px}.auth-tabs{background:#f0f0f8;border-radius:12px;grid-template-columns:1fr 1fr;height:58px;margin-bottom:24px;padding:4px;display:grid}.auth-tabs button{color:#1a1a2e;background:0 0;border-radius:10px;font-weight:800}.auth-tabs button.active{color:#5b6ef8;background:#fff;box-shadow:0 10px 20px #1a1a2e14}.field{text-align:left;margin-bottom:16px}.field label{color:#6b7280;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.field-hint{color:#5b6ef8;margin-top:7px;font-size:12px;font-weight:800;display:block}.input,.textarea{color:#1a1a2e;background:#fff;border:1px solid #d7dae7;border-radius:8px;outline:none;width:100%}.input{height:48px;padding:0 16px}.textarea{resize:vertical;min-height:200px;padding:20px;line-height:1.7}.input:focus,.textarea:focus{border-color:#7c88ff;box-shadow:0 0 0 4px #5b6ef81a}.error{color:#ef4444;min-height:22px;margin:8px 0;font-size:13px}.generating-tip{color:#3655f7;background:#eef0ff;border-radius:8px;justify-content:center;align-items:center;max-width:860px;min-height:44px;margin:14px auto 0;font-size:13px;font-weight:800;display:flex}.button-spinner{border:2px solid #ffffff6b;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.btn.secondary .button-spinner{border-color:#5b6ef8 #5b6ef83d #5b6ef83d}.button-hint{opacity:.9;font-size:12px;font-weight:700}button:disabled{cursor:not-allowed;opacity:.72}@keyframes spin{to{transform:rotate(360deg)}}.gift{color:#6b7280;margin:16px 0 0;font-size:13px}.app-page{border:1px solid var(--line);width:calc(100% - 128px);max-width:1440px;min-height:calc(100vh - 48px);box-shadow:var(--panel-shadow);background:#fff;border-radius:16px;margin:24px auto 0;padding-bottom:0;overflow:hidden}.app-page>.top-nav{width:100%;max-width:none;box-shadow:none;border:0;border-bottom:1px solid var(--line);background:#fffffffa;border-radius:0;margin:0}.shell{background:linear-gradient(#fff 0% 48%,#fafaff 100%);width:100%;max-width:none;margin:0;padding:24px 24px 52px;display:block}.sidebar{background:#fff;border-radius:12px;flex-direction:column;justify-content:space-between;height:calc(100vh - 128px);min-height:520px;padding:24px 16px 16px;display:flex;position:sticky;top:24px;box-shadow:0 2px 8px #1a1a2e0f}.sidebar nav{min-height:0;padding-right:2px;overflow:auto}.side-item{color:#1a1a2e;border-radius:8px;align-items:center;gap:16px;height:48px;margin-bottom:16px;padding:0 16px;font-weight:800;display:flex}.side-item.active{color:#5b6ef8;background:#eef0ff;border-left:4px solid #5b6ef8}.side-credit{color:#3655f7;background:linear-gradient(135deg,#eef0ff,#f3f0ff);border-radius:8px;justify-content:center;align-items:center;gap:12px;min-height:104px;font-size:18px;font-weight:900;display:flex}.shell-main{min-width:0}.panel{box-shadow:var(--soft-shadow);background:#fff;border-radius:18px}.workspace-card{max-width:920px;margin:0 auto;padding:32px}.workspace-chat{flex-direction:column;justify-content:flex-start;align-items:stretch;width:100%;max-width:none;min-height:calc(100dvh - 88px);margin:0;padding:0 0 72px;display:flex;position:relative}.workspace-chat.ai-mode{min-height:calc(100dvh - 136px);padding:clamp(96px,14vh,180px) 0 72px}.workspace-tabs{background:#fff;border:1px solid #e5e7eb;border-radius:22px;grid-template-columns:repeat(4,minmax(86px,1fr));align-self:center;gap:4px;min-height:44px;margin:0 0 22px;padding:4px;display:inline-grid;box-shadow:0 10px 28px #1a1a2e0f}.workspace-tabs button{color:#6b7280;background:0 0;border-radius:18px;min-width:0;font-size:14px;font-weight:900;transition:background .18s,color .18s,box-shadow .18s}.workspace-tabs button.active{color:#fff;background:#111827;box-shadow:0 8px 18px #11182729}.workspace-prompt-title{text-align:center;color:#111827;letter-spacing:0;margin:0 0 26px;font-size:26px;font-weight:700;line-height:1.3}.workspace-prompt-subtitle{color:#6b7280;text-align:center;width:min(680px,100%);margin:-14px auto 22px;font-size:14px;line-height:1.6}.workspace-ai-bubble{justify-content:center;margin:-12px 0 18px;display:flex}.workspace-ai-bubble button{color:#3655f7;background:#fff;border:1px solid #dde1ff;border-radius:18px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:0 14px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:0 10px 26px #1a1a2e12}.workspace-ai-bubble button:hover{background:#f8f8ff;border-color:#b8c0ff}.workspace-creator-layout{grid-template-columns:minmax(0,1fr) 380px;align-items:stretch;gap:24px;width:100%;margin:0;display:grid}.workspace-creator-panel{border:1px solid var(--line);gap:20px;width:100%;margin:0;padding:28px;display:grid}.creator-panel-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.creator-panel-head span{color:var(--brand);margin-bottom:6px;font-size:13px;font-weight:900;display:block}.creator-panel-head h1{color:#111827;letter-spacing:0;margin:0;font-size:28px;font-weight:950;line-height:1.22}.creator-ai-button{height:40px;color:var(--brand-deep);background:var(--surface);border:1px solid var(--line-strong);white-space:nowrap;border-radius:20px;justify-content:center;align-items:center;gap:7px;padding:0 16px;font-size:13px;font-weight:900;display:inline-flex;box-shadow:0 10px 24px #5b6ef814}.creator-ai-button:hover{background:#fff;border-color:#b8c0ff;box-shadow:0 10px 24px #5b6ef81f}.creator-field{gap:8px;display:grid;position:relative}.creator-field span,.creator-section strong{color:#1f2937;font-size:14px;font-weight:900;line-height:1.4}.creator-field textarea{color:#111827;resize:vertical;background:#fff;border:1px solid #dde1ea;border-radius:16px;outline:none;width:100%;min-height:188px;padding:16px 64px 46px 18px;line-height:1.68;transition:border-color .18s,box-shadow .18s,background .18s;box-shadow:inset 0 1px #ffffffe6}.creator-field textarea:focus{background:#fefeff;border-color:#a7b0ff;box-shadow:0 0 0 4px #5b6ef81a,inset 0 1px #ffffffe6}.creator-field textarea::placeholder{color:#8a92a6}.creator-field em{color:#8b8f9a;font-size:12px;font-style:normal;font-weight:700;position:absolute;bottom:8px;right:58px}.creator-inline-ai{color:#3655f7;background:#eef0ff;border:1px solid #dde1ff;border-radius:14px;align-items:center;gap:7px;min-height:28px;padding:0 12px;font-size:12px;font-weight:900;display:inline-flex;position:absolute;bottom:9px;left:12px;box-shadow:0 8px 18px #5b6ef81a}.creator-inline-ai:hover:not(:disabled){background:#fff;border-color:#b8c0ff}.creator-inline-ai:disabled{opacity:.68;cursor:not-allowed}.creator-inline-ai .button-spinner{border-width:2px;border-color:#3655f7 #3655f738 #3655f738;width:13px;height:13px}.creator-voice-button{color:#3655f7;background:#fff;border:1px solid #dde1ea;border-radius:12px;justify-content:center;align-items:center;width:34px;height:34px;transition:transform .18s,border-color .18s,background .18s,color .18s;display:inline-flex;position:absolute;bottom:8px;right:12px;box-shadow:0 8px 18px #11182714}.creator-voice-button:hover:not(:disabled){background:#f7f8ff;border-color:#b8c0ff;transform:translateY(-1px)}.creator-voice-button.active{color:#fff;background:#ef4444;border-color:#f97373;box-shadow:0 10px 22px #ef444433}.creator-voice-button:disabled{opacity:.58;cursor:not-allowed}.creator-voice-button .button-spinner{border-width:2px;border-color:#3655f7 #3655f738 #3655f738;width:15px;height:15px}.creator-section{gap:10px;display:grid}.creator-section p{color:#6b7280;margin:-2px 0 0;font-size:13px;line-height:1.5}.creator-option-row{flex-wrap:wrap;gap:10px;display:flex}.creator-option-row button{color:#4b5563;background:#f7f8fd;border:1px solid #e2e5ef;border-radius:12px;min-width:72px;height:42px;font-size:14px;font-weight:900;transition:border-color .18s,background .18s,color .18s,box-shadow .18s,transform .18s}.creator-option-row button:hover{border-color:var(--line-strong);background:#fafaff;transform:translateY(-1px)}.creator-option-row button.active{color:var(--brand-deep);background:#f4f5ff;border-color:#8b94fa;box-shadow:0 10px 22px #5b6ef824}.creator-upload-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.creator-upload-tile{color:#6b7280;cursor:pointer;background:#fafaff;border:1px dashed #c9cedd;border-radius:16px;align-content:center;place-items:center;gap:9px;min-height:112px;font-size:13px;font-weight:900;transition:border-color .18s,color .18s,background .18s,box-shadow .18s,transform .18s;display:grid}.creator-upload-tile:hover{color:var(--brand-deep);background:#f4f5ff;border-color:#8b94fa;transform:translateY(-1px);box-shadow:0 10px 24px #5b6ef814}.creator-upload-tile.disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.creator-attachments{margin:0}.creator-generate-button{color:#fff;background:linear-gradient(135deg,#4f6bff,#a335f4);border-radius:16px;justify-content:center;align-items:center;gap:8px;min-height:58px;font-size:16px;font-weight:900;transition:transform .18s,box-shadow .18s,filter .18s;display:inline-flex;box-shadow:0 18px 38px #5b6ef83d}.creator-generate-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 20px 42px #5b6ef847}.creator-generate-button:disabled{opacity:.62;cursor:not-allowed}.creator-generate-button .button-spinner{border-color:#fff #ffffff52 #ffffff52}.workspace-result-column{grid-template-rows:auto minmax(0,1fr);align-content:stretch;gap:24px;min-width:0;height:100%;display:grid;position:sticky;top:88px}.workspace-result-panel,.workspace-recent-panel{border:1px solid var(--line);gap:14px;padding:20px;display:grid}.workspace-result-panel{min-height:272px;margin-top:6px}.workspace-recent-panel{grid-template-rows:auto minmax(0,1fr);align-content:stretch;align-self:stretch;min-height:0;padding:20px 20px 24px}.workspace-result-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.workspace-result-head span{color:#5b6ef8;font-size:13px;font-weight:900}.workspace-result-head a{color:#5b6ef8;font-size:12px;font-weight:900}.workspace-result-large{min-width:0;display:block}.workspace-result-large-card{gap:10px;min-width:0;display:grid}.workspace-result-thumb{cursor:zoom-in;background:0 0;border:0;min-width:0;padding:0;display:block}.workspace-result-thumb img{aspect-ratio:1;object-fit:cover;background:#f3f4fa;border:1px solid #e5e7eb;border-radius:10px;width:100%;transition:border-color .18s,box-shadow .18s,transform .18s;display:block}.workspace-result-thumb.large img{border-radius:16px;box-shadow:0 14px 34px #5b6ef81f}.workspace-result-thumb:hover img{border-color:#8b94fa;transform:translateY(-1px);box-shadow:0 12px 24px #5b6ef824}.workspace-result-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.workspace-result-edit,.workspace-result-download{color:#3655f7;background:#eef0ff;border-radius:16px;justify-content:center;align-items:center;gap:5px;height:32px;font-size:12px;font-weight:900;display:inline-flex}.workspace-result-edit:hover,.workspace-result-download:hover{background:#e1e6ff}.workspace-result-empty{color:#8b8f9a;text-align:center;background:linear-gradient(#fff,#fafaff);border:1px dashed #c9cedd;border-radius:16px;align-content:center;place-items:center;gap:10px;min-height:198px;padding:18px;display:grid}.workspace-result-empty p{max-width:210px;margin:0;font-size:13px;line-height:1.6}.workspace-recent-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-content:space-between;gap:clamp(14px,2.4vh,26px) 12px;height:100%;display:grid}.workspace-recent-card{align-content:start;gap:7px;min-width:0;display:grid}.workspace-recent-thumb{cursor:zoom-in;background:#f3f4fa;border-radius:12px;min-width:0;padding:0;overflow:hidden;box-shadow:0 8px 20px #1a1a2e0d}.workspace-recent-thumb img{aspect-ratio:1;object-fit:cover;border:1px solid #e5e7eb;border-radius:12px;width:100%;transition:border-color .18s,transform .18s,filter .18s;display:block}.workspace-recent-thumb:hover img{filter:saturate(1.04);border-color:#8b94fa;transform:scale(1.025)}.workspace-recent-edit{color:#3655f7;background:#eef0ff;border-radius:14px;min-width:0;height:28px;font-size:11px;font-weight:900;box-shadow:0 8px 18px #5b6ef814}.workspace-recent-edit:hover{background:#e1e6ff}.workspace-recent-empty{color:#8b8f9a;background:#fafaff;border:1px dashed #c9cedd;border-radius:12px;place-items:center;min-height:120px;margin:0;font-size:13px;display:grid}.workspace-edit-dialog{gap:14px;display:grid}.workspace-edit-textarea-wrap{position:relative}.workspace-edit-textarea.textarea{min-height:180px;padding-bottom:52px}.workspace-edit-inline-ai{bottom:12px;left:12px}.workspace-edit-reference{background:#fafaff;border:1px solid #e5e7eb;border-radius:10px;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.workspace-edit-reference h3{color:#111827;margin:0 0 4px;font-size:14px;font-weight:900}.workspace-edit-reference p{color:#6b7280;margin:0;font-size:12px;line-height:1.5}.workspace-edit-upload{color:#fff;cursor:pointer;white-space:nowrap;background:#111827;border-radius:18px;justify-content:center;align-items:center;gap:7px;height:36px;padding:0 14px;font-size:13px;font-weight:900;display:inline-flex}.workspace-edit-upload.disabled{opacity:.58;cursor:not-allowed}.workspace-edit-reference-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.workspace-edit-reference-card{min-width:0;position:relative}.workspace-edit-reference-card img{aspect-ratio:1;object-fit:cover;background:#f3f4fa;border:1px solid #e5e7eb;border-radius:9px;width:100%;display:block}.workspace-edit-reference-card button{color:#111827;background:#ffffffeb;border-radius:50%;width:24px;height:24px;font-size:18px;line-height:1;position:absolute;top:6px;right:6px;box-shadow:0 8px 18px #11182729}.conversation-panel{gap:10px;width:min(760px,100%);margin:-6px auto 16px;display:grid}.conversation-message{gap:5px;max-width:min(640px,86%);display:grid}.conversation-message-head{align-items:center;gap:8px;display:flex}.conversation-message span{color:#6b7280;font-size:12px;font-weight:800}.conversation-message>p,.conversation-markdown{color:#111827;white-space:normal;word-break:break-word;overflow-wrap:anywhere;background:#fff;border-radius:16px;margin:0;padding:12px 15px;font-size:14px;line-height:1.62;box-shadow:0 10px 26px #1a1a2e12}.conversation-message.user{justify-self:end}.conversation-message.user .conversation-message-head{justify-content:flex-end}.conversation-message.user span{text-align:right}.conversation-message.user>p{color:#fff;white-space:pre-wrap;background:#111827}.conversation-message.assistant{justify-self:start;max-width:min(720px,92%)}.conversation-message.thinking>p{color:#6b7280}.conversation-copy-button{color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:50%;place-items:center;width:26px;height:26px;display:inline-grid}.conversation-copy-button:hover{color:#3655f7;background:#f8f8ff;border-color:#b8c0ff}.conversation-markdown p{margin:0 0 10px}.conversation-markdown p:last-child{margin-bottom:0}.conversation-markdown h3,.conversation-markdown h4{color:#111827;margin:14px 0 8px;font-size:15px;font-weight:900;line-height:1.4}.conversation-markdown h3:first-child,.conversation-markdown h4:first-child{margin-top:0}.conversation-markdown ul,.conversation-markdown ol{gap:5px;margin:8px 0 12px;padding-left:20px;display:grid}.conversation-markdown li{padding-left:2px}.conversation-markdown strong{font-weight:900}.conversation-math-inline{color:#111827;white-space:nowrap;background:#f3f4f8;border-radius:6px;align-items:baseline;min-height:1.5em;padding:0 5px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,PingFang SC,monospace;font-size:.94em;display:inline-flex}.conversation-math-block{color:#111827;white-space:nowrap;background:#f8f8ff;border:1px solid #e5e7eb;border-radius:10px;margin:10px 0 12px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,PingFang SC,monospace;font-size:14px;line-height:1.7;overflow-x:auto}.conversation-math-block strong{color:#3655f7}.conversation-markdown code{color:#374151;background:#f3f4f8;border-radius:5px;padding:1px 5px;font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,PingFang SC,monospace}.conversation-markdown pre{background:#f8f8ff;border:1px solid #e5e7eb;border-radius:10px;margin:10px 0 12px;padding:12px;overflow:auto}.conversation-markdown pre code{white-space:pre-wrap;word-break:break-word;background:0 0;padding:0;display:block}.composer-shell{background:#fff;border:1px solid #dde1ea;border-radius:24px;width:min(860px,100%);margin:0 auto;padding:10px;transition:border-color .18s,box-shadow .18s;position:relative;box-shadow:0 18px 48px #1a1a2e14}.composer-shell:focus-within{border-color:#b8c0ff;box-shadow:0 22px 54px #5b6ef829}.composer-shell.uploading{border-color:#b8c0ff}.composer-row{grid-template-columns:40px minmax(0,1fr) auto;align-items:end;gap:8px;min-height:46px;display:grid}.composer-plus-wrap{align-self:end;position:relative}.composer-icon-button,.composer-send-button{border-radius:50%;place-items:center;width:40px;height:40px;transition:background .18s,color .18s,transform .18s;display:inline-grid}.composer-icon-button{color:#111827;background:0 0}.composer-icon-button:hover{background:#f3f4f8}.composer-send-button{color:#fff;background:#111827}.composer-send-button:hover:not(:disabled){background:#3655f7;transform:translateY(-1px)}.composer-send-button:disabled{opacity:.4}.composer-action-group{align-items:center;gap:8px;padding-bottom:2px;display:flex}.composer-submit-button,.composer-chat-button{border-radius:50%;place-items:center;width:40px;height:40px;transition:background .18s,color .18s,border-color .18s,transform .18s;display:inline-grid}.composer-submit-button{color:#fff;background:#111827;border:1px solid #111827}.composer-submit-button:hover:not(:disabled){background:#3655f7;border-color:#3655f7;transform:translateY(-1px)}.composer-chat-button{color:#1f2937;background:#fff;border:1px solid #d7dae7}.composer-chat-button:hover:not(:disabled){color:#3655f7;background:#f8f8ff;border-color:#b8c0ff;transform:translateY(-1px)}.composer-chat-button .button-spinner{border-color:#5b6ef8 #5b6ef83d #5b6ef83d}.composer-submit-button:disabled,.composer-chat-button:disabled{opacity:.55}.composer-action-button{white-space:nowrap;border-radius:18px;justify-content:center;align-items:center;gap:7px;height:36px;padding:0 14px;font-size:14px;font-weight:800;transition:background .18s,color .18s,border-color .18s,transform .18s;display:inline-flex}.composer-action-button:hover:not(:disabled){transform:translateY(-1px)}.composer-action-button.chat{color:#1f2937;background:#fff;border:1px solid #d7dae7}.composer-action-button.chat:hover:not(:disabled){color:#3655f7;background:#f8f8ff;border-color:#b8c0ff}.composer-action-button.direct{color:#fff;background:#111827;border:1px solid #111827}.composer-action-button.direct:hover:not(:disabled){background:#3655f7;border-color:#3655f7}.composer-action-button:disabled{opacity:.55}.composer-action-button.chat .button-spinner{border-color:#5b6ef8 #5b6ef83d #5b6ef83d}.composer-textarea{resize:none;color:#111827;background:0 0;border:0;outline:none;width:100%;min-height:40px;max-height:160px;padding:8px 2px 7px;line-height:1.55;overflow:auto}.composer-textarea::placeholder{color:#8b8f9a}.composer-upload-menu{z-index:8;background:#fff;border:1px solid #e5e7eb;border-radius:12px;gap:2px;width:180px;padding:6px;display:grid;position:absolute;bottom:50px;left:0;box-shadow:0 18px 44px #1a1a2e29}.composer-upload-option{color:#111827;cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:10px;min-height:42px;padding:0 12px;font-size:14px;font-weight:700;display:flex}.composer-upload-option:hover{color:#3655f7;background:#f4f5ff}.composer-upload-option.disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.attachment-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:8px;display:grid}.attachment-chip{background:#fafaff;border:1px solid #e5e7eb;border-radius:10px;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:10px;min-width:0;min-height:62px;padding:8px 34px 8px 8px;display:grid;position:relative}.page-title{margin:8px 0;font-size:28px;line-height:1.25}.page-subtitle{color:#6b7280;margin:0 0 32px;font-size:15px}.workspace-textarea-wrap{position:relative}.upload-row{grid-template-columns:repeat(3,minmax(150px,1fr));gap:24px;margin:16px 0 40px;display:grid}.tool-button{color:#1a1a2e;background:#f8f8ff;border:1px solid #d7dae7;border-radius:8px;justify-content:center;align-items:center;gap:10px;height:48px;font-weight:700;display:inline-flex}.tool-button.active,.tool-button:hover{color:#5b6ef8;border-color:#8b94fa}.tool-button.disabled{opacity:.72;cursor:not-allowed;pointer-events:none}.upload-toast{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border:1px solid #dde1ff;border-radius:14px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:12px;width:min(560px,100%);margin:-12px auto 14px;padding:12px 16px;display:grid;box-shadow:0 12px 30px #1a1a2e1a}.upload-toast-spinner{border:3px solid #5b6ef82e;border-top-color:#5b6ef8;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.upload-toast strong{color:#1a1a2e;font-size:15px;line-height:1.4;display:block}.upload-toast p{color:#6b7280;margin:2px 0 0;font-size:12px;line-height:1.5}.generation-toast{color:#1a1a2e;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border:1px solid #dde1ff;border-radius:14px;width:min(520px,100%);margin:0 auto 12px;padding:11px 16px;font-size:14px;font-weight:800;line-height:1.45;box-shadow:0 12px 30px #1a1a2e1a}.generating-progress-overlay{z-index:2000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#5b6ef829;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.generating-progress-wrap{gap:18px;width:min(560px,100%);display:grid}.workspace-generation-progress,.confirm-generation-progress{margin:0}.generating-progress-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;gap:14px;padding:22px 26px 24px;display:grid;box-shadow:0 16px 42px #1a1a2e14}.generating-illustration-card{background:#f0f9f6;border:1px solid #d8eee6;border-radius:16px;min-height:190px;position:relative;overflow:hidden;box-shadow:inset 0 1px #fffffff0,0 14px 30px #5b6ef81a}.droplet-scene{align-content:center;justify-items:center;gap:14px;min-height:190px;padding:18px 18px 16px;display:grid;position:relative;overflow:hidden}.droplet-scene:before{content:"";opacity:.96;background:#f0f9f6;border-radius:28px;position:absolute;inset:16px 22px 20px}.droplet-status-pill{z-index:2;color:#3655f7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#eef0ffe6;border:1px solid #5b6ef838;border-radius:999px;align-items:center;gap:8px;min-height:30px;padding:5px 14px;font-size:13px;font-weight:900;line-height:1.35;display:inline-flex;position:relative;box-shadow:0 8px 18px #5b6ef81f}.droplet-status-dot{background:#5b6ef8;border-radius:50%;width:8px;height:8px;animation:1.6s ease-in-out infinite dropletStatusPulse;box-shadow:0 0 0 6px #5b6ef829}.droplet-scene.is-success .droplet-status-pill{color:#3655f7;background:#eef0ffeb;border-color:#5b6ef838}.droplet-scene.is-failed .droplet-status-pill{color:#dc2626;background:#fff1f2eb;border-color:#ef44442e}.droplet-scene.is-failed .droplet-status-dot{background:#fb7185;box-shadow:0 0 0 6px #fb718524}.droplet-mascot-row{z-index:2;justify-content:center;align-items:end;gap:18px;width:100%;min-height:118px;display:flex;position:relative}.droplet-mascot{--drop-color:#85b7eb;--drop-accent:#5a9ddd;--drop-delay:0s;place-items:end center;width:74px;height:118px;display:grid;position:relative}.droplet-mascot-body{transform-origin:50% 92%;filter:drop-shadow(0 12px 18px #5b6ef82e);width:64px;height:90px;animation:dropletBounce 1.38s cubic-bezier(.34, .02, .22, 1) var(--drop-delay) infinite;will-change:transform;display:block}.droplet-body{fill:var(--drop-color)}.droplet-glow{fill:none;stroke:#ffffffb8;stroke-width:5px;stroke-linecap:round}.droplet-highlight{fill:#ffffffad}.droplet-eye{fill:#3655f7;transform-box:fill-box;transform-origin:50%;animation:dropletBlink 4.8s ease-in-out calc(var(--drop-delay) + .55s) infinite}.droplet-smile{fill:none;stroke:#3655f7;stroke-width:4px;stroke-linecap:round}.droplet-cheek{fill:var(--drop-accent);opacity:.22}.droplet-mascot-shadow{transform-origin:50%;width:48px;height:10px;animation:dropletShadow 1.38s cubic-bezier(.34, .02, .22, 1) var(--drop-delay) infinite;will-change:transform, opacity;background:#5b6ef82e;border-radius:999px;margin-top:2px;display:block}.droplet-sparkle{z-index:1;opacity:.42;background:#85b7eb;border-radius:50%;width:8px;height:8px;animation:3.8s ease-in-out infinite dropletSparkle;position:absolute;box-shadow:0 0 16px #5b6ef857}.droplet-sparkle.one{background:#f0b97b;top:34%;left:18%}.droplet-sparkle.two{background:#afa9ec;animation-delay:.9s;top:30%;right:20%}.droplet-sparkle.three{background:#85b7eb;animation-delay:1.5s;bottom:20%;left:54%}.droplet-wave{z-index:1;filter:blur(.2px);background:linear-gradient(90deg,#f0b97b38,#5dcaa52e,#85b7eb33,#afa9ec33);border-radius:999px;height:12px;position:absolute;bottom:24px;left:18%;right:18%}.droplet-scene.stage-figure .droplet-wave{opacity:.82}.droplet-scene.stage-light .droplet-sparkle,.droplet-scene.stage-final .droplet-sparkle{opacity:.72}.droplet-scene.is-success .droplet-mascot-body{animation:.85s ease-out both dropletCelebrate}.droplet-scene.is-success .droplet-mascot-shadow{animation:.85s ease-out both dropletCelebrateShadow}.droplet-scene.is-success .droplet-status-dot{background:#5b6ef8;animation:none}.droplet-scene.is-failed .droplet-mascot-body,.droplet-scene.is-failed .droplet-mascot-shadow{opacity:.62;animation-play-state:paused}.droplet-scene.is-failed .droplet-sparkle{opacity:.18;animation-play-state:paused}.generating-progress-head{align-items:center;gap:18px;display:flex}.generating-progress-icon{color:#5b6ef8;background:linear-gradient(135deg,#eef0ff,#f3f0ff);border-radius:50%;flex:none;place-items:center;width:56px;height:56px;display:inline-grid}.generating-progress-title h2{color:#111827;letter-spacing:0;margin:0;font-size:18px;font-weight:900;line-height:1.35}.generating-progress-title p{color:#4b5563;margin:3px 0 0;font-size:14px;line-height:1.55}.generating-progress-meter{background:#eef2f7;border-radius:999px;height:5px;overflow:hidden}.generating-progress-meter span{border-radius:inherit;background:linear-gradient(90deg,#5b6ef8,#8b5cf6);min-width:6px;height:100%;transition:width .55s;display:block;box-shadow:0 0 14px #5b6ef852}.generating-progress-stage{color:#111827;justify-content:space-between;align-items:center;gap:16px;font-size:13px;line-height:1.5;display:flex}.generating-progress-stage strong{color:#1f2937;font-size:13px;font-weight:800}.generating-progress-dots{align-items:center;gap:10px;min-height:10px;display:flex}.generating-progress-dots span{background:#dde1ff;border-radius:50%;width:10px;height:10px;transition:background .3s,transform .3s}.generating-progress-dots span.active{background:#5b6ef8;transform:scale(1.08)}.generating-progress-card.success .generating-progress-icon{color:#5b6ef8;background:#eef0ff}.generating-progress-card.failed .generating-progress-icon{color:#ef4444;background:#fff1f2}.generating-progress-card.failed .generating-progress-meter span{background:linear-gradient(90deg,#f87171,#ef4444)}.generating-progress-card.failed .generating-progress-stage strong{color:#ef4444}.generating-progress-dismiss{color:#fff;background:#111827;border-radius:17px;justify-self:end;height:34px;padding:0 16px;font-size:13px;font-weight:800}.generation-waiting-overlay{--brand-purple:#6c63ff;--brand-purple-light:#6c63ff1a;--light-particle:#f5a623;--light-particle-light:#f5a62324;--success:#2c9c6a;--success-bg:#eaf5ef;--warning:#b7791f;--warning-bg:#fff6e6;--danger:#d64545;--danger-bg:#fdecec;--radius-card:16px;--shadow-card:0 12px 30px #1e203c14;z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#f5f6ffeb,#eef0ffe0);place-items:center;padding:22px;display:grid;position:absolute;inset:0;overflow-y:auto}.generation-waiting-shell{width:min(480px,100%);color:var(--color-text-primary);gap:12px;font-family:Noto Sans SC,Inter,Source Han Sans SC,PingFang SC,system-ui,sans-serif;display:grid}.wait-progress-card,.light-status-bar,.wait-view-panel{border:.5px solid var(--color-border-tertiary);border-radius:var(--radius-card);background:var(--color-background-primary);box-shadow:var(--shadow-card)}.wait-progress-card{gap:12px;padding:16px;display:grid}.wait-progress-top{grid-template-columns:14px minmax(0,1fr) auto;align-items:start;gap:10px;min-width:0;display:grid}.wait-breathe-dot{background:var(--brand-purple);width:10px;height:10px;box-shadow:0 0 0 6px var(--brand-purple-light);border-radius:50%;margin-top:8px;animation:1.8s ease-in-out infinite breathe}.wait-progress-copy{min-width:0}.wait-progress-copy h2{color:var(--color-text-primary);letter-spacing:0;margin:0;font-size:18px;font-weight:900;line-height:1.35}.wait-progress-copy p{color:var(--color-text-secondary);margin:4px 0 0;font-size:13px;line-height:1.55}.wait-progress-badge{color:#fff;background:var(--brand-purple);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:26px;padding:5px 10px;font-size:12px;font-weight:900;line-height:1;display:inline-flex}.wait-progress-meter{background:#6c63ff1f;border-radius:999px;height:5px;overflow:hidden}.wait-progress-meter span{border-radius:inherit;background:linear-gradient(90deg, var(--brand-purple), #8b83ff);min-width:5px;height:100%;transition:width .55s;display:block;box-shadow:0 0 14px #6c63ff59}.wait-progress-stage{color:var(--color-text-secondary);justify-content:space-between;align-items:center;gap:12px;font-size:12px;line-height:1.5;display:flex}.wait-progress-stage strong{color:var(--color-text-primary);font-size:12px;font-weight:900}.wait-progress-note{color:var(--color-text-secondary);margin:-2px 0 0;font-size:12px;line-height:1.55}.wait-progress-card.failed .wait-breathe-dot,.wait-progress-card.failed .wait-progress-meter span{background:var(--danger);box-shadow:0 0 0 6px #d645451f}.light-status-bar{--light-status-surface:#fffdf8;background:linear-gradient(#fffaeff5,#fffffff5);border-color:#f5a62338;gap:9px;padding:13px 14px;display:grid}.light-status-main{grid-template-columns:minmax(0,124px) minmax(0,1fr);align-items:start;gap:12px;min-width:0;display:grid}.light-status-copy{min-width:0}.light-status-headline{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.light-status-main strong{color:var(--color-text-primary);font-size:14px;font-weight:950;line-height:1.35;display:block}.light-status-copy>span{color:var(--warning);margin-top:3px;font-size:12px;font-weight:800;line-height:1.45;display:block}.light-generation-progress{justify-self:start;align-items:center;gap:14px;min-width:0;margin-top:13px;margin-left:-8px;display:inline-flex;transform:translate(80px,28px)}.light-generation-ring{border-radius:50%;flex:0 0 68px;place-items:center;width:68px;height:68px;display:inline-grid;position:relative;box-shadow:0 14px 32px #6c63ff29}.light-generation-ring:before{content:"";border-radius:inherit;background:var(--light-status-surface);position:absolute;inset:8px}.light-generation-ring span{z-index:1;color:var(--color-text-primary);margin:0;font-size:18px;font-weight:950;line-height:1;position:relative}.light-generation-copy{gap:4px;min-width:0;display:grid}.light-generation-copy em,.light-generation-copy small{white-space:nowrap;margin:0;font-style:normal;line-height:1.2;display:block}.light-generation-copy em{color:var(--color-text-primary);font-size:24px;font-weight:950}.light-generation-copy small{color:var(--brand-purple);font-size:22px;font-weight:900}.light-status-dots,.quiz-result-dots{align-items:center;gap:6px;display:inline-flex}.light-status-dots span,.quiz-result-dots span{background:#f5a62338;border:1px solid #f5a62347;border-radius:50%;width:12px;height:12px}.light-status-dots span.active,.quiz-result-dots span.active{background:var(--light-particle);border-color:#f5a623bd;animation:.42s cubic-bezier(.2,.9,.22,1.18) both particlePop;box-shadow:0 0 15px #f5a62375}.light-status-meta{color:var(--color-text-secondary);grid-template-columns:1fr;gap:3px;font-size:12px;line-height:1.45;display:grid}.wait-quiz-tabs{border:1px solid var(--color-border-tertiary);background:#ffffffb8;border-radius:999px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;min-height:42px;padding:4px;display:grid;box-shadow:0 10px 24px #1e203c0f}.wait-quiz-tabs button{min-width:0;color:var(--color-text-secondary);white-space:nowrap;background:0 0;border-radius:999px;font-size:12px;font-weight:900;line-height:1.2;transition:color .18s,background .18s,box-shadow .18s}.wait-quiz-tabs button.active{color:#fff;background:var(--brand-purple);box-shadow:0 8px 18px #6c63ff38}.wait-quiz-tabs button:disabled{color:var(--color-text-muted);cursor:not-allowed;box-shadow:none;background:#94a3b824}.wait-view-panel{padding:18px;animation:.32s both slideUp}.knowledge-card{gap:12px;display:grid}.knowledge-tag{min-height:28px;color:var(--brand-purple);background:var(--brand-purple-light);border-radius:999px;justify-self:start;align-items:center;gap:7px;padding:5px 11px;font-size:12px;font-weight:900;line-height:1;display:inline-flex}.knowledge-tag i{font-size:16px}.knowledge-card h3,.quiz-panel h3,.quiz-result-panel h3{color:var(--color-text-primary);letter-spacing:0;margin:0;font-size:16px;font-weight:950;line-height:1.45}.knowledge-card p{color:var(--color-text-secondary);margin:0;font-size:14px;line-height:1.72}.knowledge-card blockquote{border-left:3px solid var(--brand-purple);background:var(--color-background-secondary);color:var(--color-text-primary);border-radius:12px;margin:0;padding:12px 13px;font-size:13px;line-height:1.68}.knowledge-footer{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;display:grid}.knowledge-read{min-width:0;color:var(--color-text-secondary);gap:7px;font-size:12px;font-weight:800;display:grid}.knowledge-read-track{background:#6c63ff1f;border-radius:999px;width:100%;height:4px;overflow:hidden}.knowledge-read-track span{border-radius:inherit;background:var(--brand-purple);width:0%;height:100%;animation:readProgress var(--knowledge-read-duration,30s) linear both;display:block}.knowledge-answer-button,.quiz-actions button,.quiz-empty button{color:#fff;background:var(--brand-purple);white-space:nowrap;border-radius:999px;min-height:36px;padding:0 15px;font-size:13px;font-weight:900;box-shadow:0 10px 20px #6c63ff38}.knowledge-answer-button:disabled{color:#64748b;cursor:not-allowed;box-shadow:none;background:#e5e7eb}.quiz-panel{gap:14px;display:grid}.quiz-panel-head{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;min-width:0;display:grid}.quiz-panel-head span{min-height:24px;color:var(--warning);background:var(--light-particle-light);white-space:nowrap;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900;line-height:1}.quiz-options{gap:9px;display:grid}.quiz-options button{background:var(--color-background-secondary);min-width:0;min-height:48px;color:var(--color-text-primary);text-align:left;border:1px solid #fff;border-radius:13px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;padding:10px 12px;transition:border-color .18s,background .18s,transform .18s,opacity .18s;display:grid}.quiz-options button:hover:not(:disabled){background:var(--brand-purple-light);border-color:#6c63ff7a;transform:translateY(-1px)}.quiz-options button>span{width:28px;height:28px;color:var(--color-text-secondary);border:1px solid var(--color-border-tertiary);background:#fff;border-radius:50%;place-items:center;font-size:12px;font-weight:950;display:inline-grid}.quiz-options button>strong{min-width:0;color:inherit;overflow-wrap:anywhere;font-size:13px;font-weight:800;line-height:1.55}.quiz-options button.correct{border-color:var(--success);background:var(--success-bg);color:#15543a}.quiz-options button.correct>span{color:#fff;background:var(--success);border-color:var(--success)}.quiz-options button.wrong{border-color:var(--danger);background:var(--danger-bg);color:#7b2424}.quiz-options button.wrong>span{color:#fff;background:var(--danger);border-color:var(--danger)}.quiz-options button.muted{opacity:.68}.quiz-feedback{border-radius:14px;gap:5px;padding:13px 14px;display:grid}.quiz-feedback.correct{color:#15543a;background:var(--success-bg);border:1px solid #2c9c6a33}.quiz-feedback.wrong{color:#7a4a0b;background:var(--warning-bg);border:1px solid #b7791f2e}.quiz-feedback strong{font-size:14px;font-weight:950;line-height:1.4}.quiz-feedback p{margin:0;font-size:13px;line-height:1.58}.quiz-actions{justify-content:flex-end;display:flex}.quiz-result-panel{gap:14px;display:grid}.quiz-result-panel.correct{background:linear-gradient(180deg, var(--success-bg), var(--color-background-primary) 54%)}.quiz-result-panel.limited,.quiz-result-panel.wrong{background:linear-gradient(180deg, var(--warning-bg), var(--color-background-primary) 54%)}.quiz-result-head{grid-template-columns:42px minmax(0,1fr);align-items:start;gap:12px;display:grid}.quiz-result-icon{color:#fff;background:var(--success);border-radius:50%;place-items:center;width:42px;height:42px;display:inline-grid;box-shadow:0 10px 22px #2c9c6a33}.quiz-result-panel.wrong .quiz-result-icon,.quiz-result-panel.limited .quiz-result-icon{background:var(--light-particle);box-shadow:0 10px 22px #f5a62338}.quiz-result-icon i{font-size:22px}.quiz-result-head p,.quiz-result-explanation{color:var(--color-text-secondary);margin:4px 0 0;font-size:13px;line-height:1.65}.quiz-result-explanation{margin:0}.quiz-result-progress{background:#f5a6231c;border:1px solid #f5a6232e;border-radius:14px;gap:9px;padding:12px;display:grid}.quiz-result-progress-head{color:var(--color-text-primary);justify-content:space-between;align-items:center;gap:12px;font-size:12px;line-height:1.4;display:flex}.quiz-result-progress-head strong,.quiz-result-progress-head span{font-weight:950}.quiz-result-track{background:#f5a6232e;border-radius:999px;height:6px;overflow:hidden}.quiz-result-track span{border-radius:inherit;background:var(--light-particle);height:100%;transition:width .28s;display:block}.quiz-result-footer{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.quiz-result-footer span{color:var(--color-text-secondary);font-size:12px;line-height:1.45}.quiz-result-footer button{color:var(--brand-purple);background:0 0;font-size:13px;font-weight:950}.quiz-empty{color:var(--color-text-secondary);gap:8px;font-size:13px;line-height:1.6;display:grid}.quiz-empty strong{color:var(--color-text-primary);font-size:15px}.quiz-empty p{margin:0}.quiz-empty button{justify-self:start;margin-top:4px}.generation-waiting-dismiss{color:#fff;background:#111827;border-radius:999px;justify-self:end;min-height:36px;padding:0 16px;font-size:13px;font-weight:900}.generation-waiting-shell{gap:14px;width:min(560px,100%)}.wait-progress-card{background:linear-gradient(135deg,#fffffffa,#f9fbfff0);border-color:#5b6ef81f;border-radius:24px;padding:28px 28px 22px;box-shadow:0 18px 44px #3c4c981f}.wait-progress-top{grid-template-columns:132px minmax(0,1fr);align-items:center;gap:26px;display:grid}.wait-progress-mascot{place-items:end center;min-height:142px;display:grid;position:relative}.wait-progress-mascot .droplet-mascot{width:100px;height:138px}.wait-progress-mascot .droplet-mascot-body{filter:drop-shadow(0 18px 22px #2f8bee38);width:92px;height:126px}.wait-progress-mascot .droplet-mascot-shadow{background:#2f8bee2e;width:70px;height:13px}.wait-progress-wave{border:0;border-left:3px solid #499bf49e;border-right:3px solid #499bf49e;width:18px;height:28px;position:absolute;top:88px}.wait-progress-wave.left{border-right:0;border-radius:18px 0 0 18px;left:1px;transform:rotate(-18deg)}.wait-progress-wave.right{border-left:0;border-radius:0 18px 18px 0;right:0;transform:rotate(18deg)}.wait-progress-copy{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:18px;display:grid;position:relative}.wait-progress-copy h2{grid-column:1/-1;font-size:clamp(24px,4.8vw,30px);font-weight:950;line-height:1.22}.wait-progress-copy p{color:#6b63ff;grid-column:1/-1;margin-top:7px;font-size:clamp(16px,3vw,20px);font-weight:900;line-height:1.25}.wait-progress-meter{background:#eff2f9;grid-column:1;height:18px;margin-top:22px;box-shadow:inset 0 1px 2px #4a55680a}.wait-progress-meter span{background:linear-gradient(90deg,#2895ff,#6e65ff,#9360f7);min-width:18px;box-shadow:0 8px 18px #5b6ef83d}.wait-progress-percent{color:#3655f7;grid-column:2;align-self:end;margin-top:22px;font-size:18px;font-weight:950;line-height:1}.wait-progress-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 0;padding:0;list-style:none;display:grid;position:relative}.wait-progress-steps:before{content:"";background:#dde2ee;border-radius:999px;height:3px;position:absolute;top:16px;left:16.66%;right:16.66%}.wait-progress-steps li{z-index:1;color:#9aa3b5;justify-items:center;gap:8px;font-size:12px;font-weight:800;line-height:1.25;display:grid;position:relative}.wait-progress-steps li.done,.wait-progress-steps li.active{color:#3655f7}.wait-step-dot{color:#aab2c5;background:#fff;border:2px solid #dde2ee;border-radius:50%;place-items:center;width:34px;height:34px;font-size:14px;font-weight:950;display:inline-grid;box-shadow:0 8px 18px #20305e14}.wait-progress-steps li.done .wait-step-dot{color:#fff;background:#2e7dff;border-color:#2e7dff}.wait-progress-steps li.active .wait-step-dot{color:#2e7dff;border-color:#2e7dff;box-shadow:0 0 0 5px #2e7dff1a,0 8px 18px #2e7dff1f}.wait-progress-card.failed .wait-progress-copy p,.wait-progress-card.failed .wait-progress-percent{color:var(--danger)}.wait-progress-card.failed .wait-progress-meter span{background:linear-gradient(90deg,#f87171,#ef4444)}.wait-activity-section{gap:13px;display:grid}.wait-activity-section h2{color:#151724;letter-spacing:0;align-items:center;gap:8px;margin:0;font-size:20px;font-weight:950;line-height:1.35;display:inline-flex}.wait-activity-section h2 i{color:#2e7dff;font-size:20px}.wait-activity-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.wait-activity-card{text-align:left;background:#fffffff5;border:1px solid #5b6ef81a;border-radius:18px;grid-template-rows:1fr auto auto;place-items:end start;min-width:0;min-height:180px;padding:20px 18px 16px;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 34px #3c4c981a}.wait-activity-card:hover:not(:disabled),.wait-activity-card.active{border-color:#5b6ef84d;transform:translateY(-2px);box-shadow:0 18px 38px #3c4c9824}.wait-activity-card:disabled{cursor:not-allowed;opacity:.62}.wait-activity-card strong{color:#151724;font-size:17px;font-weight:950;line-height:1.35}.wait-activity-card small{color:#7b8497;margin-top:2px;font-size:12px;font-weight:800;line-height:1.45}.wait-activity-card>i{color:#5b6ef8;background:#f1f3ff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:17px;display:inline-grid;position:absolute;bottom:17px;right:14px}.wait-activity-art{place-self:start center;width:118px;height:84px;margin-bottom:12px;position:relative}.wait-activity-art.book:before,.wait-activity-art.book:after{content:"";background:linear-gradient(135deg,#fafcff,#dde8ff);border:3px solid #b6cbff;width:56px;height:54px;position:absolute;top:16px;box-shadow:0 12px 18px #5b6ef829}.wait-activity-art.book:before{border-radius:12px 6px 9px 12px;left:8px;transform:skewY(8deg)rotate(5deg)}.wait-activity-art.book:after{border-radius:6px 12px 12px 9px;right:8px;transform:skewY(-8deg)rotate(-5deg)}.wait-activity-art.book span{z-index:2;background:linear-gradient(#5b8cff,#2e7dff);border-radius:4px;width:14px;height:42px;position:absolute;bottom:4px;left:52px;box-shadow:0 8px 14px #2e7dff2e}.wait-activity-art.target{place-items:center;display:grid}.wait-activity-art.target:before{content:"";background:radial-gradient(circle,#5b6ef8 0 8px,#fff 9px 17px,#73a5ff 18px 28px,#fff 29px 39px);border:6px solid #8fb5ff;border-radius:50%;width:78px;height:78px;box-shadow:0 14px 22px #5b6ef82e}.wait-activity-art.target span{background:linear-gradient(90deg,#3655f7,#8b5cf6);border-radius:999px;width:54px;height:6px;position:absolute;top:12px;right:25px;transform:rotate(-42deg);box-shadow:0 7px 12px #5b6ef838}.wait-activity-art.target span:after{content:"";border-top:8px solid #0000;border-bottom:8px solid #0000;border-left:12px solid #6c63ff;width:0;height:0;position:absolute;top:-5px;right:-6px}.wait-activity-ribbon{color:#fff;background:#6c63ff;place-items:center;width:108px;height:28px;font-size:12px;font-weight:950;display:grid;position:absolute;top:12px;right:-30px;transform:rotate(45deg)}.light-status-bar{background:#ffffffeb;border-color:#5b6ef81a;border-radius:18px;grid-template-columns:70px minmax(0,1fr) 1px minmax(0,1fr);align-items:center;gap:16px;min-height:96px;padding:16px 18px;display:grid;box-shadow:0 14px 34px #3c4c981a}.light-status-mascot{place-items:end center;width:70px;height:64px;display:grid}.light-status-face{background:linear-gradient(135deg,#ffe575,#ffc847);border-radius:44% 48% 46% 44%;width:54px;height:54px;display:block;position:relative;box-shadow:0 12px 20px #f5a62333}.light-status-face:before,.light-status-face:after{content:"";background:#3b2f12;border-radius:50%;width:5px;height:5px;position:absolute;top:24px}.light-status-face:before{left:16px}.light-status-face:after{right:16px}.light-status-face span{border:2px solid #3b2f12;border-top:0;border-radius:0 0 12px 12px;width:10px;height:5px;position:absolute;top:31px;left:22px}.light-status-face span:before,.light-status-face span:after{content:"";background:#ffe575;border-radius:8px;width:8px;height:12px;position:absolute;top:-28px}.light-status-face span:before{left:-17px;transform:rotate(-22deg)}.light-status-face span:after{right:-17px;transform:rotate(22deg)}.light-status-copy{gap:8px;display:grid}.light-status-headline{color:#151724;align-items:baseline;gap:5px;display:flex}.light-status-headline span,.light-status-headline em{color:#596273;font-size:13px;font-style:normal;font-weight:800;line-height:1.3}.light-status-headline strong{color:#3655f7;font-size:22px;font-weight:950;line-height:1}.light-status-track{background:#eaedf4;border-radius:999px;width:100%;height:10px;overflow:hidden}.light-status-track span{border-radius:inherit;background:linear-gradient(90deg,#3655f7,#6c63ff);min-width:8px;height:100%;transition:width .28s;display:block}.light-status-divider{background:#eef0f6;align-self:stretch}.light-status-meta{gap:5px;display:grid}.light-status-meta strong{color:#151724;font-size:15px;font-weight:950;line-height:1.35}.light-status-meta span{color:#6b7280;font-size:12px;line-height:1.55}.wait-view-panel{border-color:#5b6ef81a;border-radius:18px;box-shadow:0 14px 34px #3c4c981a}.knowledge-card blockquote{background:#f6f7fb;border-left-color:#6c63ff;border-radius:14px}.knowledge-read{gap:0}.knowledge-answer-button,.quiz-actions button,.quiz-empty button{border-radius:21px;min-height:42px}.quiz-result-track span{background:linear-gradient(90deg,#3655f7,#6c63ff)}.quiz-result-dots span.active{background:#6c63ff;border-color:#6c63ffa3;box-shadow:0 0 15px #6c63ff52}.light-particle-toast{z-index:2010;color:#151724;text-align:center;background:#fff;border:1px solid #f5a6236b;border-radius:16px;justify-items:center;gap:5px;width:min(260px,100vw - 48px);padding:18px 16px;animation:.4s cubic-bezier(.2,.95,.18,1.18) both toastPop;display:grid;position:fixed;top:50%;left:50%;box-shadow:0 18px 44px #1e203c29}.light-particle-toast-icon{color:#fff;background:var(--light-particle);border-radius:50%;place-items:center;width:54px;height:54px;display:grid;box-shadow:0 12px 26px #f5a62347}.light-particle-toast-icon i{font-size:28px}.light-particle-toast strong{color:#151724;margin-top:3px;font-size:20px;font-weight:950;line-height:1.2}.light-particle-toast p,.light-particle-toast small{color:#6b7280;margin:0;font-size:13px;line-height:1.45}.light-particle-toast em{color:#b7791f;font-size:13px;font-style:normal;font-weight:950;line-height:1.4}.light-toast-leave-active{transition:opacity .22s,transform .22s}.light-toast-leave-to{opacity:0;transform:translate(-50%,-54%)scale(.96)}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{0%,to{opacity:.65;transform:scale(1)}50%{opacity:1;transform:scale(1.35)}}@keyframes particlePop{0%{opacity:0;transform:scale(0)}65%{opacity:1;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}@keyframes toastPop{0%{opacity:0;transform:translate(-50%,-44%)scale(.88)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes readProgress{0%{width:0%}to{width:100%}}@media (prefers-color-scheme:dark){.generation-waiting-overlay{--shadow-card:0 16px 40px #00000047;background:linear-gradient(#111827f0,#1f2937eb)}.light-status-bar,.wait-progress-card,.wait-activity-card,.wait-view-panel{background:#111827f0;border-color:#ffffff1f}.wait-activity-section h2,.wait-activity-card strong,.light-status-headline,.light-status-meta strong{color:#f8fafc}.wait-progress-steps:before,.light-status-divider,.light-status-track{background:#ffffff24}.wait-quiz-tabs{background:#111827b8}.quiz-options button>span{background:#ffffff14}.quiz-options button.correct{color:#ddf7e9;background:#2c9c6a38}.quiz-options button.wrong{color:#ffe2e2;background:#d6454533}.light-particle-toast{color:#f8fafc;background:#111827}.light-particle-toast strong{color:#f8fafc}}@keyframes dropletBounce{0%,to{transform:translateY(0)scaleX(1.04)scaleY(.96)}16%{transform:translateY(0)scaleX(1.04)scaleY(.96)}46%{transform:translateY(-15px)scaleX(.98)scaleY(1.04)}72%{transform:translateY(2px)scaleX(1.03)scaleY(.97)}}@keyframes dropletShadow{0%,to{opacity:.28;transform:scaleX(1)}16%{opacity:.28;transform:scaleX(1)}46%{opacity:.14;transform:scaleX(.65)}72%{opacity:.3;transform:scaleX(1.06)}}@keyframes dropletBlink{0%,88%,to{transform:scaleY(1)}91%,94%{transform:scaleY(.14)}}@keyframes dropletSparkle{0%,to{opacity:.22;transform:translateY(0)scale(.8)}50%{opacity:.72;transform:translateY(-8px)scale(1.15)}}@keyframes dropletStatusPulse{0%,to{opacity:.74;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}@keyframes dropletCelebrate{0%{transform:translateY(0)scaleX(1.03)scaleY(.97)}38%{transform:translateY(-18px)scaleX(.96)scaleY(1.06)}64%{transform:translateY(0)scaleX(1.05)scaleY(.95)}to{transform:translateY(-3px)scale(1)}}@keyframes dropletCelebrateShadow{0%{opacity:.26;transform:scaleX(1)}38%{opacity:.12;transform:scaleX(.58)}64%{opacity:.3;transform:scaleX(1.08)}to{opacity:.2;transform:scaleX(.92)}}@media (prefers-reduced-motion:reduce){.droplet-mascot-body,.droplet-mascot-shadow,.droplet-eye,.droplet-sparkle,.droplet-status-dot{animation-duration:4.8s;animation-timing-function:ease-in-out}.droplet-mascot-body{animation-name:dropletReducedFloat}.droplet-mascot-shadow{animation-name:dropletReducedShadow}}@keyframes dropletReducedFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes dropletReducedShadow{0%,to{opacity:.24;transform:scaleX(.96)}50%{opacity:.18;transform:scaleX(.82)}}.attachment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:-20px 0 28px;display:grid}.attachment-card{background:#f8f8ff;border:1px solid #e5e7eb;border-radius:8px;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:12px;min-width:0;min-height:72px;padding:10px 38px 10px 10px;display:grid;position:relative}.attachment-thumb{color:#5b6ef8;background:#fff;border:1px solid #e5e7eb;border-radius:8px;place-items:center;width:46px;height:46px;display:grid;overflow:hidden}.attachment-thumb img{object-fit:cover;width:100%;height:100%;display:block}.attachment-info{gap:4px;min-width:0;display:grid}.attachment-info strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.attachment-info span{color:#6b7280;font-size:12px}.attachment-remove{color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:6px;right:6px}.attachment-remove:hover{color:#ef4444;border-color:#fca5a5}.action-row{justify-content:flex-end;align-items:center;gap:16px;display:flex}.helper{color:#9ca3af;font-size:13px}.feedback-card{width:100%;max-width:none;margin:0;padding:40px}.feedback-head{margin-bottom:30px}.feedback-head h1{color:#1a1a2e;margin:0 0 12px;font-size:24px;font-weight:800;line-height:1.25}.feedback-head p{color:#6b7280;margin:0;font-size:14px;line-height:1.6}.feedback-form{gap:24px;display:grid}.feedback-section{gap:12px;display:grid}.feedback-section h2,.feedback-label-row h2{color:#1a1a2e;margin:0;font-size:16px;font-weight:800;line-height:1.4}.feedback-type-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.feedback-type-pill{color:#6b7280;background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 20px;font-weight:800;transition:border-color .18s,background .18s,color .18s,transform .18s;display:inline-flex}.feedback-type-pill:hover{border-color:#cbd5e1;transform:translateY(-1px)}.feedback-type-pill.active{color:var(--pill-color);background:var(--pill-bg);border:2px solid var(--pill-color)}.field-error{color:#ef4444;min-height:18px;font-size:12px;line-height:1.5}.feedback-textarea-wrap{position:relative}.feedback-textarea-wrap textarea{color:#1a1a2e;resize:vertical;background:#fafafa;border:1px solid #e5e7eb;border-radius:12px;outline:none;width:100%;height:180px;padding:16px 16px 34px;line-height:1.65}.feedback-textarea-wrap textarea:focus,.feedback-contact:focus{background:#fff;border-color:#8b94fa;box-shadow:0 0 0 4px #5b6ef81a}.feedback-textarea-wrap span{color:#9ca3af;font-size:15px;position:absolute;bottom:12px;right:16px}.feedback-upload{background:#fff;border:1px dashed #d1d5db;border-radius:8px;place-items:center;min-height:80px;padding:10px 16px;transition:border-color .18s,background .18s;display:grid}.feedback-upload.dragging{background:#eef0ff;border-color:#5b6ef8}.feedback-upload.filled{place-items:stretch stretch}.feedback-upload-trigger{color:#9ca3af;background:0 0;justify-content:center;align-items:center;gap:14px;width:100%;min-height:58px;font-size:13px;font-weight:700;display:inline-flex}.feedback-screenshot{grid-template-columns:64px minmax(0,1fr) 32px;align-items:center;gap:12px;width:100%;display:grid}.feedback-screenshot img{object-fit:cover;background:#f0f0f8;border:1px solid #e5e7eb;border-radius:8px;width:64px;height:54px}.feedback-screenshot div{gap:4px;min-width:0;display:grid}.feedback-screenshot strong{text-overflow:ellipsis;white-space:nowrap;color:#1a1a2e;font-size:13px;overflow:hidden}.feedback-screenshot span{color:#9ca3af;font-size:12px}.feedback-screenshot button{color:#6b7280;background:#f0f0f8;border-radius:50%;width:32px;height:32px;font-size:20px;line-height:1}.feedback-label-row{align-items:center;gap:10px;display:flex}.feedback-label-row span{color:#6b7280;background:#f3f4f6;border-radius:10px;align-items:center;height:20px;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}.feedback-contact{color:#1a1a2e;background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;width:100%;height:44px;padding:0 16px}.feedback-submit-row{justify-items:end;gap:8px;padding-top:8px;display:grid}.feedback-submit{border-radius:12px;justify-content:center;align-items:stretch;height:52px;transition:box-shadow .2s,transform .2s;display:inline-flex;overflow:hidden;box-shadow:0 8px 28px #5b6ef866}.feedback-submit:hover{transform:translateY(-1px);box-shadow:0 12px 32px #5b6ef880}.feedback-submit-label{color:#fff;background:linear-gradient(135deg,#5b6ef8,#8b5cf6);justify-content:center;align-items:center;height:100%;padding:0 28px;font-weight:600;display:inline-flex}.feedback-submit-divider{background:#ffffff40;width:1px;height:100%}.feedback-submit-icon{background:#4354e8;justify-content:center;align-items:center;width:52px;height:100%;display:inline-flex}.feedback-submit-icon svg{width:24px;height:24px}.feedback-tabs{border-bottom:1px solid #e5e7eb;align-items:flex-end;gap:32px;height:44px;margin:-6px 0 28px;display:flex}.feedback-tabs button{color:#6b7280;background:0 0;align-items:center;gap:6px;height:44px;font-size:15px;font-weight:800;display:inline-flex;position:relative}.feedback-tabs button.active{color:#5b6ef8}.feedback-tabs button.active:after{content:"";background:#5b6ef8;height:2px;position:absolute;bottom:-1px;left:0;right:0}.feedback-tabs span{color:#fff;background:#5b6ef8;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:12px;font-weight:800;display:inline-flex}.my-feedback-panel{gap:24px;display:grid}.my-feedback-filters{justify-content:space-between;align-items:center;gap:20px;display:flex}.feedback-filter-pills{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.feedback-filter-pills button{color:#6b7280;background:#f0f0f8;border-radius:8px;height:32px;padding:0 14px;font-size:14px;font-weight:700}.feedback-filter-pills button.active{color:#fff;background:#5b6ef8}.feedback-status-select{color:#1a1a2e;background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;width:120px;height:36px;padding:0 12px}.my-feedback-list{gap:12px;display:grid}.my-feedback-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.my-feedback-main{grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:20px;display:grid}.feedback-type-tag{border-radius:4px;justify-content:center;align-items:center;width:56px;height:24px;font-size:12px;font-weight:800;display:inline-flex}.feedback-type-tag.bug{color:#ef4444;background:#fef2f2}.feedback-type-tag.feature{color:#3b82f6;background:#eff6ff}.feedback-type-tag.ui{color:#8b5cf6;background:#f5f3ff}.feedback-type-tag.other{color:#9ca3af;background:#f9fafb}.my-feedback-copy{gap:8px;min-width:0;display:grid}.my-feedback-copy strong{color:#1a1a2e;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:700;overflow:hidden}.my-feedback-copy span,.feedback-admin-time{color:#9ca3af;font-size:12px}.feedback-status-tag{border-radius:6px;justify-content:center;align-items:center;min-width:64px;height:32px;padding:0 12px;font-size:13px;font-weight:800;display:inline-flex}.feedback-status-tag.pending{color:#9ca3af;background:#f9fafb}.feedback-status-tag.processing{color:#f97316;background:#fff7ed}.feedback-status-tag.resolved{color:#22c55e;background:#f0fdf4}.official-reply{background:#f8f8ff;border-left:2px solid #5b6ef8;border-radius:8px;margin-top:12px;padding:12px 14px}.official-reply span{color:#5b6ef8;margin-bottom:6px;font-size:12px;font-weight:800;display:block}.official-reply p{color:#1a1a2e;margin:0;font-size:13px;line-height:1.6}.feedback-pagination{justify-content:center;align-items:center;gap:8px;display:flex}.feedback-pagination button{color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:inline-flex}.feedback-pagination button.active{color:#fff;background:#5b6ef8;border-color:#5b6ef8}.feedback-pagination button:disabled{opacity:.45}.guide-page{gap:24px;width:100%;max-width:none;margin:0;display:grid}.guide-hero-panel{grid-template-columns:minmax(0,1fr) 360px;align-items:end;gap:32px;padding:36px;display:grid}.guide-kicker{color:#3655f7;background:#eef0ff;border-radius:15px;align-items:center;gap:7px;min-height:30px;padding:0 13px;font-size:13px;font-weight:900;display:inline-flex}.guide-hero-panel h1{color:#111827;letter-spacing:0;margin:18px 0 12px;font-size:34px;font-weight:900;line-height:1.22}.guide-hero-panel p{color:#6b7280;max-width:680px;margin:0;font-size:15px;line-height:1.75}.guide-hero-facts{gap:12px;display:grid}.guide-hero-facts article{background:#fafaff;border:1px solid #e5e7eb;border-radius:10px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:4px 10px;min-height:82px;padding:14px;display:grid}.guide-hero-facts svg{color:#5b6ef8;grid-row:span 2}.guide-hero-facts strong{color:#111827;font-size:14px;line-height:1.35}.guide-hero-facts span{color:#6b7280;font-size:12px;line-height:1.5}.guide-infographic{width:100%;margin:0;padding:18px;overflow:hidden}.guide-infographic img{aspect-ratio:16/9;object-fit:contain;background:#f8f8ff;border:1px solid #e5e7eb;border-radius:8px;width:100%;display:block}.guide-infographic figcaption{color:#6b7280;text-align:center;margin:12px 2px 0;font-size:13px;line-height:1.6}.guide-section{background:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 8px #1a1a2e0f}.guide-section-head{align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.guide-section-head>span{color:#fff;background:#111827;border-radius:8px;flex:none;place-items:center;width:42px;height:42px;font-weight:900;display:inline-grid}.guide-section-head h2{color:#111827;margin:0 0 6px;font-size:22px;font-weight:900;line-height:1.32}.guide-section-head p{color:#6b7280;margin:0;font-size:14px;line-height:1.65}.guide-flow-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.guide-flow-card{background:#fafaff;border:1px solid #e5e7eb;border-top:4px solid #5b6ef8;border-radius:8px;align-content:start;gap:10px;min-height:168px;padding:18px;display:grid}.guide-flow-card svg{color:#5b6ef8}.guide-flow-card strong{color:#111827;font-size:15px;font-weight:900;line-height:1.35}.guide-flow-card p{color:#6b7280;margin:0;font-size:13px;line-height:1.65}.guide-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.guide-detail-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-detail-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;grid-template-columns:34px minmax(0,1fr);gap:14px;padding:18px;display:grid}.guide-detail-card>svg{color:#5b6ef8;margin-top:2px}.guide-detail-card h3{color:#111827;margin:0 0 6px;font-size:16px;font-weight:900;line-height:1.35}.guide-detail-card p{color:#6b7280;margin:0 0 10px;font-size:13px;line-height:1.65}.guide-detail-card ul{color:#374151;margin:0;padding-left:18px;font-size:13px;line-height:1.7}.guide-detail-card li+li{margin-top:5px}.guide-tips{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.guide-tips article{background:linear-gradient(#fff,#fafaff);border:1px solid #e5e7eb;border-radius:8px;align-content:start;gap:9px;min-height:142px;padding:18px;display:grid}.guide-tips svg{color:#16a34a}.guide-tips strong{color:#111827;font-size:15px;font-weight:900}.guide-tips p{color:#6b7280;margin:0;font-size:13px;line-height:1.65}.feedback-admin-page{gap:24px;display:grid}.feedback-admin-head{justify-content:space-between;align-items:center;gap:24px;display:flex}.feedback-admin-head h1{color:#1a1a2e;margin:0;font-size:24px;font-weight:800;line-height:1.25}.feedback-admin-head p{color:#6b7280;margin:8px 0 0;font-size:14px}.feedback-stat-row{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.feedback-stat-card{background:#fff;border-radius:8px;gap:6px;min-width:138px;padding:12px 20px;display:grid;box-shadow:0 2px 8px #1a1a2e0f}.feedback-stat-card span{color:#6b7280;font-size:13px;font-weight:700}.feedback-stat-card strong{font-size:20px;font-weight:800;line-height:1}.feedback-stat-card .pending{color:#ef4444}.feedback-stat-card .processing{color:#f97316}.feedback-stat-card .resolved{color:#22c55e}.feedback-admin-filters{background:#fff;border-radius:12px;align-items:center;gap:16px;padding:20px;display:flex;box-shadow:0 2px 8px #1a1a2e0f}.feedback-admin-filters select,.feedback-admin-filters input{color:#1a1a2e;background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;height:36px;padding:0 12px}.feedback-admin-filters select{width:132px}.feedback-admin-filters input{width:200px}.feedback-export-btn{color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:6px;height:36px;margin-left:auto;padding:0 16px;font-weight:700}.feedback-admin-table{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #1a1a2e0f}.feedback-admin-row{border-bottom:1px solid #f0f0f8;grid-template-columns:72px 100px minmax(180px,1fr) 64px 100px 112px 168px;align-items:center;gap:16px;min-height:88px;display:grid}.feedback-admin-row:last-child{border-bottom:0}.feedback-admin-row-head{color:#9ca3af;min-height:36px;font-size:12px;font-weight:800}.feedback-user-name{color:#1a1a2e;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.feedback-admin-content{color:#6b7280;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.feedback-shot{cursor:zoom-in;background:#f0f0f8;border-radius:4px;width:40px;height:40px;padding:0;overflow:hidden}.feedback-shot img{object-fit:cover;width:100%;height:100%;display:block}.feedback-shot-empty{color:#9ca3af;font-size:14px}.feedback-status-select.inline{border:0;border-radius:6px;width:96px;font-size:13px;font-weight:800}.feedback-status-select.inline.pending{color:#9ca3af;background:#f9fafb}.feedback-status-select.inline.processing{color:#f97316;background:#fff7ed}.feedback-status-select.inline.resolved{color:#22c55e;background:#f0fdf4}.feedback-admin-actions{align-items:center;gap:10px;display:flex}.feedback-admin-actions button{color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:6px;height:32px;padding:0 12px;font-size:12px;font-weight:700}.feedback-modal{z-index:60;background:#0006;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.feedback-dialog{background:#fff;border-radius:16px;width:min(560px,92vw);padding:24px;box-shadow:0 24px 70px #1212223d}.feedback-dialog-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.feedback-dialog-head h2{color:#1a1a2e;margin:0;font-size:20px;font-weight:800;line-height:1.3}.feedback-dialog-head button{color:#6b7280;background:#f0f0f8;border-radius:50%;width:32px;height:32px;font-size:24px;line-height:1}.feedback-original-box{background:#f8f8ff;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.feedback-original-box div{align-items:center;gap:12px;margin-bottom:12px;display:flex}.feedback-original-box strong{color:#374151;font-size:13px}.feedback-original-box time{color:#9ca3af;margin-left:auto;font-size:12px}.feedback-original-box p{color:#1a1a2e;margin:0;font-size:14px;line-height:1.6}.reply-label{color:#374151;margin:16px 0 10px;font-size:16px;font-weight:700;display:block}.reply-textarea{color:#1a1a2e;resize:vertical;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;height:120px;padding:12px}.reply-textarea:focus{border-color:#8b94fa;box-shadow:0 0 0 4px #5b6ef81a}.feedback-dialog-actions{justify-content:flex-end;align-items:center;gap:12px;margin-top:12px;display:flex}.dialog-cancel,.dialog-submit{border-radius:8px;height:40px;padding:0 24px;font-size:14px;font-weight:700}.dialog-cancel{color:#374151;background:#fff;border:1px solid #d1d5db}.dialog-submit{color:#fff;background:linear-gradient(135deg,#5b6ef8,#7d8bff)}.feedback-detail-dialog{gap:16px;display:grid}.feedback-detail-grid{color:#6b7280;grid-template-columns:80px minmax(0,1fr);gap:10px 14px;font-size:13px;display:grid}.feedback-detail-grid strong{color:#1a1a2e;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.feedback-detail-block span{color:#6b7280;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.feedback-detail-block p{color:#1a1a2e;background:#f8f8ff;border-radius:8px;margin:0;padding:14px;line-height:1.65}.feedback-detail-shot{cursor:zoom-in;background:#f0f0f8;border-radius:8px;width:100%;max-height:220px;padding:0;overflow:hidden}.feedback-detail-shot img{object-fit:contain;width:100%;max-height:220px;display:block}.official-reply.detail{margin-top:0}.link-button{color:#5b6ef8;background:0 0;font-weight:800}.result-page{min-height:calc(100vh - 48px);padding-bottom:0}.result-main{background:#fff;width:100%;max-width:none;margin:0;padding:24px 24px 48px}.result-card{flex-direction:column;min-height:0;padding:20px;display:flex}.result-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.result-edit-button{border-radius:20px;min-width:132px;height:40px}.result-card h2,.library-module h2,.info-card h2{margin:0 0 16px;font-size:18px}.result-head h2{margin:0}.confirm-card{width:100%;margin:0;padding:32px}.confirm-head{margin-bottom:24px}.confirm-head span{color:#3655f7;background:#eef0ff;border-radius:13px;align-items:center;min-height:26px;padding:0 12px;font-size:12px;font-weight:900;display:inline-flex}.confirm-head h1{color:#111827;margin:0 0 8px;font-size:28px;font-weight:900;line-height:1.25}.confirm-head p{color:#6b7280;margin:0;font-size:14px;line-height:1.6}.confirm-toast{width:100%;margin:0 0 20px}.confirm-form{grid-template-columns:1fr;gap:20px;display:grid}.confirm-prompt-field,.prompt-preview-box{grid-column:1/-1}.ratio-options{grid-template-columns:repeat(6,minmax(64px,1fr));gap:8px;min-height:48px;display:grid}.ratio-options button{color:#6b7280;background:#f8f8ff;border:1px solid #d7dae7;border-radius:8px;min-height:44px;font-weight:900}.ratio-options button.active{color:#fff;background:#111827;border-color:#111827}.confirm-textarea{min-height:180px}.prompt-preview-box{background:#f8f8ff;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.prompt-preview-box span{color:#6b7280;margin-bottom:8px;font-size:12px;font-weight:900;display:block}.prompt-preview-box p{color:#1a1a2e;white-space:pre-wrap;word-break:break-word;margin:0;font-size:13px;line-height:1.65}.confirm-actions{justify-content:flex-end;gap:12px;margin-top:10px;display:flex}.image-stage{aspect-ratio:1;background:linear-gradient(135deg,#f8f8ff,#eef0ff);border:1px solid #d7dae7;border-radius:8px;width:min(100%,720px,100dvh - 190px);margin:0 auto;position:relative;overflow:hidden}.image-preview-button{cursor:zoom-in;background:0 0;place-items:center;width:100%;height:100%;padding:0;display:grid}.image-preview-button img{object-fit:contain;width:100%;height:100%;display:block}.stage-download{z-index:2;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2ec7;border-radius:18px;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:0 14px;font-size:13px;font-weight:800;display:inline-flex;position:absolute;top:12px;right:12px;box-shadow:0 10px 22px #1a1a2e2e}.stage-download:hover{background:#3655f7eb}.stage-download:focus-visible,.image-preview-button:focus-visible{outline-offset:-3px;outline:3px solid #5b6ef847}.library-module{margin-top:16px;padding:24px}.module-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.asset-grid{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.asset-grid.refreshing,.template-grid.refreshing{opacity:.72;transition:opacity .16s}.asset-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;position:relative;overflow:hidden}.asset-thumb{cursor:zoom-in;background:#f8f8ff;place-items:center;width:100%;height:120px;padding:0;display:grid;overflow:hidden}.asset-thumb img{object-fit:contain;width:100%;height:100%;display:block}.asset-meta{color:#6b7280;gap:4px;padding:8px 10px;font-size:12px;line-height:1.35;display:grid}.asset-meta-link{color:inherit;gap:4px;display:grid}.asset-duration{color:#3655f7;font-weight:800}.asset-tag-editor{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px;margin-top:2px;display:grid}.asset-tag-editor span{color:#9ca3af;font-size:11px;font-weight:900}.asset-tag-select{color:#3655f7;background:#f5f6ff;border:1px solid #e1e5ff;border-radius:13px;outline:none;width:100%;min-width:0;height:26px;padding:0 8px;font-size:11px;font-weight:900}.asset-tag-select:focus{border-color:#5b6cff;box-shadow:0 0 0 3px #5b6cff24}.asset-actions{z-index:2;opacity:0;gap:6px;transition:opacity .18s;display:flex;position:absolute;top:8px;right:8px}.asset-card:hover .asset-actions,.asset-card:focus-within .asset-actions{opacity:1}.asset-action{color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;transition:transform .18s,box-shadow .18s;display:grid;box-shadow:0 8px 18px #1a1a2e2e}.asset-action:hover{transform:translateY(-1px);box-shadow:0 10px 22px #1a1a2e38}.asset-edit-btn{background:#5b6ef8}.asset-prompt-btn{background:#111827}.asset-template-btn{background:#22c55e}.delete-btn{background:#ef4444}.pager{justify-content:center;gap:12px;margin-top:18px;display:flex}.pager button{color:#6b7280;background:#fff;border:1px solid #d7dae7;border-radius:50%;width:36px;height:36px}.pager button.active{color:#fff;background:#5b6ef8;border:0}.credits-wrap{width:100%;max-width:none;margin:0}.credit-hero{color:#fff;text-align:center;background:linear-gradient(135deg,#5b6ef8,#8b5cf6);border-radius:12px;place-items:center;min-height:250px;display:grid;position:relative;overflow:hidden}.credit-hero:before,.credit-hero:after{content:"";background:#ffffff1f;border-radius:50%;width:220px;height:220px;position:absolute}.credit-hero:before{bottom:-70px;left:-70px}.credit-hero:after{top:80px;right:-80px}.credit-eyebrow{z-index:1;color:#ffffffeb;background:#ffffff29;border-radius:14px;align-items:center;min-height:28px;padding:0 14px;font-size:13px;font-weight:900;display:inline-flex;position:relative}.credit-number{z-index:1;font-family:Abril Fatface,Georgia,serif;font-size:96px;line-height:1;position:relative}.credit-hero p{z-index:1;margin:8px 0 0;font-weight:800;position:relative}.stat-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin:20px 0;display:grid}.stat-card{text-align:center;min-height:132px;padding:24px}.stat-label{color:#6b7280;font-weight:800}.stat-value{color:#3655f7;margin-top:14px;font-family:Abril Fatface,Georgia,serif;font-size:48px}.invite-card{background:linear-gradient(135deg,#fff 0%,#f8f8ff 100%);border:1px solid #dde1ff;grid-template-columns:minmax(0,1.2fr) 180px minmax(260px,.9fr);align-items:center;gap:18px;margin-bottom:20px;padding:28px;display:grid}.invite-card-copy span{color:#3655f7;align-items:center;min-height:24px;font-size:12px;font-weight:900;display:inline-flex}.invite-card-copy h2{color:#111827;margin:4px 0 7px;font-size:24px;font-weight:950;line-height:1.25}.invite-card-copy p{color:#6b7280;margin:0;font-size:13px;line-height:1.6}.invite-code-box{color:#fff;background:#111827;border-radius:12px;align-content:center;place-items:center;gap:7px;min-height:92px;display:grid}.invite-code-box span{color:#ffffffad;font-size:12px;font-weight:900}.invite-code-box strong{letter-spacing:2px;font-size:26px}.invite-share-box{gap:10px;min-width:0;display:grid}.invite-share-box input{color:#4b5563;text-overflow:ellipsis;background:#fff;border:1px solid #d7dae7;border-radius:10px;width:100%;height:40px;padding:0 12px;font-size:12px;overflow:hidden}.invite-share-box button{color:#fff;background:#5b6ef8;border-radius:20px;justify-content:center;align-items:center;gap:7px;height:40px;font-size:13px;font-weight:900;display:inline-flex;box-shadow:0 10px 22px #5b6ef82e}.invite-stats{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.invite-stats span{color:#6b7280;background:#fff;border:1px solid #eef0f6;border-radius:10px;justify-content:center;align-items:center;gap:4px;min-height:38px;font-size:13px;font-weight:800;display:inline-flex}.invite-stats strong{color:#3655f7}.log-card{padding:32px}.log-row{color:#6b7280;border-bottom:1px solid #e5e7eb;grid-template-columns:220px 1fr 80px;align-items:center;gap:20px;min-height:56px;display:grid}.log-row strong{color:#1a1a2e}.log-row .minus{color:#ef4444;font-weight:900}.log-row .plus{color:#3655f7;font-weight:900}.recharge-placeholder{color:#6b7280;border:2px dashed #cbd0e3;border-radius:12px;place-items:center;min-height:136px;margin-top:20px;font-weight:800;display:grid}.empty{color:#9ca3af;place-items:center;min-height:180px;display:grid}.image-modal{z-index:3000;padding:calc(18px + env(safe-area-inset-top)) calc(18px + env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) calc(18px + env(safe-area-inset-left));background:#121222c7;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.image-modal img{width:auto;height:auto;max-width:calc(100vw - 36px - env(safe-area-inset-left) - env(safe-area-inset-right));max-width:calc(100dvw - 36px - env(safe-area-inset-left) - env(safe-area-inset-right));max-height:calc(100vh - 36px - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-height:calc(100dvh - 36px - env(safe-area-inset-top) - env(safe-area-inset-bottom));object-fit:contain;background:#fff;border-radius:12px;display:block;box-shadow:0 24px 60px #00000052}.modal-close{z-index:3001;top:calc(16px + env(safe-area-inset-top));right:calc(16px + env(safe-area-inset-right));color:#1a1a2e;background:#fffffff0;border-radius:50%;width:44px;height:44px;font-size:30px;line-height:1;position:fixed;box-shadow:0 10px 30px #0000002e}.edit-modal{z-index:60;background:#1212228f;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.edit-dialog{background:#fff;border-radius:12px;width:min(760px,92vw);padding:24px;box-shadow:0 24px 70px #1212223d}.edit-dialog-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.edit-dialog-head h2{margin:0;font-size:18px}.modal-close-inline{color:#1a1a2e;background:#f0f0f8;border-radius:50%;width:36px;height:36px;font-size:24px;line-height:1}.edit-dialog-textarea{resize:vertical;min-height:280px;max-height:52dvh;padding:18px}.edit-dialog-actions{justify-content:flex-end;gap:12px;margin-top:16px;display:flex}.prompt-dialog{width:min(820px,92vw)}.prompt-detail{color:#1a1a2e;white-space:pre-wrap;word-break:break-word;background:#f8f8ff;border:1px solid #e5e7eb;border-radius:8px;max-height:56dvh;padding:18px;font-size:14px;line-height:1.7;overflow:auto}.prompt-detail.secondary{color:#6b7280;background:#fff;max-height:28dvh;margin-top:14px}.settings-grid,.admin-grid{gap:20px;display:grid}.admin-table{border-collapse:collapse;width:100%}.admin-table th,.admin-table td{text-align:left;color:#6b7280;border-bottom:1px solid #e5e7eb;padding:12px 10px}.admin-table th{color:#1a1a2e}.success-text{color:#22c55e;min-height:22px;margin-top:12px;font-size:13px;font-weight:700}.template-page,.template-admin-page{padding:24px 32px 28px}.template-head{justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px;display:flex}.template-head h1,.template-admin-head h1{color:#1a1a2e;margin:0;font-size:24px;font-weight:800;line-height:1.25}.template-search{color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:10px;width:240px;height:40px;padding:0 14px;display:flex}.template-search input{color:#1a1a2e;background:0 0;border:0;outline:0;flex:1;min-width:0}.category-tabs{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:18px;display:flex}.category-tabs button{color:#6b7280;background:#f0f0f8;border-radius:20px;min-width:112px;height:40px;padding:0 22px;font-weight:800}.category-tabs button.active{color:#fff;background:linear-gradient(135deg,#5b6ef8,#8a94ff);box-shadow:0 10px 22px #5b6ef838}.template-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.template-card{background:#fff;border:1px solid #f0f0f8;border-radius:12px;min-width:0;transition:transform .18s,box-shadow .18s;box-shadow:0 2px 8px #1a1a2e0f}.template-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #1a1a2e1a}.template-thumb{cursor:zoom-in;background:#f0f0f8;border-radius:8px;width:calc(100% - 24px);height:160px;margin:12px 12px 0;padding:0;display:block;position:relative;overflow:hidden}.template-thumb img{object-fit:cover;width:100%;height:100%;display:block}.template-thumb-fallback{text-align:left;background:linear-gradient(135deg,#eef0ff,#f8f8ff);align-content:end;gap:8px;width:100%;height:100%;padding:18px;display:grid}.template-thumb-fallback strong{color:#1a1a2e;font-size:18px;font-weight:900;line-height:1.3}.template-thumb-fallback small{color:#3655f7;background:#fff;border-radius:11px;align-items:center;width:max-content;min-height:22px;padding:0 8px;font-size:12px;font-weight:900;display:inline-flex}.template-source{color:#fff;border-radius:4px;align-items:center;min-height:22px;padding:0 8px;font-size:11px;font-weight:800;display:inline-flex;position:absolute;top:8px;right:8px}.template-source.official{background:linear-gradient(135deg,#5b6ef8,#8a94ff)}.template-source.user{background:#22c55e}.template-body{gap:9px;padding:10px 12px 12px;display:grid}.template-card-copy{gap:0;min-width:0;display:grid}.template-title-row{justify-content:space-between;align-items:flex-start;gap:10px;min-width:0;display:flex}.template-title-row h2{color:#1a1a2e;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:15px;font-weight:900;line-height:1.35;overflow:hidden}.template-title-row span{color:#3655f7;background:#eef0ff;border-radius:11px;flex:none;align-items:center;min-height:22px;padding:0 8px;font-size:11px;font-weight:900;display:inline-flex}.template-meta-row{color:#9ca3af;justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.template-meta-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.template-action-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.template-action-row button{color:#5b6ef8;white-space:nowrap;background:0 0;font-size:12px;font-weight:800}.template-action-row button:disabled{color:#9ca3af}.template-prompt-button{padding:0}.template-admin-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.mini-danger{border-radius:4px;height:28px;padding:0 12px;font-size:12px;font-weight:800}.mini-danger.solid{color:#fff;background:#5b6ef8}.toggle-row{color:#6b7280;align-items:center;gap:8px;font-size:12px;font-weight:700;display:inline-flex}.toggle{background:#d1d5db;border-radius:12px;width:40px;height:24px;padding:2px;transition:background .18s}.toggle span{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .18s;display:block;box-shadow:0 2px 6px #1a1a2e2e}.toggle.on{background:#5b6ef8}.toggle.on span{transform:translate(16px)}.prompt-template-page{gap:24px;width:100%;max-width:none;margin:0;display:grid}.prompt-template-head{justify-content:space-between;align-items:flex-end;gap:28px;padding:32px;display:flex}.prompt-template-kicker{color:#3655f7;background:#eef0ff;border-radius:15px;align-items:center;gap:7px;min-height:30px;padding:0 13px;font-size:13px;font-weight:900;display:inline-flex}.prompt-template-head h1{color:#111827;letter-spacing:0;margin:16px 0 10px;font-size:30px;font-weight:900;line-height:1.25}.prompt-template-head p{color:#6b7280;max-width:740px;margin:0;font-size:14px;line-height:1.75}.prompt-template-layout{grid-template-columns:340px minmax(0,1fr);align-items:start;gap:24px;display:grid}.prompt-template-picker{padding:18px;position:sticky;top:24px}.prompt-template-tabs{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.prompt-template-tabs button{color:#6b7280;background:#f3f4f8;border-radius:8px;min-height:32px;padding:0 12px;font-size:12px;font-weight:800}.prompt-template-tabs button.active{color:#fff;background:#5b6ef8}.prompt-template-list{gap:10px;max-height:calc(100dvh - 220px);padding-right:4px;display:grid;overflow:auto}.prompt-template-card{text-align:left;background:#fff;border:1px solid #e5e7eb;border-left:4px solid #0000;border-radius:8px;gap:7px;width:100%;min-height:128px;padding:14px;transition:border-color .18s,background .18s,transform .18s;display:grid}.prompt-template-card:hover{background:#fafaff;border-color:#c7d2fe;transform:translateY(-1px)}.prompt-template-card.active{background:#f8f8ff;border-color:#5b6ef8}.prompt-template-card span{color:#3655f7;font-size:12px;font-weight:900}.prompt-template-card strong{color:#111827;font-size:15px;font-weight:900;line-height:1.35}.prompt-template-card small{color:#9ca3af;font-size:12px;font-weight:800}.prompt-template-card p{color:#6b7280;margin:0;font-size:12px;line-height:1.55}.prompt-template-form{gap:24px;min-width:0;padding:28px;display:grid}.prompt-template-form-head{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.prompt-template-form-head span{color:#3655f7;font-size:12px;font-weight:900}.prompt-template-form-head h2{color:#111827;margin:7px 0 8px;font-size:24px;font-weight:900;line-height:1.28}.prompt-template-form-head p{color:#6b7280;margin:0;font-size:13px;line-height:1.65}.template-ratio-select{flex:none;grid-template-columns:repeat(3,58px);gap:8px;display:grid}.template-ratio-select button{color:#6b7280;background:#f3f4f8;border-radius:8px;height:34px;font-size:12px;font-weight:900}.template-ratio-select button.active{color:#fff;background:#111827}.template-mode-note{background:#fafaff;border:1px solid #e5e7eb;border-radius:10px;gap:4px;padding:14px 16px;display:grid}.template-mode-note strong{color:#111827;font-size:14px;font-weight:900;line-height:1.35}.template-mode-note span{color:#6b7280;font-size:12px;line-height:1.6}.prompt-template-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.template-form-field{gap:8px;min-width:0;display:grid}.template-form-field.wide{grid-column:1/-1}.template-form-field span{color:#374151;align-items:center;gap:8px;font-size:13px;font-weight:900;display:flex}.template-form-field em{color:#3655f7;background:#eef0ff;border-radius:9px;height:18px;padding:0 7px;font-size:11px;font-style:normal;line-height:18px}.template-form-field input,.template-form-field textarea{color:#111827;background:#fff;border:1px solid #d7dae7;border-radius:8px;outline:0;width:100%}.template-form-field input{height:44px;padding:0 13px}.template-form-field textarea{resize:vertical;min-height:104px;padding:12px 13px;line-height:1.65}.template-form-field input:focus,.template-form-field textarea:focus{border-color:#8b94fa;box-shadow:0 0 0 4px #5b6ef81a}.template-chip-row{flex-wrap:wrap;gap:8px;display:flex}.template-chip-row button{color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:17px;min-height:34px;padding:0 13px;font-size:12px;font-weight:900}.template-chip-row button.active{color:#fff;background:#5b6ef8;border-color:#5b6ef8}.template-advanced-settings{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.template-advanced-settings summary{cursor:pointer;color:#111827;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:0 16px;font-size:14px;font-weight:900;list-style:none;display:flex}.template-advanced-settings summary::-webkit-details-marker{display:none}.template-advanced-settings summary small{color:#6b7280;font-size:12px;font-weight:700}.template-advanced-settings[open] summary{background:#fafaff;border-bottom:1px solid #e5e7eb}.template-advanced-settings .prompt-template-fields{padding:16px}.template-reference-block{background:#fafaff;border:1px solid #e5e7eb;border-radius:10px;gap:14px;padding:18px;display:grid}.template-reference-block:focus-within,.template-reference-block:focus{border-color:#5b6ef8;outline:none;box-shadow:0 0 0 3px #5b6ef81f}.template-reference-head{justify-content:space-between;align-items:center;gap:18px;display:flex}.template-reference-head h3,.template-prompt-preview h3{color:#111827;margin:0;font-size:16px;font-weight:900;line-height:1.35}.template-reference-head p{color:#6b7280;margin:5px 0 0;font-size:12px;line-height:1.6}.template-upload-button{color:#fff;cursor:pointer;white-space:nowrap;background:#111827;border-radius:19px;align-items:center;gap:8px;min-height:38px;padding:0 16px;font-size:13px;font-weight:900;display:inline-flex}.template-upload-button.disabled{opacity:.55;cursor:not-allowed}.template-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.template-reference-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:10px;min-width:0;padding:8px 34px 8px 8px;display:grid;position:relative}.template-reference-card img{object-fit:cover;background:#f0f0f8;border-radius:7px;width:54px;height:54px}.template-reference-card div{gap:4px;min-width:0;display:grid}.template-reference-card strong{text-overflow:ellipsis;white-space:nowrap;color:#111827;font-size:13px;overflow:hidden}.template-reference-card span{color:#6b7280;font-size:12px}.template-reference-card button{color:#6b7280;background:#f3f4f8;border-radius:50%;width:24px;height:24px;font-size:18px;line-height:1;position:absolute;top:7px;right:7px}.template-prompt-preview{border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.template-prompt-preview-head{background:#f8f8ff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:0 16px;display:flex}.template-prompt-preview-head span{color:#6b7280;font-size:12px;font-weight:800}.template-prompt-preview pre{color:#1a1a2e;white-space:pre-wrap;word-break:break-word;background:#fff;max-height:360px;margin:0;padding:18px;font:13px/1.7 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,PingFang SC,monospace;overflow:auto}.template-engine-summary{background:#fff;gap:8px;padding:16px;display:grid}.template-engine-summary strong{color:#111827;font-size:14px;font-weight:900;line-height:1.55}.template-engine-summary p{color:#6b7280;margin:0;font-size:12px;line-height:1.7}.prompt-template-actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}.template-pager{margin-top:28px}.skeleton-card{pointer-events:none;min-height:210px;padding:0}.asset-card.skeleton-card{min-height:198px}.skeleton-thumb{background:linear-gradient(90deg,#f2f3fa 0%,#e9ecf8 45%,#f2f3fa 100%) 0 0/220% 100%;height:132px;animation:1.1s ease-in-out infinite skeleton-shimmer}.asset-card .skeleton-thumb{height:120px}.skeleton-lines{gap:9px;padding:12px;display:grid}.skeleton-lines span{background:#eef0f8;border-radius:999px;height:10px}.skeleton-lines span:first-child{width:72%}.skeleton-lines span:nth-child(2){width:92%}.skeleton-lines span:nth-child(3){width:52%}@keyframes skeleton-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.template-admin-head{margin-bottom:24px}.template-admin-head p{color:#6b7280;margin:8px 0 0;font-size:14px}.admin-template-tabs{border-bottom:1px solid #d7dae7;align-items:flex-end;gap:32px;height:44px;margin-bottom:24px;display:flex}.admin-template-tabs button{color:#6b7280;background:0 0;height:44px;font-size:16px;font-weight:800;position:relative}.admin-template-tabs button.active{color:#5b6ef8}.admin-template-tabs button.active:after{content:"";background:#5b6ef8;height:2px;position:absolute;bottom:-1px;left:0;right:0}.admin-template-tabs span{color:#fff;background:#ff6b00;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:6px;font-size:12px;display:inline-flex}.review-panel{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #1a1a2e0f}.review-row{color:#9ca3af;border-bottom:1px solid #f0f0f8;grid-template-columns:92px 120px 150px minmax(180px,1fr) 110px 132px;align-items:center;gap:18px;min-height:80px;font-size:12px;display:grid}.review-row:last-child{border-bottom:0}.review-head{color:#9ca3af;min-height:36px;font-weight:700}.review-thumb-button{cursor:zoom-in;background:#f0f0f8;border-radius:6px;width:64px;height:48px;padding:0;overflow:hidden}.review-row img{object-fit:cover;background:#f0f0f8;border:1px solid #e5e7eb;border-radius:6px;width:64px;height:48px;display:block}.review-row strong{color:#1a1a2e;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.review-prompt{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.review-actions{align-items:center;gap:10px;display:flex}.approve-btn,.reject-btn{border-radius:6px;width:64px;height:32px;font-weight:800}.approve-btn{color:#fff;background:#22c55e}.reject-btn{color:#ef4444;background:#fff;border:1px solid #ef4444}.admin-template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.admin-template-card{background:#fff;border-radius:12px;grid-template-columns:1fr 128px;align-items:center;gap:18px;padding:24px;display:grid;box-shadow:0 2px 8px #1a1a2e0f}.admin-template-thumb-button{cursor:zoom-in;background:#f0f0f8;border-radius:8px;width:100%;height:104px;padding:0;overflow:hidden}.admin-template-card img{object-fit:cover;background:#f0f0f8;border:1px solid #e5e7eb;border-radius:8px;width:100%;height:104px;display:block}.admin-template-card-body{justify-items:start;gap:12px;display:grid}.admin-template-card h2{color:#1a1a2e;margin:0;font-size:14px;font-weight:800;line-height:1.4}.compact-empty{min-height:120px}.admin-users-page{gap:24px;display:grid}.admin-user-workbench{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:24px;display:grid}.admin-user-list-panel,.admin-user-detail-panel{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #1a1a2e0f}.admin-user-search{color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:10px;height:40px;padding:0 12px;display:flex}.admin-user-search input{color:#1a1a2e;background:0 0;border:0;outline:0;flex:1;min-width:0}.admin-user-list{gap:8px;max-height:calc(100dvh - 286px);margin-top:14px;padding-right:4px;display:grid;overflow:auto}.admin-user-row{text-align:left;color:#1a1a2e;background:#fafaff;border:1px solid #0000;border-radius:10px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:66px;padding:10px;display:grid}.admin-user-row.active,.admin-user-row:hover{background:#f4f5ff;border-color:#b8c0ff}.admin-user-avatar{color:#fff;background:#5b6ef8;border-radius:50%;place-items:center;width:38px;height:38px;font-size:15px;font-weight:900;display:grid}.admin-user-main{gap:4px;min-width:0;display:grid}.admin-user-main strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.admin-user-main small{color:#6b7280;font-size:12px}.admin-user-credit{color:#3655f7;background:#eef0ff;border-radius:13px;place-items:center;min-width:42px;min-height:26px;font-size:12px;font-weight:900;display:inline-grid}.admin-user-detail-panel{min-height:420px}.admin-user-summary{border-bottom:1px solid #f0f0f8;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;padding-bottom:16px;display:flex}.admin-user-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.admin-user-summary h2{color:#1a1a2e;margin:0;font-size:20px;line-height:1.3}.admin-user-summary p{color:#6b7280;margin:6px 0 0;font-size:13px}.admin-user-summary-stats{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.admin-user-summary-stats span{color:#374151;background:#f3f4f8;border-radius:14px;align-items:center;min-height:28px;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex}.admin-credit-button{color:#fff;background:#5b6ef8;border-radius:15px;min-height:30px;padding:0 14px;font-size:12px;font-weight:900;box-shadow:0 8px 18px #5b6ef82e}.admin-credit-button.primary-entry{background:linear-gradient(135deg,#5b6ef8,#8b5cf6);min-height:32px;padding:0 16px;box-shadow:0 10px 22px #5b6ef838}.admin-credit-button:hover{filter:brightness(1.03);transform:translateY(-1px)}.admin-credit-dialog{width:min(480px,92vw)}.admin-credit-form{gap:16px;display:grid}.admin-credit-form p{color:#6b7280;margin:0;font-size:14px;line-height:1.6}.admin-credit-form p strong{color:#111827}.admin-credit-form label{color:#111827;gap:8px;font-size:13px;font-weight:900;display:grid}.admin-credit-form input{color:#111827;width:100%;height:42px;font:inherit;background:#fafaff;border:1px solid #d7dae7;border-radius:10px;outline:none;padding:0 12px}.admin-credit-form input:focus{border-color:#5b6ef8;box-shadow:0 0 0 3px #5b6ef81f}.error.inline{margin:0}.admin-generation-list{gap:14px;display:grid}.admin-generation-card{background:#fff;border:1px solid #f0f0f8;border-radius:10px;grid-template-columns:132px minmax(0,1fr);align-items:center;gap:16px;min-width:0;padding:12px;display:grid}.admin-generation-card.failed{background:#fffbfb;border-color:#fee2e2}.admin-generation-thumb{aspect-ratio:4/3;cursor:zoom-in;background:#f0f0f8;border-radius:8px;width:132px;padding:0;overflow:hidden}.admin-generation-thumb:disabled{cursor:default}.admin-generation-thumb img{object-fit:cover;width:100%;height:100%;display:block}.admin-generation-placeholder{color:#ef4444;background:#fff1f2;place-items:center;width:100%;height:100%;font-size:13px;font-weight:900;display:grid}.admin-generation-body{gap:12px;min-width:0;display:grid}.admin-generation-body h3{color:#1a1a2e;margin:0;font-size:16px;line-height:1.35}.admin-generation-body p{color:#6b7280;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:6px 0 0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.admin-generation-meta{color:#9ca3af;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.admin-generation-meta span{background:#f8f8ff;border-radius:12px;align-items:center;min-height:24px;padding:0 9px;display:inline-flex}.admin-generation-meta .status-success{color:#16a34a;background:#dcfce7}.admin-generation-meta .status-failed{color:#dc2626;background:#fee2e2}.admin-generation-meta .status-generating,.admin-generation-meta .status-analyzing,.admin-generation-meta .status-queued{color:#2563eb;background:#dbeafe}.admin-generation-meta .status-brief_ready,.admin-generation-meta .status-created{color:#7c3aed;background:#f3e8ff}.admin-generation-meta .status-cancelled{color:#6b7280;background:#f3f4f6}.admin-generation-meta button{color:#fff;background:#111827;border-radius:15px;height:30px;padding:0 14px;font-size:12px;font-weight:800}.admin-generation-dialog{width:min(1120px,94vw);max-height:88dvh;overflow:auto}.admin-detail-hero{grid-template-columns:minmax(220px,360px) minmax(0,1fr);align-items:stretch;gap:18px;display:grid}.admin-detail-image{cursor:zoom-in;background:#f0f0f8;border-radius:10px;min-height:240px;padding:0;overflow:hidden}.admin-detail-image:disabled{cursor:default}.admin-detail-image img{object-fit:contain;width:100%;height:100%;display:block}.admin-detail-image span{color:#ef4444;background:#fff1f2;place-items:center;min-height:240px;font-weight:900;display:grid}.admin-detail-meta{border:1px solid #f0f0f8;border-radius:10px;grid-template-columns:86px minmax(0,1fr);align-content:start;gap:10px 14px;padding:16px;display:grid}.admin-detail-meta span{color:#9ca3af;font-size:12px;font-weight:800}.admin-detail-meta strong{color:#1a1a2e;overflow-wrap:anywhere;min-width:0;font-size:13px}.admin-detail-section{margin-top:20px}.admin-detail-section h3{color:#1a1a2e;margin:0 0 12px;font-size:16px;line-height:1.35}.admin-trace-list{gap:10px;display:grid}.admin-trace-step{background:#fbfcff;border:1px solid #eef2ff;border-radius:10px;grid-template-columns:14px minmax(0,1fr);gap:10px;padding:12px;display:grid;position:relative}.admin-trace-dot{background:#94a3b8;border-radius:50%;width:10px;height:10px;margin-top:5px;box-shadow:0 0 0 4px #94a3b81f}.admin-trace-step.status-success .admin-trace-dot{background:#22c55e;box-shadow:0 0 0 4px #22c55e1f}.admin-trace-step.status-failed{background:#fffbfb;border-color:#fecaca}.admin-trace-step.status-failed .admin-trace-dot{background:#ef4444;box-shadow:0 0 0 4px #ef44441f}.admin-trace-step.status-running .admin-trace-dot{background:#3b82f6;box-shadow:0 0 0 4px #3b82f61f}.admin-trace-body{gap:6px;min-width:0;display:grid}.admin-trace-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.admin-trace-head strong{color:#111827;font-size:13px}.admin-trace-head span{color:#64748b;background:#f1f5f9;border-radius:11px;align-items:center;min-height:22px;padding:0 8px;font-size:12px;font-weight:900;display:inline-flex}.admin-trace-step.status-success .admin-trace-head span{color:#16a34a;background:#dcfce7}.admin-trace-step.status-failed .admin-trace-head span{color:#dc2626;background:#fee2e2}.admin-trace-step.status-running .admin-trace-head span{color:#2563eb;background:#dbeafe}.admin-trace-body p{color:#4b5563;overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.55}.admin-trace-body small{color:#9ca3af;font-size:12px;font-weight:700}.admin-trace-body pre{color:#475569;white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;border:1px solid #eef2ff;border-radius:8px;max-height:160px;margin:2px 0 0;padding:10px;font-size:12px;overflow:auto}.admin-chat-log{gap:10px;display:grid}.admin-chat-log article{background:#f8f8ff;border-radius:10px;padding:12px 14px}.admin-chat-log article.assistant{background:#eef0ff}.admin-chat-log span,.admin-prompt-grid span{color:#6b7280;margin-bottom:6px;font-size:12px;font-weight:900;display:block}.admin-chat-log p{color:#1a1a2e;white-space:pre-wrap;margin:0;font-size:13px;line-height:1.65}.admin-prompt-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.admin-prompt-grid pre,.admin-material-body pre{color:#1a1a2e;white-space:pre-wrap;word-break:break-word;background:#f8f8ff;border:1px solid #e5e7eb;border-radius:8px;max-height:260px;margin:0;padding:12px;font:12px/1.65 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;overflow:auto}.admin-material-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.admin-material-card{background:#fff;border:1px solid #f0f0f8;border-radius:10px;grid-template-columns:96px minmax(0,1fr);gap:12px;min-width:0;padding:12px;display:grid}.admin-material-preview,.admin-material-file{background:#f0f0f8;border-radius:8px;width:96px;height:76px;padding:0;overflow:hidden}.admin-material-preview{cursor:zoom-in}.admin-material-preview img{object-fit:cover;width:100%;height:100%;display:block}.admin-material-file{color:#5b6ef8;place-items:center;display:grid}.admin-material-body{align-content:start;gap:7px;min-width:0;display:grid}.admin-material-body strong{color:#1a1a2e;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.admin-material-body span,.admin-empty-line{color:#6b7280;font-size:12px}@media (width<=980px){.home,.app-page,.result-page{width:calc(100% - 32px)}.home>.top-nav,.app-page>.top-nav,.shell,.result-main,.hero{width:100%}.top-nav{padding:0 16px}.top-nav-left{flex:auto;gap:16px}.top-nav-shortcuts{flex:auto}.shell{gap:20px}.sidebar{height:auto;min-height:0;position:static}.sidebar nav{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.side-item{justify-content:center;margin:0}.side-credit{min-height:64px}.hero-pill{width:min(100%,700px);min-height:104px;font-size:62px}.hero-cta{border-radius:14px;height:56px}.hero-cta-label{padding:0 59px;font-size:21px}.hero-cta-text{gap:5px}.hero-cta-icon{width:56px}.hero-cta-icon svg{width:31px;height:31px}.entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-grid,.invite-card,.invite-stats{grid-template-columns:1fr}.image-stage{width:min(100%,100dvh - 170px)}.asset-actions{opacity:1}.asset-grid{grid-template-columns:repeat(2,1fr)}.template-grid,.admin-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.review-row{grid-template-columns:76px 1fr 1fr;gap:12px}.review-row span:nth-child(4),.review-row span:nth-child(5),.review-head{display:none}.feedback-admin-head,.feedback-admin-filters,.my-feedback-filters{flex-direction:column;align-items:stretch}.feedback-stat-row{grid-template-columns:repeat(3,1fr)}.guide-hero-panel{grid-template-columns:1fr;align-items:start}.guide-hero-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-flow-grid,.guide-tips{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-detail-grid,.guide-detail-grid.two,.prompt-template-layout{grid-template-columns:1fr}.prompt-template-picker{position:static}.prompt-template-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}.admin-user-workbench,.admin-detail-hero,.admin-prompt-grid{grid-template-columns:1fr}.admin-user-list{max-height:none}.feedback-admin-row{grid-template-columns:72px 1fr 64px;gap:12px}.feedback-admin-row-head{display:none}.feedback-admin-content,.feedback-admin-time,.feedback-status-select.inline{grid-column:2/-1}.feedback-admin-actions{grid-column:1/-1;justify-content:flex-end}.workspace-chat{min-height:auto;padding:0 0 56px}.workspace-chat.ai-mode{min-height:calc(100dvh - 136px);padding-top:clamp(72px,12vh,128px)}.workspace-creator-layout{grid-template-columns:1fr;width:100%}.workspace-result-column{grid-template-rows:none;height:auto;position:static}.workspace-recent-panel{grid-template-rows:none;align-content:start;align-self:auto;padding:18px}.workspace-recent-grid{align-content:start;row-gap:10px;height:auto}.workspace-result-large{max-width:360px}.upload-row,.attachment-grid,.attachment-strip{grid-template-columns:repeat(2,1fr)}.confirm-form{grid-template-columns:1fr}.feedback-type-pill{flex:180px}}@media (width<=640px){body{background:#f3f4fa}button,input,textarea,select{font-size:16px}.home,.app-page,.result-page{min-height:calc(100dvh - 20px - env(safe-area-inset-top));width:calc(100% - 24px);margin-top:max(10px, env(safe-area-inset-top));border-radius:14px}.app-page,.result-page{padding-bottom:0}.home>.top-nav,.app-page>.top-nav{border-radius:0;width:100%;height:auto;min-height:56px;margin:0;padding:8px 10px;position:relative;top:auto}.top-nav{height:auto;min-height:56px;padding:8px 10px}.top-nav-left{flex:auto;gap:10px}.top-nav-icon-link{border-radius:9px;width:34px;height:34px}.logo-mark{border-radius:10px;width:38px;height:38px}.credit-pill{height:30px;padding:0 10px;font-size:12px}.avatar{width:36px;height:36px}.nav-actions{gap:8px}.nav-actions .btn{min-height:36px;padding:0 14px;font-size:14px}.brand span:last-child{display:none}.hero{width:100%;padding:28px 12px calc(28px + env(safe-area-inset-bottom));display:block}.hero-pill{white-space:normal;text-align:center;width:min(100%,360px);min-height:auto;padding:0;font-size:44px}.hero-cta{border-radius:14px;width:100%;height:53px;margin:24px auto 18px}.hero-cta-label{flex:1;padding:0 15px;font-size:16px}.hero-cta-text{gap:4px}.hero-cta-icon{width:53px}.hero-cta-icon svg{width:30px;height:30px}.home-invite-banner{text-align:left;justify-content:flex-start;width:100%;min-height:48px;margin:0 0 18px;padding:8px 12px}.home-invite-banner span{flex:1;line-height:1.45}.entry-grid{grid-template-columns:1fr;gap:10px;width:100%}.entry-card{grid-template-columns:48px minmax(0,1fr);align-items:center;column-gap:14px;min-height:132px;padding:16px;display:grid}.entry-card-icon{grid-row:1/4}.entry-card strong{margin:0 0 6px;font-size:16px}.entry-card p{font-size:13px}.entry-card-link{padding-top:10px}.shell{width:100%;padding:12px 12px calc(48px + env(safe-area-inset-bottom));margin:0;display:block}.shell-main{width:100%}.sidebar{z-index:20;height:auto;min-height:0;padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;display:block;position:fixed;inset:auto 0 0;box-shadow:0 -12px 34px #1a1a2e24}.sidebar nav{scrollbar-width:none;grid-template-columns:none;gap:4px;padding:0 2px 2px;display:flex;overflow-x:auto}.sidebar nav::-webkit-scrollbar{display:none}.side-item{text-align:center;white-space:nowrap;border-radius:12px;flex-direction:column;flex:0 0 72px;justify-content:center;gap:4px;height:58px;margin:0;padding:6px 4px;font-size:11px;line-height:1.1;display:flex}.side-item svg{width:20px;height:20px}.side-item.active{background:#eef0ff;border-left:0}.side-credit{display:none}.auth-card,.workspace-card,.feedback-card,.guide-hero-panel,.guide-section,.prompt-template-head,.prompt-template-form{width:100%;padding:24px}.auth-page{place-items:start center;padding:20px 12px}.auth-card{border-radius:14px;min-height:0;padding:28px 22px}.auth-card .brand span:last-child{display:block}.auth-card .logo-mark{width:56px;height:56px}.guide-page{gap:18px}.guide-hero-panel h1{font-size:28px}.guide-hero-facts,.guide-flow-grid,.guide-tips{grid-template-columns:1fr}.guide-infographic{padding:10px}.guide-infographic img{aspect-ratio:16/9}.guide-section-head{gap:12px}.guide-section-head>span{width:36px;height:36px}.guide-detail-card{grid-template-columns:1fr}.prompt-template-head,.prompt-template-form-head,.template-reference-head,.prompt-template-actions{flex-direction:column;align-items:stretch}.prompt-template-list,.prompt-template-fields,.template-reference-grid{grid-template-columns:1fr}.template-ratio-select{grid-template-columns:repeat(3,1fr)}.prompt-template-actions .btn{width:100%}.prompt-template-page{gap:16px}.prompt-template-head h1{font-size:24px}.prompt-template-picker,.prompt-template-form{padding:18px}.prompt-template-tabs{flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.prompt-template-tabs button{flex:none}.confirm-card{padding:24px}.confirm-actions{flex-direction:column;align-items:stretch}.ratio-options{grid-template-columns:repeat(2,1fr)}.result-main{width:100%;padding:12px 12px calc(48px + env(safe-area-inset-bottom));margin-top:0}.confirm-head h1{font-size:24px}.confirm-textarea{min-height:240px}.workspace-chat{justify-content:flex-start;min-height:calc(100dvh - 170px);padding:0 0 40px}.workspace-chat.ai-mode{min-height:calc(100dvh - 136px);padding-top:clamp(36px,8vh,76px)}.workspace-tabs{border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin-bottom:18px}.workspace-prompt-title{margin:10px 0 18px;font-size:22px}.workspace-ai-bubble{margin-top:-8px}.workspace-ai-bubble button{width:100%;min-height:40px}.workspace-prompt-subtitle{margin-top:-8px;margin-bottom:16px;font-size:13px}.conversation-panel{margin-bottom:12px}.conversation-message{max-width:100%}.workspace-creator-layout{gap:16px;width:100%}.workspace-result-column{gap:16px}.workspace-creator-panel,.workspace-result-panel{border-radius:16px;gap:16px;padding:18px}.workspace-result-panel{margin-top:0}.workspace-edit-reference{flex-direction:column;align-items:stretch}.workspace-edit-upload{width:100%}.workspace-edit-reference-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.creator-panel-head{flex-direction:column;align-items:stretch;gap:12px}.creator-panel-head h1{font-size:22px}.creator-ai-button{width:100%}.creator-option-row.ratio{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.creator-option-row button{min-width:0}.creator-upload-row{grid-template-columns:1fr}.workspace-result-large{max-width:none}.workspace-recent-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.composer-shell{border-radius:20px;padding:10px}.composer-row{grid-template-columns:40px minmax(0,1fr) auto}.composer-textarea{min-height:42px;padding-top:9px}.composer-action-group{justify-content:flex-end;width:auto;padding:0 0 2px;display:flex}.composer-action-button{min-width:0;height:40px;padding:0 10px;font-size:13px}.composer-upload-menu{width:168px;bottom:48px}.upload-toast,.generation-toast,.generating-progress-wrap{width:100%}.generating-progress-wrap{gap:12px}.generating-progress-card{border-radius:12px;gap:12px;padding:18px}.generating-illustration-card{border-radius:14px;min-height:158px}.droplet-scene{gap:10px;min-height:158px;padding:14px 10px 12px}.droplet-mascot-row{gap:8px;min-height:94px}.droplet-mascot{width:54px;height:92px}.droplet-mascot-body{width:48px;height:70px}.droplet-mascot-shadow{width:36px;height:8px}.droplet-status-pill{min-height:28px;padding:4px 12px;font-size:12px}.image-modal{padding:calc(12px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left))}.image-modal img{max-width:calc(100vw - 24px - env(safe-area-inset-left) - env(safe-area-inset-right));max-width:calc(100dvw - 24px - env(safe-area-inset-left) - env(safe-area-inset-right));max-height:calc(100vh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.modal-close{top:calc(12px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));width:48px;height:48px}.generating-progress-head{align-items:flex-start;gap:12px}.generating-progress-icon{width:48px;height:48px}.generating-progress-title h2{font-size:17px}.generating-progress-title p{font-size:12px}.generation-waiting-overlay{place-items:start center;padding:12px}.generation-waiting-shell{gap:10px}.wait-progress-card,.light-status-bar,.wait-view-panel{border-radius:14px}.wait-progress-card,.wait-view-panel{padding:15px}.wait-progress-card{border-radius:20px;padding:20px 16px 18px}.wait-progress-top{grid-template-columns:92px minmax(0,1fr);align-items:center;gap:14px}.wait-progress-mascot{min-height:116px}.wait-progress-mascot .droplet-mascot{width:78px;height:112px}.wait-progress-mascot .droplet-mascot-body{width:72px;height:100px}.wait-progress-mascot .droplet-mascot-shadow{width:52px;height:10px}.wait-progress-wave{border-width:2px;width:13px;height:22px;top:72px}.wait-progress-copy h2{font-size:21px}.wait-progress-copy p{font-size:15px}.wait-progress-meter{height:13px;margin-top:16px}.wait-progress-percent{margin-top:16px;font-size:14px}.wait-progress-steps{gap:6px;margin-top:14px}.wait-step-dot{width:30px;height:30px;font-size:12px}.wait-progress-steps:before{top:14px}.light-status-main{grid-template-columns:1fr;gap:8px}.light-generation-progress{justify-self:start;margin:0;transform:none}.wait-progress-badge{grid-column:2;justify-self:start;margin-top:-4px}.wait-activity-grid{gap:10px}.wait-activity-card{border-radius:16px;min-height:154px;padding:14px 12px 13px}.wait-activity-card strong{font-size:15px}.wait-activity-card small{padding-right:26px;font-size:11px}.wait-activity-art{width:88px;height:66px;margin-bottom:9px}.wait-activity-art.book:before,.wait-activity-art.book:after{width:42px;height:42px;top:12px}.wait-activity-art.book span{height:32px;left:39px}.wait-activity-art.target:before{border-width:5px;width:58px;height:58px}.wait-activity-art.target span{width:42px;right:17px}.light-status-bar{border-radius:16px;grid-template-columns:50px minmax(0,1fr);gap:10px 12px;min-height:88px;padding:14px}.light-status-mascot{width:50px;height:52px}.light-status-face{width:44px;height:44px}.light-status-face:before,.light-status-face:after{top:20px}.light-status-face:before{left:13px}.light-status-face:after{right:13px}.light-status-face span{top:27px;left:18px}.light-status-divider{display:none}.light-status-meta{grid-column:1/-1}.wait-quiz-tabs{border-radius:18px;min-height:40px}.wait-quiz-tabs button{font-size:11px}.knowledge-footer,.quiz-panel-head,.quiz-result-footer{grid-template-columns:1fr}.knowledge-answer-button,.quiz-actions button{width:100%}.quiz-actions{justify-content:stretch}.quiz-panel-head span{justify-self:start}.upload-row,.asset-grid,.attachment-grid,.attachment-strip,.template-grid,.admin-template-grid{grid-template-columns:1fr}.attachment-chip{min-height:58px}.feedback-submit-row{justify-items:stretch}.feedback-submit{width:100%}.feedback-card{border-radius:14px}.feedback-tabs{gap:16px;overflow-x:auto}.my-feedback-main{grid-template-columns:56px minmax(0,1fr)}.feedback-status-tag{grid-column:1/-1;justify-self:start}.feedback-stat-row{grid-template-columns:1fr}.admin-user-summary{flex-direction:column;align-items:stretch}.admin-user-summary-stats{justify-content:flex-start}.admin-generation-card,.admin-material-card{grid-template-columns:1fr}.admin-generation-thumb,.admin-material-preview,.admin-material-file{width:100%}.admin-material-grid{grid-template-columns:1fr}.feedback-admin-filters select,.feedback-admin-filters input,.feedback-export-btn{width:100%;margin-left:0}.template-head{flex-direction:column;align-items:stretch}.template-search{width:100%}.category-tabs{gap:10px}.category-tabs button{flex:130px;min-width:auto}.admin-template-card{grid-template-columns:1fr}.log-row{grid-template-columns:1fr;gap:4px;padding:12px 0}}