:root{--ink:#183a39;--muted:#687a78;--teal:#087d73;--line:#dfe8e3;--wash:#f5f7f3}
body{height:auto;min-height:100vh;overflow:auto;background:var(--wash);color:var(--ink);font-size:14px;line-height:1.5}
#index-main-content{min-height:100vh;display:flex;flex-direction:column}
.header{padding:16px 4%;box-shadow:none;gap:24px;border-color:var(--line);min-height:78px}
.workspace-brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-size:24px;font-weight:750;letter-spacing:-1px;white-space:nowrap}.brand-symbol{display:grid;place-items:center;background:var(--teal);color:white;width:35px;height:35px;border-radius:11px;font-family:Georgia,serif;font-size:31px;line-height:1}.beta-label{font:600 9px system-ui;letter-spacing:1px;background:#edf3ed;padding:4px 6px;border-radius:4px;color:#5e726a}.workspace-links{display:flex;gap:7px;margin-right:auto;margin-left:30px}.workspace-links a{text-decoration:none;color:var(--muted);font-weight:550;padding:10px 16px;border-radius:8px;white-space:nowrap}.workspace-links a:hover{background:#f1f6f2}.workspace-links a[aria-current]{color:var(--teal);background:#e8f3ed}.profile-btn{width:38px;height:38px;border:1px solid var(--line);color:var(--teal)}
.workspace-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:32px 4% 26px;max-width:1760px;width:100%;margin:auto}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.8px;color:var(--teal);margin-bottom:8px}.workspace-intro h1{font-size:clamp(24px,2.3vw,34px);font-weight:650;letter-spacing:-1px;line-height:1.2;margin-bottom:9px}.workspace-intro p:not(.eyebrow){color:var(--muted);font-size:14px}.quiet-link{font-size:13px;font-weight:600;color:var(--teal);text-decoration:none;white-space:nowrap}.quiet-link span{margin-left:10px}
.main-content{width:100%;max-width:1760px;margin:0 auto;grid-template-columns:360px minmax(0,1fr);padding:0 4% 40px;gap:24px;overflow:visible;align-items:start}.input-panel{padding:24px;border-radius:14px;border-color:var(--line);box-shadow:0 3px 12px #173c3410;overflow:visible}.panel-heading{display:flex;gap:11px;align-items:center;margin-bottom:22px}.panel-heading h2{font-size:16px;letter-spacing:-.3px}.panel-heading p{font-size:12px;color:var(--muted);margin-top:2px}.step-number{display:inline-grid;place-items:center;flex-shrink:0;width:27px;height:27px;font-size:11px;font-weight:700;background:#edf4ef;border:1px solid #d9e7df;border-radius:8px;color:var(--teal);letter-spacing:0}.input-section{margin-bottom:19px}.section-title{font-size:12px;font-weight:650;color:#405b55;margin-bottom:8px;gap:11px}.input-section:has(#fileTab){border-top:1px solid var(--line);padding-top:22px;margin-top:22px}.input-section:has(#progressSteps){border-top:1px solid var(--line);padding-top:20px;margin-bottom:0}.input-section:has(#fileTab)>.section-title,.input-section:has(#progressSteps)>.section-title{font-size:15px;color:var(--ink);margin-bottom:15px}
.teacher-input input,.youtube-input input,#customRubricName{font-family:inherit;background:#fff;border:1px solid #cfdcd4;border-radius:8px;padding:11px 12px;font-size:13px;width:100%;color:var(--ink)}input:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #86bdb0;outline-offset:3px}.selection-dropdown>summary{background:#fff;border:1px solid #cfdcd4;border-radius:8px;padding:11px 12px;font-size:13px}.selection-dropdown-panel{border-color:var(--line);box-shadow:0 8px 22px #244c4012}.rubric-option{font-size:12px}.rubric-status{font-size:9px}.custom-rubric{margin:2px 0 20px;font-size:12px}.custom-rubric>summary{cursor:pointer;color:var(--teal);font-weight:600;padding:8px 0}.custom-rubric>summary span{float:right;font-size:10px;color:var(--muted);font-weight:400}.custom-rubric-body{padding:12px;background:var(--wash);border:1px solid var(--line);border-radius:8px;display:grid;gap:9px}.custom-rubric input[type=file]{max-width:100%;font-size:11px}.custom-rubric button{background:white;border:1px solid #bad2c6;padding:9px;border-radius:7px;color:var(--teal);font-weight:600;cursor:pointer}
.input-tabs{gap:0;background:#f0f3ef;padding:4px;border-radius:9px;margin-bottom:13px}.tab-button{font-size:11px;padding:9px 5px;color:#566c63;border-radius:6px}.tab-button.active{background:white;color:var(--teal);box-shadow:0 1px 4px #16483715;font-weight:650}.upload-area{padding:26px 10px;background:#f9fbf8;border:1.5px dashed #adc7b7;border-radius:10px}.upload-area:hover{background:#f0f7f1;border-color:var(--teal)}.upload-icon{margin:0 auto 12px;color:var(--teal);width:50px;height:50px;display:grid;place-items:center;background:#e9f2e9;border-radius:13px;font-size:24px}.upload-main-text{font-size:14px;font-weight:600}.upload-sub-text{font-size:12px;margin:4px 0 12px}.browse-link{font:inherit;font-weight:600;color:var(--teal);border:0;background:none;cursor:pointer;text-decoration:underline}.supported-formats{font-size:10px;line-height:1.6;color:var(--muted)}.process-btn,.youtube-process-btn{background:var(--teal);box-shadow:none;border-radius:9px;font-size:13px;padding:12px;margin-top:13px;letter-spacing:0}.process-btn:hover:not(:disabled){background:#09685f;transform:none;box-shadow:none}.process-btn:disabled{background:#e8eeea;color:#84958b;cursor:not-allowed;box-shadow:none}.file-info{font-size:12px;overflow-wrap:anywhere}.progress-steps{margin:18px 0 10px}.step-icon{width:29px;height:29px;font-size:11px;border-width:1px}.step-label{font-size:10px}.status-message,.time-info{font-size:12px;line-height:1.6}.download-btn{font-size:12px;background:#eef6ef;color:var(--teal);border:1px solid #cfe0d5;box-shadow:none}
.evaluation-section{border:1px solid var(--line);border-radius:14px;box-shadow:0 3px 12px #173c3408;overflow:hidden;min-width:0;min-height:740px;max-height:none;background:#fff}.evaluation-header{padding:23px 27px;background:#fff;border-bottom:1px solid var(--line);text-align:left}.evaluation-title{font-size:19px;font-weight:650;color:var(--ink);letter-spacing:-.4px}.evaluation-subtitle{font-size:12px;color:var(--muted);margin:4px 0 17px}.teacher-info{gap:8px 18px;margin-top:0;font-size:10px;background:#f7f9f5;padding:10px 12px;border-radius:7px;color:var(--muted)}.teacher-info strong{color:#45665a;font-weight:600}.evaluation-content{padding:28px;overflow:visible}.placeholder-content{padding:30px 8px;text-align:center;margin:0 auto;max-width:780px;color:var(--muted)}.placeholder-content h2{font-size:27px;font-weight:600;letter-spacing:-.9px;color:var(--ink);margin:10px 0}.empty-description{font-size:13px;line-height:1.8}.report-illustration{width:150px;height:140px;margin:0 auto 25px;position:relative;background:radial-gradient(ellipse,#e7f2e6 40%,transparent 70%)}.paper-sheet{position:absolute;top:3px;left:28px;width:92px;height:119px;background:white;border:1px solid #cee0d2;border-radius:9px;box-shadow:7px 9px 0 #e9efe4;padding:15px;transform:rotate(-7deg)}.paper-tag{height:7px;width:25px;background:#90b69a;border-radius:3px;margin-bottom:10px}.paper-line{height:4px;width:70%;background:#dce6da;border-radius:4px;margin:6px 0}.paper-line.wide{width:100%}.paper-chart{height:28px;display:flex;align-items:end;gap:5px;margin:10px 0}.paper-chart i{width:10px;background:#bfd6bd;border-radius:3px 3px 0 0;height:12px}.paper-chart i:nth-child(2){height:19px}.paper-chart i:nth-child(3){height:23px;background:#83b699}.paper-chart i:nth-child(4){height:28px;background:#38856b}.illustration-check{position:absolute;right:6px;bottom:9px;background:var(--teal);color:white;border:5px solid white;border-radius:50%;width:43px;height:43px;display:grid;place-items:center;font-size:20px}.report-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;text-align:left;margin:38px 0 28px;border-top:1px solid var(--line);padding-top:23px}.report-benefits span{font-size:10px;color:#799984;font-weight:700}.report-benefits h3{font-size:12px;color:#34574b;margin:7px 0}.report-benefits p{font-size:11px;line-height:1.7;color:var(--muted)}.review-note{font-size:10px;color:#7b8b82}
.analysis-layout{grid-template-columns:minmax(0,1fr);gap:20px}.analysis-side{position:static;grid-row:1}.video-preview-card{max-width:620px;margin:auto}.prompt-content{font-size:14px;line-height:1.8}.comprehensive-section{border-color:var(--line);border-left:2px solid #93bca8;padding:22px}.prompt-title{font-size:16px;color:var(--ink)}
@media(min-width:1500px){.analysis-layout{grid-template-columns:minmax(0,1fr) 300px}.analysis-side{grid-row:auto;position:sticky;top:20px}}
@media(max-width:1050px){.workspace-links{margin-left:0}.workspace-links a{padding:8px;font-size:12px}.main-content{grid-template-columns:310px minmax(0,1fr);gap:16px}.input-panel{padding:18px}.evaluation-content{padding:18px}.report-benefits{grid-template-columns:1fr;gap:12px}.report-benefits>div{display:grid;grid-template-columns:24px 1fr}.report-benefits h3{margin:0}.report-benefits p{grid-column:2}.placeholder-content h2{font-size:23px}}
@media(max-width:760px){.header{flex-wrap:wrap;padding:14px 20px;gap:12px}.workspace-brand{font-size:22px}.nav-actions{margin-left:auto}.workspace-links{order:3;width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:10px}.workspace-intro{padding:24px 20px;align-items:start}.workspace-intro h1{font-size:25px}.workspace-intro .quiet-link{display:none}.main-content{grid-template-columns:minmax(0,1fr);padding:0 16px 30px}.input-panel{padding:22px}.evaluation-section{min-height:0}.evaluation-header{padding:20px}.placeholder-content{padding:20px 4px}.report-benefits{grid-template-columns:1fr}.analysis-side{position:static}.teacher-info{gap:8px 12px}.selection-dropdown-panel{max-width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Override the old fixed-height layout at every viewport size. */
.input-panel{max-height:none;height:auto}.main-content{flex:none}.evaluation-section{height:auto}.teacher-info{justify-content:flex-start}
.gentpa-dialog-overlay[aria-hidden="true"]{display:none}.gentpa-dialog-overlay[aria-hidden="false"]{position:fixed;inset:0;z-index:1000;background:#163a3966;display:grid;place-items:center;padding:24px}.gentpa-dialog-box{background:white;border-radius:14px;max-width:440px;padding:26px;box-shadow:0 20px 70px #173b3940}.dialog-actions{text-align:right;margin-top:20px}.dialog-btn{background:var(--teal);border:0;border-radius:7px;color:white;padding:10px 24px;cursor:pointer}