/* PE-Class test — 종목별 세특 기초자료·문장 생성 UI */
.assessmentCommentTrigger12106{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  width:100%!important;
  min-height:38px!important;
  margin:10px 0 0!important;
  padding:7px 10px!important;
  border:1px solid color-mix(in srgb,var(--assessment-accent,#1976e9) 38%,#d7e3ef)!important;
  border-radius:8px!important;
  background:color-mix(in srgb,var(--assessment-accent,#1976e9) 8%,#fff)!important;
  color:color-mix(in srgb,var(--assessment-accent,#1976e9) 82%,#18324a)!important;
  font:inherit!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1.35!important;
  text-align:center!important;
  white-space:normal!important;
  word-break:keep-all!important;
  cursor:pointer!important;
  box-sizing:border-box!important;
}
.assessmentCommentTrigger12106:hover{filter:brightness(.98)}
.assessmentCommentTrigger12106:focus-visible{outline:3px solid rgba(25,118,233,.22)!important;outline-offset:2px!important}

html.assessmentCommentsOpen12106,
body.assessmentCommentsOpen12106{overflow:hidden!important;overscroll-behavior:none!important}
.assessmentCommentsModal12106{
  position:fixed;
  inset:0;
  z-index:2147482500;
  display:grid;
  place-items:center;
  padding:20px;
  box-sizing:border-box;
  font-family:inherit;
}
.assessmentCommentsBackdrop12106{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  padding:0;
  border:0;
  background:rgba(13,31,48,.58);
  backdrop-filter:blur(3px);
}
.assessmentCommentsDialog12106{
  position:relative;
  display:flex;
  flex-direction:column;
  width:min(1120px,100%);
  box-sizing:border-box;
  max-height:min(900px,calc(100dvh - 40px));
  overflow:hidden;
  border:1px solid #cdddea;
  border-radius:18px;
  background:#fff;
  color:#1b3044;
  box-shadow:0 22px 60px rgba(17,38,58,.28);
}
.assessmentCommentsHead12106{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding:20px 22px 15px;
  border-bottom:1px solid #e1e9f0;
}
.assessmentCommentsHead12106 h3{margin:3px 0 4px;font-size:21px;line-height:1.4;word-break:keep-all}
.assessmentCommentsHead12106 p{margin:0;color:#6c8093;font-size:13px;font-weight:700}
.assessmentCommentsEyebrow12106{color:#1976e9;font-size:12px;font-weight:900;letter-spacing:.04em}
.assessmentCommentsClose12106{
  flex:0 0 40px;
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  padding:0;
  border:1px solid #d6e2ec;
  border-radius:10px;
  background:#f8fbfd;
  color:#52687b;
  font-size:18px;
  cursor:pointer;
}
.assessmentCommentsPrivacy12106{
  display:flex;
  align-items:center;
  gap:10px;
  margin:14px 22px 0;
  padding:10px 13px;
  border:1px solid #bfe8d7;
  border-radius:10px;
  background:#effaf5;
  color:#356c58;
  font-size:12px;
  line-height:1.45;
}
.assessmentCommentsPrivacy12106 b{flex:0 0 auto;color:#0e7a55}
.assessmentCommentsSource12106{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:10px 14px;
  margin:8px 22px 0;
  padding:10px 12px;
  border:1px solid #d8e5ef;
  border-radius:11px;
  background:#f6f9fc;
}
.assessmentCommentsTemplateManager12106{min-width:0}
.assessmentCommentsTemplateStatus12106{display:flex;align-items:center;gap:10px;min-width:0}
.assessmentCommentsTemplateStatus12106>div{display:grid;gap:2px;min-width:0}
.assessmentCommentsTemplateStatus12106 b{font-size:12px;color:#29465f}
.assessmentCommentsTemplateStatus12106 small{overflow:hidden;color:#698094;font-size:11px;font-weight:700;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}
.assessmentCommentsTemplateStatus12106.isReady b{color:#087451}
.assessmentCommentsTemplateStatus12106.isLoading b{color:#5e7182}
.assessmentCommentsTemplateIcon12106{
  flex:0 0 30px;
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:9px;
  background:#e7f2fb;
  color:#1877b7;
  font-size:14px;
  font-weight:1000;
}
.assessmentCommentsTemplateStatus12106.isReady .assessmentCommentsTemplateIcon12106{background:#def5ea;color:#087451}
.assessmentCommentsTemplateActions12106{display:flex;align-items:center;justify-content:flex-end;gap:7px}
.assessmentCommentsTemplateActions12106 button{
  min-height:34px;
  padding:6px 11px;
  border:1px solid #b8d5e9;
  border-radius:8px;
  background:#fff;
  color:#28628f;
  font:inherit;
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
  cursor:pointer;
}
.assessmentCommentsTemplateActions12106 button:disabled{opacity:.48;cursor:wait}
.assessmentCommentsTemplateDownload12106{background:#eaf5ff!important;border-color:#acd4f2!important;color:#1877b7!important}
.assessmentCommentsTemplateUpload12106{background:#1976e9!important;border-color:#1976e9!important;color:#fff!important}
.assessmentCommentsTemplateDelete12106{border-color:#efc5c0!important;color:#ba4b42!important}
.assessmentCommentsTemplateMessage12106{
  grid-column:1/-1;
  padding-top:7px;
  border-top:1px dashed #d3e0ea;
  color:#63798d;
  font-size:11px;
  font-weight:800;
  line-height:1.45;
}
.assessmentCommentsTemplateMessage12106[data-tone="error"]{color:#c33d32}
.assessmentCommentsTemplateMessage12106[data-tone="success"]{color:#087451}
.assessmentCommentsTemplateMessage12106[data-tone="info"]{color:#28628f}
.assessmentCommentsToolbar12106{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:12px 22px 10px;
  color:#607588;
  font-size:12px;
  font-weight:700;
}
.assessmentCommentsAiInfo12109{flex:1 1 auto;display:grid;gap:3px;min-width:0}
.assessmentCommentsAiStatus12109{font-size:11px;font-weight:900;line-height:1.45;color:#607588}
.assessmentCommentsAiStatus12109[data-tone="success"]{color:#087451}
.assessmentCommentsAiStatus12109[data-tone="error"]{color:#c33d32}
.assessmentCommentsAiStatus12109[data-tone="info"]{color:#28628f}
.assessmentCommentsAiGenerate12109{
  flex:0 0 auto;
  min-height:36px;
  padding:7px 15px;
  border:1px solid #1976e9;
  border-radius:8px;
  background:#1976e9;
  color:#fff;
  font:inherit;
  font-weight:900;
  white-space:nowrap;
  cursor:pointer;
}
.assessmentCommentsAiGenerate12109:disabled{opacity:.45;cursor:not-allowed}
.assessmentCommentsCopyAll12106,
.assessmentCommentsDone12106,
.assessmentCommentRegenerate12106,
.assessmentCommentCopy12106{
  border:1px solid #bfd3e4;
  border-radius:8px;
  background:#fff;
  color:#28628f;
  font:inherit;
  font-weight:900;
  cursor:pointer;
}
.assessmentCommentsCopyAll12106{flex:0 0 auto;min-height:36px;padding:7px 15px;background:#eaf5ff;border-color:#acd4f2;color:#1877b7}
.assessmentCommentsRows12106{
  flex:1 1 auto;
  min-height:0;
  margin:0 22px;
  overflow:auto;
  overscroll-behavior:contain;
  border:1px solid #dce6ee;
  border-radius:12px;
  background:#fbfdff;
}
.assessmentCommentRow12106{
  display:grid;
  grid-template-columns:92px 96px 88px minmax(300px,1fr) 82px;
  align-items:center;
  gap:10px;
  padding:11px 12px;
  border-bottom:1px solid #e4ebf1;
}
.assessmentCommentRow12106:last-child{border-bottom:0}
.assessmentCommentRow12106.isMissing,.assessmentCommentRow12106.isBlocked{background:#f7f9fb;color:#91a0ad}
.assessmentCommentStudent12106{display:grid;gap:2px;text-align:center}
.assessmentCommentStudent12106 b{font-size:12px;color:#526b7f}
.assessmentCommentStudent12106 span{overflow:hidden;color:#1b3044;font-size:14px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}
.assessmentCommentScore12106{text-align:center;color:#314f68;font-size:12px;font-weight:900;white-space:nowrap}
.assessmentCommentLevel12106{justify-self:center;min-width:62px;padding:5px 8px;border-radius:999px;background:#edf3f7;color:#617789;font-size:11px;font-weight:900;text-align:center;white-space:nowrap}
.assessmentCommentLevel12106.level5{background:#e5f7ef;color:#08734e}
.assessmentCommentLevel12106.level4{background:#e8f3ff;color:#176fae}
.assessmentCommentLevel12106.level3{background:#eef0ff;color:#5c55b1}
.assessmentCommentLevel12106.level2{background:#fff5df;color:#9a6a05}
.assessmentCommentLevel12106.level1{background:#fff0e8;color:#b95f29}
.assessmentCommentText12106{
  width:100%;
  min-height:68px;
  padding:10px 12px;
  resize:vertical;
  border:1px solid #cbdbe7;
  border-radius:9px;
  background:#fff;
  color:#20384d;
  font:inherit;
  font-size:12px;
  font-weight:700;
  line-height:1.6;
  box-sizing:border-box;
}
.assessmentCommentText12106:disabled{resize:none;background:#f2f5f7;color:#7c8d9b;-webkit-text-fill-color:#7c8d9b;opacity:1}
.assessmentCommentRowActions12106{display:grid;gap:6px}
.assessmentCommentRegenerate12106,.assessmentCommentCopy12106{min-height:30px;padding:5px 7px;font-size:11px}
.assessmentCommentCopy12106{background:#1976e9;border-color:#1976e9;color:#fff}
.assessmentCommentsCopyAll12106:disabled,
.assessmentCommentRegenerate12106:disabled,
.assessmentCommentCopy12106:disabled{opacity:.45;cursor:not-allowed}
.assessmentCommentsEmpty12106{
  display:grid;
  justify-items:center;
  align-content:center;
  gap:7px;
  min-height:190px;
  padding:36px 20px;
  box-sizing:border-box;
  color:#718396;
  text-align:center;
}
.assessmentCommentsEmpty12106>span{font-size:30px}
.assessmentCommentsEmpty12106>b{color:#29465f;font-size:14px}
.assessmentCommentsEmpty12106>small{max-width:580px;font-size:12px;font-weight:700;line-height:1.55;word-break:keep-all}
.assessmentCommentsEmpty12106.isWarning>b{color:#ad5b12}
.assessmentCommentsEmpty12106.isLoading{min-height:150px}
.assessmentCommentsFoot12106{display:flex;justify-content:flex-end;padding:13px 22px 17px}
.assessmentCommentsDone12106{min-width:100px;min-height:40px;padding:8px 18px;background:#1976e9;border-color:#1976e9;color:#fff}

@media(max-width:900px){
  .assessmentCommentsSource12106{grid-template-columns:1fr}
  .assessmentCommentsTemplateActions12106{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .assessmentCommentsTemplateActions12106 button{width:100%;white-space:normal;word-break:keep-all}
}

@media(max-width:768px){
  .assessmentCommentTrigger12106{min-height:42px!important;font-size:12px!important}
  .assessmentCommentsModal12106{align-items:end;padding:0}
  .assessmentCommentsDialog12106{width:100%;max-height:94dvh;border-radius:18px 18px 0 0;border-bottom:0}
  .assessmentCommentsHead12106{padding:16px 16px 12px}
  .assessmentCommentsHead12106 h3{font-size:17px}
  .assessmentCommentsHead12106 p{font-size:11px}
  .assessmentCommentsClose12106{width:38px;height:38px;flex-basis:38px}
  .assessmentCommentsPrivacy12106{display:grid;gap:2px;margin:10px 14px 0;padding:9px 11px}
  .assessmentCommentsSource12106{gap:8px;margin:7px 14px 0;padding:9px 10px}
  .assessmentCommentsTemplateStatus12106 small{white-space:normal}
  .assessmentCommentsTemplateActions12106{grid-template-columns:repeat(2,minmax(0,1fr))}
  .assessmentCommentsTemplateDelete12106:not([hidden]){grid-column:1/-1}
  .assessmentCommentsTemplateActions12106 button{min-height:38px;padding:7px 8px}
  .assessmentCommentsToolbar12106{padding:10px 14px 8px;align-items:flex-end}
  .assessmentCommentsToolbar12106{flex-wrap:wrap}
  .assessmentCommentsAiInfo12109{flex-basis:100%}
  .assessmentCommentsAiGenerate12109,.assessmentCommentsCopyAll12106{flex:1 1 calc(50% - 7px);width:auto;min-width:0}
  .assessmentCommentsToolbar12106 span{line-height:1.45}
  .assessmentCommentsCopyAll12106{min-width:82px;padding:7px 10px}
  .assessmentCommentsRows12106{margin:0 14px;border:0;background:transparent}
  .assessmentCommentRow12106{
    grid-template-columns:minmax(0,1fr) auto auto;
    gap:8px;
    margin-bottom:8px;
    padding:11px;
    border:1px solid #dce6ee!important;
    border-radius:11px;
    background:#fbfdff;
  }
  .assessmentCommentStudent12106{display:flex;align-items:center;gap:7px;min-width:0;text-align:left}
  .assessmentCommentStudent12106 span{font-size:13px}
  .assessmentCommentScore12106{font-size:11px}
  .assessmentCommentLevel12106{min-width:58px;font-size:10px}
  .assessmentCommentText12106{grid-column:1/-1;min-height:82px;font-size:12px}
  .assessmentCommentRowActions12106{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}
  .assessmentCommentRegenerate12106,.assessmentCommentCopy12106{min-height:34px}
  .assessmentCommentsFoot12106{padding:10px 14px max(12px,env(safe-area-inset-bottom))}
  .assessmentCommentsDone12106{width:100%}
}

@media(max-width:390px){
  .assessmentCommentsPrivacy12106 span{font-size:11px}
  .assessmentCommentsAiInfo12109>span{display:none}
  .assessmentCommentRow12106{grid-template-columns:minmax(0,1fr) auto}
  .assessmentCommentLevel12106{grid-column:2;grid-row:2}
  .assessmentCommentScore12106{grid-column:1;grid-row:2;text-align:left}
}