:root{--bg:#f6efe5;--surface:#fffaf4d1;--surface-strong:#fffaf4;--card:#ffffffdb;--line:#1a22281a;--text:#16202a;--muted:#5f6c76;--accent:#0b7a5a;--accent-strong:#075f46;--accent-soft:#0b7a5a1f;--sand:#d6923d;--ink:#314152;--mist:#dae1e8;--shadow:0 26px 60px #27211c14}*{box-sizing:border-box}html,body{min-height:100%;color:var(--text);font-family:var(--font-chinese),var(--font-sans),sans-serif;background:radial-gradient(circle at 0 0,#d6923d24,#0000 24%),radial-gradient(circle at 100%,#0b7a5a1f,#0000 30%),linear-gradient(#f9f3eb 0%,#f4ece3 48%,#eee5da 100%);margin:0}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{max-width:1160px;margin:0 auto;padding:18px 14px 118px}.glass{background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #ffffffd9}.pill{color:var(--muted);background:#ffffffb8;border:1px solid #fffffff2;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;display:inline-flex}.primary-button,.ghost-button{border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:14px 22px;font-weight:700;transition:transform .18s,box-shadow .18s,opacity .18s;display:inline-flex}.primary-button:hover,.ghost-button:hover{transform:translateY(-1px)}.primary-button{background:linear-gradient(135deg,var(--accent),#12916c);color:#fff;box-shadow:0 16px 28px #0b7a5a3d}.ghost-button{color:var(--text);background:#ffffffd6;border:1px solid #16202a14}.ghost-button.strong{background:linear-gradient(135deg,#d6923d29,#0b7a5a2e)}.primary-button:disabled,.ghost-button:disabled{opacity:.58;cursor:not-allowed;transform:none}.field{flex-direction:column;gap:8px;display:flex}.field span{color:var(--muted);letter-spacing:.02em;font-size:13px;font-weight:700}.field input,.field select,.field textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#ffffffe0;border-radius:18px;padding:15px 16px;transition:border-color .16s,box-shadow .16s}.field textarea{resize:vertical;min-height:136px;line-height:1.68}.field input:focus,.field select:focus,.field textarea:focus{border-color:#0b7a5a6b;outline:none;box-shadow:0 0 0 4px #0b7a5a14}.studio{flex-direction:column;gap:16px;display:flex}.home-stage,.stage,.studio-footer-bar{border-radius:30px}.home-stage{grid-template-columns:1fr;align-items:center;gap:28px;min-height:calc(100vh - 180px);padding:32px 24px;display:grid}.home-stage-copy h1{letter-spacing:-.045em;max-width:7ch;margin:18px 0 14px;font-size:clamp(28px,8.8vw,62px);line-height:.94}.home-stage-copy h1 span{white-space:nowrap;display:block}.home-stage-copy p{max-width:32ch;color:var(--muted);margin:0;font-size:15px;line-height:1.75}.home-stage-meta{flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:16px;display:flex}.home-auth-panel{background:#ffffffad;border:1px solid #ffffffdb;border-radius:24px;justify-content:space-between;align-items:center;gap:18px;margin-top:24px;padding:16px 18px;display:flex}.home-auth-copy{flex-direction:column;gap:6px;min-width:0;display:flex}.home-auth-copy strong{font-size:15px}.home-auth-copy span{color:var(--muted);font-size:14px;line-height:1.6}.google-auth-slot,.google-auth-user{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.google-auth-pill{min-height:42px;color:var(--text);background:#ffffffd6;border:1px solid #16202a14;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:700;display:inline-flex}.google-auth-pill img{border-radius:999px;width:24px;height:24px}.google-logout-button{min-height:42px;color:var(--muted);background:#ffffffd6;border:1px solid #16202a14;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-weight:700;display:inline-flex}.google-auth-note,.result-auth-note{color:var(--muted);font-size:13px}.home-actions{gap:12px;margin-top:22px;display:flex}.home-auth-hint{color:var(--muted);margin-top:10px;font-size:13px}.home-stage-card{justify-content:center;display:flex}.home-stage-window{background:#ffffffd6;border:1px solid #fffffff2;border-radius:28px;width:min(100%,420px);padding:14px;box-shadow:0 26px 50px #1e1b1714}.home-stage-window-top{gap:8px;margin-bottom:16px;display:flex}.home-stage-window-top span{background:#16202a1f;border-radius:999px;width:10px;height:10px}.home-stage-window-body{background:linear-gradient(#0b7a5a0f,#ffffffe0);border-radius:22px;padding:18px}.home-badge{color:var(--accent-strong);background:#0b7a5a1a;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700;display:inline-flex}.home-line{background:#3141521a;border-radius:999px;height:12px;margin-top:12px}.home-card-stack{gap:10px;margin-top:18px;display:grid}.home-mini-card{background:#ffffffeb;border:1px solid #16202a0f;border-radius:18px;height:88px}.home-mini-card-a{transform:rotate(-2deg)translate(-8px)}.home-mini-card-b{transform:rotate(1.5deg)translate(8px)}.home-mini-card-c{transform:rotate(-1deg)translate(-4px)}.studio-topline{justify-content:space-between;align-items:center;gap:12px;padding:2px 2px 8px;display:flex}.studio-dots{align-items:center;gap:8px;display:flex}.studio-dot{background:#16202a1f;border-radius:999px;width:8px;height:8px;transition:transform .18s,background-color .18s,width .18s}.studio-dot-active{background:linear-gradient(90deg,var(--sand),var(--accent));width:24px}.studio-dot-done{background:#0b7a5a61}.stage-header p,.subject-card p,.template-copy p,.template-copy small,.summary-card p,.generate-panel p,.result-panel-top p,.result-step p,.studio-footer-copy span,.error-text{color:var(--muted);line-height:1.6}.studio-layout{grid-template-columns:1fr;gap:16px;display:grid}.studio-layout.solo{grid-template-columns:minmax(0,780px);justify-content:center}.stage{padding:20px;position:relative;overflow:hidden}.result-stage{padding-bottom:26px}.stage-header{align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.stage-icon{width:48px;height:48px;color:var(--accent-strong);background:linear-gradient(135deg,#0b7a5a24,#d6923d33);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.stage-kicker,.summary-card span,.stage-kicker{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.stage-header h2{margin:6px 0 8px;font-size:clamp(30px,6vw,42px);line-height:1}.subject-grid,.template-gallery,.topic-stage,.grade-stage,.material-stage,.generate-stage{grid-template-columns:1fr;gap:14px;display:grid}.subject-card,.template-card,.material-mode-card,.summary-card,.result-step,.sidebar-card{background:#ffffffc2;border:1px solid #16202a14;border-radius:24px}.subject-card{text-align:left;flex-direction:column;gap:8px;min-height:168px;padding:18px;display:flex}.subject-card-top,.template-copy-top,.result-step-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.subject-card span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.subject-card strong{font-size:30px;line-height:1}.subject-card-jade{background:linear-gradient(#0b7a5a1f,#ffffffdb)}.subject-card-sand{background:linear-gradient(#d6923d24,#ffffffdb)}.subject-card-ink{background:linear-gradient(#3141521f,#ffffffdb)}.subject-card-mist{background:linear-gradient(#dae1e8b3,#ffffffeb)}.subject-card-active,.template-card-active,.material-mode-card-active{border-color:#0b7a5a57;transform:translateY(-1px);box-shadow:0 16px 28px #0b7a5a14}.template-card{text-align:left;grid-template-columns:1fr;gap:16px;padding:18px;display:grid}.template-sheet{background:#fcfaf6;border:1px solid #16202a0f;border-radius:22px;min-height:250px;overflow:hidden}.template-sheet-band{background:linear-gradient(90deg,#0b7a5a2e,#d6923d2e);height:16px}.template-sheet-lines{flex-direction:column;gap:10px;padding:16px;display:flex}.template-chip{width:fit-content;color:var(--accent-strong);background:#0b7a5a1a;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.template-line{background:#3141521f;border-radius:999px;height:10px}.w-100{width:100%}.w-90{width:90%}.w-72{width:72%}.w-60{width:60%}.template-box-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.template-mini-box{background:#31415214;border-radius:14px;height:74px}.template-copy{flex-direction:column;gap:8px;display:flex}.template-copy strong{font-size:22px}.template-bullets{flex-wrap:wrap;gap:8px;display:flex}.template-bullets span{background:#ffffffe6;border:1px solid #16202a14;border-radius:999px;padding:8px 12px;font-size:13px;display:inline-flex}.hint-card,.upload-panel,.generate-panel,.result-panel{background:#ffffffb8;border:1px solid #16202a14;border-radius:24px}.hint-card{padding:18px}.hint-card strong,.generate-panel strong,.result-panel h3{margin-bottom:6px;display:block}.upload-panel{padding:14px}.upload-dropzone{text-align:center;background:linear-gradient(#0b7a5a0d,#ffffffc2);border:1px dashed #16202a2e;border-radius:20px;flex-direction:column;align-items:center;gap:10px;padding:28px 18px;display:flex}.upload-dropzone input{display:none}.upload-file-list{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.upload-file-chip{background:#ffffffe0;border:1px solid #16202a14;border-radius:999px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:inline-flex}.material-mode-grid,.summary-grid,.result-snapshot{grid-template-columns:1fr;gap:12px;display:grid}.material-mode-card{text-align:left;flex-direction:column;gap:6px;padding:16px;display:flex}.material-mode-card span{color:var(--muted);line-height:1.6}.mode-toggle-row,.batch-topic-list,.batch-result-list{grid-template-columns:1fr;gap:12px;display:grid}.mode-toggle-card,.batch-preview-card,.batch-result-card,.legal-card{background:#ffffffc2;border:1px solid #16202a14;border-radius:24px}.mode-toggle-card{text-align:left;flex-direction:column;gap:6px;padding:16px;display:flex}.mode-toggle-card span,.batch-preview-card p,.batch-result-card p,.legal-card p{color:var(--muted);line-height:1.6}.mode-toggle-card-active{border-color:#0b7a5a57;box-shadow:0 16px 28px #0b7a5a14}.batch-preview-card,.batch-result-card{padding:16px}.batch-result-card-failed{background:#fff8f8d6;border-color:#ae243424}.batch-result-top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.result-status-pill{border-radius:999px;justify-content:center;align-items:center;min-width:64px;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.result-status-success{color:var(--accent-strong);background:#0b7a5a1a}.result-status-failed{color:#8b2432;background:#ae243414}.grade-stage-wide{grid-column:1/-1}.summary-card{padding:16px}.summary-card strong{margin:6px 0 4px;font-size:22px;display:block}.generate-panel{background:linear-gradient(135deg,#0b7a5a14,#d6923d14);flex-direction:column;gap:16px;padding:18px;display:flex}.legal-shell{justify-content:center;align-items:center;min-height:calc(100vh - 80px);display:flex}.legal-card{max-width:760px;padding:28px}.legal-card h1{margin:0 0 16px;font-size:clamp(28px,5vw,44px)}.result-panel{flex-direction:column;gap:16px;padding:18px;display:flex}.result-panel-top{flex-direction:column;gap:16px;display:flex}.result-tools-topbar{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.result-tool-button{color:var(--muted);background:#ffffffd6;border:1px solid #16202a14;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-weight:700;transition:background-color .16s,color .16s,transform .16s;display:inline-flex}.result-tool-button:hover{color:var(--text);background:#fffffff5;transform:translateY(-1px)}.download-row{flex-wrap:wrap;gap:10px;display:flex}.download-row-inline{margin-top:16px}.result-step{padding:16px}.result-step-top span{color:var(--muted);font-size:12px}.studio-footer-bar{z-index:20;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex;position:sticky;bottom:12px}.studio-footer-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.studio-footer-copy strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.error-text{color:#8b2432;background:#ae243414;border-radius:18px;margin:0;padding:14px 16px}.warning-text{color:#7b4d12;background:#d6923d1f;border-radius:18px;margin:0;padding:14px 16px}.generate-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#faf5eec7;justify-content:center;align-items:center;padding:22px;animation:.22s fade-in;display:flex;position:fixed;inset:0}.generate-overlay-card{text-align:center;background:#ffffffeb;border:1px solid #fffffff5;border-radius:28px;flex-direction:column;align-items:center;gap:14px;width:min(100%,360px);padding:28px 24px;display:flex;box-shadow:0 24px 48px #1e1b171a}.generate-overlay-card strong{font-size:22px}.generate-spinner-ring{background:conic-gradient(#0b7a5a29,#d6923dcc,#0b7a5a2e);border-radius:999px;justify-content:center;align-items:center;width:92px;height:92px;animation:1.25s cubic-bezier(.68,-.2,.32,1.2) infinite spinner-sway;display:flex}.generate-spinner-core{width:62px;height:62px;color:var(--accent-strong);background:#fffaf4f5;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;box-shadow:inset 0 0 0 1px #16202a0f}.spin{animation:1s linear infinite spin}.selections-accordion{border-top:1px solid #16202a14;padding-top:14px}.selections-toggle{width:100%;color:var(--text);background:#ffffffc7;border:1px solid #16202a14;border-radius:20px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-weight:700;display:flex}.selections-content{gap:12px;margin-top:12px;animation:.32s cubic-bezier(.22,1,.36,1) accordion-reveal;display:grid}.selections-chevron{color:var(--muted);transition:transform .26s cubic-bezier(.22,1,.36,1)}.selections-chevron-open{transform:rotate(180deg)}.motion-surface{transform-origin:bottom;will-change:transform,opacity;animation:.46s cubic-bezier(.22,1,.36,1) pop-in}@keyframes card-enter{0%{opacity:0;transform:translateY(28px)scale(.96)}65%{opacity:1;transform:translateY(-8px)scale(1.015)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes screen-enter{0%{opacity:0;transform:translateY(32px)scale(.97)}70%{opacity:1;transform:translateY(-10px)scale(1.012)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pop-in{0%{opacity:0;transform:translateY(26px)scale(.97)}58%{opacity:1;transform:translateY(-4px)scale(1.01)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes accordion-reveal{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes spinner-sway{0%{transform:rotate(0)scale(.96)}50%{transform:rotate(180deg)scale(1.04)}to{transform:rotate(360deg)scale(.96)}}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:720px){.shell{padding:24px 18px 120px}.home-stage{padding:38px 34px}.home-stage-copy h1{max-width:none;font-size:clamp(42px,6vw,76px)}.home-stage-copy p{max-width:34ch;font-size:16px}.home-auth-panel{max-width:640px}.subject-grid,.material-mode-grid,.mode-toggle-row,.summary-grid,.result-snapshot,.grade-stage,.batch-topic-list{grid-template-columns:repeat(2,minmax(0,1fr))}.template-card{grid-template-columns:minmax(300px,380px) 1fr;align-items:center}.generate-panel{flex-direction:row;justify-content:space-between;align-items:center}.home-stage{grid-template-columns:minmax(0,1fr) 380px}.result-panel-top{flex-direction:row;justify-content:space-between;align-items:flex-start}.result-tools-topbar{flex-shrink:0}}@media (max-width:719px){.home-auth-panel{flex-direction:column;align-items:flex-start}}@media (min-width:1080px){.shell{padding:28px 24px 46px}.home-stage{grid-template-columns:minmax(0,1fr) 430px;min-height:760px}.studio-footer-bar{position:static}}