@import url('./tutor-answer.css');
.tutor-history{max-width:1150px;margin:24px auto;padding:20px;border:1px solid var(--line,#dce5f3);border-radius:16px;background:var(--panel,#fff)}.tutor-history-list{display:grid;gap:8px;margin-top:16px}.tutor-history-list button{text-align:left;white-space:normal;overflow-wrap:anywhere}.tutor-saved-image,.tutor-preview img{max-width:100%;max-height:420px;object-fit:contain;display:block;margin:12px 0}
.tutor-layout{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(360px,1.6fr);gap:32px;align-items:start;max-width:1150px;margin:auto}.tutor-intro{padding:28px 8px}.tutor-intro h2{font-size:30px;line-height:1.45;margin:16px 0}.tutor-intro p{color:#61718a;line-height:1.9}.tutor-intro ul{padding-left:20px;line-height:2.5;color:#48618b}.tutor-card{padding:28px}.tutor-card form{display:grid;gap:16px}.tutor-card label{display:grid;gap:9px;font-weight:600}.tutor-card textarea{line-height:1.8;resize:vertical}.tutor-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tutor-card form>.btn{justify-self:start}.tutor-card .muted{font-size:13px;font-weight:400;line-height:1.8;margin:0}.tutor-preview,.tutor-answer{margin-top:24px;border-top:1px solid #dce5f3;padding-top:24px}.tutor-preview h3{margin:0 0 12px}.tutor-preview p{font-size:14px;line-height:1.8;color:#536a86}.tutor-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f8fd;padding:18px;border-radius:12px;font:inherit;line-height:1.9}.tutor-context{font-size:13px;color:#365ac7}.tutor-actions{display:flex;flex-wrap:wrap;gap:10px}.tutor-answer-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:2;margin:16px 0}.tutor-error{background:#fff2ee;color:#a53924;padding:14px;border-radius:10px;line-height:1.8}.tutor-notice{background:#fff8e3;color:#83621a;padding:14px;border-radius:10px;font-size:14px;line-height:1.8}@media(max-width:780px){.tutor-layout{grid-template-columns:minmax(0,1fr);gap:12px}.tutor-intro{padding:0 4px}.tutor-intro h2{font-size:25px}.tutor-intro ul{display:none}.tutor-card{padding:20px}.tutor-fields{gap:12px}.tutor-actions>.btn{flex:1}}
.tutor-card textarea,.tutor-card select{width:100%;box-sizing:border-box;border:1px solid #d7e1ef;border-radius:10px;padding:12px 14px;background:#fff;color:#172b4d;font:15px/1.8 "Microsoft YaHei",sans-serif}.tutor-card textarea:focus,.tutor-card select:focus{outline:2px solid #94b2f0;outline-offset:1px}.tutor-card :disabled{opacity:.65}
.photo-ocr{background:var(--panel,#fff);border:1px solid var(--line,#dce5f3);border-radius:20px;padding:24px;margin:0 auto 24px;max-width:1150px}.photo-ocr h3{margin:0 0 12px}.photo-ocr p{line-height:1.8;color:var(--muted,#526682);font-size:14px;margin:10px 0}.photo-choose{display:inline-grid;gap:12px;padding:12px 0}.photo-choose input{max-width:100%;min-height:44px}.photo-ocr canvas{display:block;width:100%;max-width:700px;height:auto;touch-action:none;margin:16px 0}.crop-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:600px;margin:15px 0}.crop-fields label{font-size:13px}.crop-fields input{display:block;width:100%;padding:10px;min-height:44px;border:1px solid var(--line,#ccd7e6);border-radius:8px;background:var(--panel,#fff);color:inherit}.photo-ocr button{min-height:44px}.photo-ocr [data-ocr-status]{min-height:24px}html[data-theme=starlight] .tutor-card,html[data-theme=starlight] .tutor-card textarea,html[data-theme=starlight] .tutor-card select,html[data-theme=starlight] .tutor-preview pre{background:var(--panel);color:var(--ink);border-color:var(--line)}html[data-theme=starlight] .tutor-intro p,html[data-theme=starlight] .tutor-preview p{color:var(--muted)}
.tutor-notebook-reflection{display:grid;gap:12px;margin-top:20px}.tutor-notebook-reflection textarea{box-sizing:border-box;width:100%;padding:12px;border:1px solid var(--line,#dce5f3);border-radius:10px;background:var(--panel,#fff);color:var(--ink,#172b4d);font:inherit;line-height:1.8;resize:vertical}.tutor-notebook-reflection textarea:focus{outline:2px solid #94b2f0;outline-offset:2px}.tutor-notebook-achievements{margin-top:18px}.tutor-notebook-badges{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.tutor-notebook-badge{display:grid;gap:8px;padding:16px;border:1px solid var(--line,#dce5f3);border-radius:12px}.tutor-notebook-badge span{font-size:13px;color:var(--muted,#526682)}.tutor-notebook-badge.is-unlocked{border-color:#759bc2}.tutor-history [aria-pressed=true]{outline:2px solid #94b2f0;outline-offset:1px}