/* ========================================================
   teacher-v3.css — 케이티처 v3 대개조 C1 (크롬 오버레이)
   신설: 2026-07-07 (오퍼스)
   설계 단일 정답: kedu/teacher/표준/케이티처_v3_대개조_설계.md §2·§3 C1
   토큰 원본(동일값 복붙): engine3/klab3-ui.css §1 · 폰트: hub/klab.html
   ────────────────────────────────────────────────────────
   원칙:
   · 전 셀렉터 body.kt3 스코프 — teacher-styles.css 한 줄도 안 고침.
   · 롤백 = URL ?theme=classic → init 앞 스니펫이 kt3 제거 → 즉시 구스킨.
   · C1 범위 = 크롬만(홈·사이드바·툴바·extras 오버레이 + 무대 배경).
     슬라이드 본문 카드(.slide 내부)는 C2 몫 — 여기선 미변경.
   · "다크 무대 + 밝은 종이": slide-stage만 다크로 → 밝은 .slide가 위에 뜸.
   · 과목 악센트 = body class subj-math / subj-korean (엔진 불변).
   ======================================================== */

@font-face{
  font-family:'Hakgyoansim Moheomga';
  src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2402_keris@main/TTHakgyoansimMoheomgaB.woff2') format('woff2');
  font-display:swap;
}

/* ── 토큰 (klab3-ui.css §1 동일값) ── */
body.kt3{
  --studio:linear-gradient(180deg,#2b3340 0%,#1b2129 46%,#12161c 100%);
  --ink:#E8EEF5; --mut:#8fa3b8; --card-ink:#1d2733;
  --line3:rgba(255,255,255,.09); --glass:rgba(255,255,255,.045);
  --hud:rgba(20,25,32,.74); --hudline:rgba(255,255,255,.10);
  --green:#12B886; --orange:#FF8A3D;
  --acc:#5B9BF0;                 /* 기본 = 수학. subj-*로 갱신 */
  --kedu-title:'Hakgyoansim Moheomga','Gowun Dodum',sans-serif;

  background:var(--studio) fixed;
  color:var(--ink);
}
body.kt3.subj-math{--acc:#5B9BF0}
body.kt3.subj-korean{--acc:#FFA25C}

/* 무대 위에서 옛 라이트 배경 토큰이 새어나오지 않게 크롬 컨테이너만 투명화 */
body.kt3 .home-view,
body.kt3 main{background:transparent}

/* ════════════════════════════════════════════════════════
   1. 홈 화면 (다크 무대 + 히어로)
   ════════════════════════════════════════════════════════ */
body.kt3 .home-view{padding:44px 40px 90px}

/* 히어로 = 단원 위 헤더를 스튜디오 카드로 */
body.kt3 .home-header{
  margin-bottom:38px;padding:34px 36px;border-radius:24px;
  border:1px solid var(--line3);
  border-bottom:1px solid var(--line3);
  background:
    radial-gradient(120% 150% at 84% 8%, rgba(91,155,240,.16), transparent 55%),
    radial-gradient(95% 130% at 10% 100%, rgba(45,212,160,.09), transparent 60%),
    rgba(255,255,255,.03);
  position:relative;overflow:hidden;
}
body.kt3.subj-korean .home-header{
  background:
    radial-gradient(120% 150% at 84% 8%, rgba(255,162,92,.17), transparent 55%),
    radial-gradient(95% 130% at 10% 100%, rgba(155,123,245,.08), transparent 60%),
    rgba(255,255,255,.03);
}
body.kt3 .home-header .brand{
  color:var(--acc);letter-spacing:.18em;font-size:12px;
  text-transform:uppercase;font-weight:600;margin-bottom:12px;
}
body.kt3 .home-header h1{
  font-family:var(--kedu-title);font-size:33px;letter-spacing:.5px;
  color:#fff;font-weight:400;margin-bottom:9px;
}
body.kt3 .home-header .sub{color:#b9c8d6;font-size:14px;line-height:1.7}
/* 케이에듀로 가기 버튼 = 유리 톤 */
body.kt3 .home-header a[href="/"]{
  border:1px solid var(--line3) !important;
  background:var(--glass) !important;color:var(--ink) !important;
  backdrop-filter:blur(6px);transition:.15s;
}
body.kt3 .home-header a[href="/"]:hover{
  border-color:rgba(255,255,255,.28) !important;background:rgba(255,255,255,.07) !important;
}

/* 단원 헤더 = 좌측 악센트 바 */
body.kt3 .unit-header{
  border-bottom:1px solid var(--line3);
  padding-left:14px;border-left:4px solid var(--acc);
  padding-bottom:9px;margin-bottom:18px;
}
body.kt3 .unit-header .unit-num{
  font-family:var(--kedu-title);color:var(--acc);
  background:rgba(255,255,255,.06);border:1px solid var(--line3);
  border-radius:999px;padding:3px 12px;letter-spacing:.5px;
}
body.kt3 .unit-header h2{font-family:var(--kedu-title);color:var(--ink);font-weight:400;font-size:20px}
body.kt3 .unit-header .unit-meta{color:var(--mut)}

/* 차시 카드 = 글래스 + 글로우 */
body.kt3 .lesson-card{
  background:var(--glass);border:1px solid var(--line3);border-radius:16px;
  transition:.16s;position:relative;overflow:hidden;
}
body.kt3 .lesson-card::after{
  content:'';position:absolute;inset:0;border-radius:16px;opacity:0;transition:.2s;
  box-shadow:inset 0 0 0 1.5px var(--acc), 0 8px 26px -10px var(--acc);pointer-events:none;
}
body.kt3 .lesson-card:hover{
  transform:translateY(-3px);background:rgba(255,255,255,.07);border-color:var(--line3);
  box-shadow:none;
}
body.kt3 .lesson-card:hover::after{opacity:.7}
body.kt3 .lesson-card:active{transform:scale(.98)}
body.kt3 .lesson-card.ready{
  border-color:var(--line3);
  background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.035));
}
body.kt3 .lesson-card.disabled{
  background:rgba(255,255,255,.02);opacity:.5;border-style:dashed;
}
body.kt3 .lesson-card.disabled:hover{transform:none;background:rgba(255,255,255,.02)}
body.kt3 .lesson-card.disabled:hover::after{opacity:0}

body.kt3 .lesson-card .lc-num{
  font-family:var(--c-font-mono);color:var(--mut);
  background:rgba(255,255,255,.06);border:1px solid var(--line3);
}
body.kt3 .lesson-card.ready .lc-num{background:var(--acc);color:#0c1622;border-color:transparent}
body.kt3 .lesson-card .lc-title{color:var(--ink)}
body.kt3 .lesson-card .lc-tag{color:var(--mut);background:rgba(255,255,255,.06)}
body.kt3 .lesson-card .lc-concept{color:#b9c8d6;border-top:1px dashed var(--line3)}
body.kt3 .lesson-card .lc-status{color:var(--mut)}
body.kt3 .lesson-card.ready .lc-status{color:var(--acc)}

/* ════════════════════════════════════════════════════════
   2. 슬라이드쇼 크롬 — 사이드바 (유리 패널)
   ════════════════════════════════════════════════════════ */
body.kt3 aside{
  background:var(--hud);backdrop-filter:blur(10px);
  border-right:1px solid var(--hudline);
}
body.kt3 aside header{border-bottom:1px solid var(--hudline)}
body.kt3 aside header h1{color:var(--ink);font-family:var(--kedu-title);font-weight:400}
body.kt3 aside header .meta{color:var(--mut)}
body.kt3 aside header .tag{
  background:rgba(255,255,255,.06);color:var(--mut);border:1px solid var(--line3);
}
body.kt3 aside .tabs{border-bottom:1px solid var(--hudline)}
body.kt3 aside .tab{color:var(--mut)}
body.kt3 aside .tab.active{color:var(--acc);border-bottom-color:var(--acc)}
body.kt3 aside .tab:hover:not(.active){color:var(--ink)}
body.kt3 aside .tab-panel::-webkit-scrollbar-thumb{background:var(--line3)}

/* 슬라이드 목록 */
body.kt3 .stage-label{color:var(--mut)}
body.kt3 .slide-list-item{color:var(--ink)}
body.kt3 .slide-list-item:hover{background:rgba(255,255,255,.05)}
body.kt3 .slide-list-item.current{
  background:rgba(91,155,240,.14);color:var(--ink);
}
body.kt3.subj-korean .slide-list-item.current{background:rgba(255,162,92,.16)}
body.kt3 .slide-list-item .checkbox{border-color:var(--line3)}
body.kt3 .slide-list-item .checkbox.checked{background:var(--acc);border-color:var(--acc)}
body.kt3 .slide-list-item.current .slide-num{color:var(--acc)}
body.kt3 .slide-list-item .extra-count{background:rgba(255,255,255,.08);color:var(--mut)}

/* 보조자료 카드 */
body.kt3 .extras-hint{color:var(--mut)}
body.kt3 .extras-filter button{
  background:rgba(255,255,255,.05);color:var(--mut);border:1px solid var(--line3);
}
body.kt3 .extras-filter button:hover{background:rgba(255,255,255,.09)}
body.kt3 .extras-filter button.active{background:var(--acc);color:#0c1622}
body.kt3 .extra-card{
  background:var(--glass);border:1px solid var(--line3);color:var(--ink);
}
body.kt3 .extra-card:hover{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.07)}
body.kt3 .extra-card.attached{
  border-color:var(--acc);background:rgba(91,155,240,.12);
}
body.kt3.subj-korean .extra-card.attached{background:rgba(255,162,92,.14)}
body.kt3 .extra-card .extra-icon{opacity:.9}
body.kt3 .extra-card .extra-title{color:var(--ink)}
body.kt3 .extra-card .extra-attach{border:1px solid var(--line3);color:var(--mut)}
body.kt3 .extra-card:hover .extra-attach{border-color:var(--acc);color:var(--acc)}
body.kt3 .extra-card.attached .extra-attach{background:var(--acc);color:#0c1622;border-color:var(--acc)}
body.kt3 .extra-card .extra-desc{color:var(--mut)}

/* 블록 추가 탭 */
body.kt3 .block-section h3{color:var(--mut)}
body.kt3 .block-card{
  background:var(--glass);border:1px solid var(--line3);
}
body.kt3 .block-card:hover{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.07)}
body.kt3 .block-card .block-name{color:var(--ink)}
body.kt3 .block-card .block-desc{color:var(--mut)}

/* ════════════════════════════════════════════════════════
   3. 툴바 (HUD)
   ════════════════════════════════════════════════════════ */
body.kt3 .toolbar{
  background:var(--hud);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--hudline);
}
body.kt3 .icon-btn{
  background:rgba(255,255,255,.08);color:var(--ink);
  border:1px solid var(--hudline);box-shadow:0 3px 12px rgba(0,0,0,.28);
}
body.kt3 .icon-btn:hover{border-color:var(--acc);color:#fff;background:rgba(255,255,255,.13)}
body.kt3 .icon-btn:disabled:hover{border-color:var(--hudline);color:var(--ink)}
body.kt3 .icon-btn.reveal-btn.revealed{background:rgba(18,184,134,.22);border-color:var(--green);color:#fff}
body.kt3 .btn{background:var(--acc);border-color:var(--acc);color:#0c1622}
body.kt3 .btn:hover{filter:brightness(1.08)}
body.kt3 .toolbar-sep{background:var(--hudline)}
body.kt3 .save-status{color:var(--mut)}
body.kt3 .save-status .dot{background:var(--mut)}
body.kt3 .save-status.just-saved .dot{background:var(--green)}
body.kt3 .save-status.just-saved{color:var(--green)}
body.kt3 .reset-btn{background:rgba(255,255,255,.05);color:var(--mut);border:1px solid var(--hudline)}
body.kt3 .reset-btn:hover{border-color:var(--orange);color:var(--orange)}
body.kt3 .position{color:var(--mut)}
body.kt3 .position .stage-tag{color:var(--ink)}

/* ════════════════════════════════════════════════════════
   4. 무대 배경 (다크) — 밝은 슬라이드가 위에 뜨는 구도
   ════════════════════════════════════════════════════════ */
body.kt3 .slide-stage{background:var(--studio)}
/* 보조자료 패널(무대 우측) = 유리 */
body.kt3 .extras-panel{
  background:var(--hud);backdrop-filter:blur(8px);
  border:1px solid var(--hudline);border-radius:14px;
}
body.kt3 .extras-panel .ep-label{color:var(--mut)}
body.kt3 .extras-panel::-webkit-scrollbar-thumb{background:var(--line3)}

/* ════════════════════════════════════════════════════════
   5. 자료 오버레이 (이미 다크 → HUD 톤으로 승격)
   ════════════════════════════════════════════════════════ */
body.kt3 .ext-overlay{background:rgba(18,22,28,.9)}
body.kt3 .ext-overlay-bar{
  background:var(--hud);backdrop-filter:blur(8px);
  border-bottom:1px solid var(--hudline);
}
body.kt3 .ext-overlay-bar .eo-title{color:#fff}
body.kt3 .ext-overlay-bar .eo-close{
  background:rgba(255,255,255,.1);border:1px solid var(--hudline);color:#fff;
}
body.kt3 .ext-overlay-bar .eo-close:hover{background:rgba(255,255,255,.18)}

/* 전체화면 종료 버튼도 HUD */
body.kt3 .fs-exit{background:var(--hud);border:1px solid var(--hudline);color:#fff}

/* ════════════════════════════════════════════════════════
   6. 모달 크롬 (자료 팝업)
   ════════════════════════════════════════════════════════ */
body.kt3 .modal{background:rgba(12,16,22,.72)}
body.kt3 .modal-content{
  background:#1b2129;border:1px solid var(--hudline);color:var(--ink);
}
body.kt3 .modal-content h3{color:#fff;font-family:var(--kedu-title);font-weight:400}
body.kt3 .modal-close{background:var(--acc);color:#0c1622}
body.kt3 .modal-close:hover{filter:brightness(1.08)}

/* ════════════════════════════════════════════════════════
   C2 — v3 슬라이드 본문 (2026-07-07, 오퍼스)
   설계 §3 C2 · D3(다크 무대+밝은 종이)·D4(모션)
   · 22종 블록 공통 래퍼(.slide) = 밝은 종이(2-B 질감 1·3번: 노이즈·좌상단 광원·부상 그림자)
   · 풀다크 4종(.kt-dk = cover·summary·next_lesson·game) = 스튜디오 유리 카드 + 밝은 잉크
   · 전환 220ms transform+opacity, prefers-reduced-motion 존중
   · 데이터·엔진 로직 불가침 — 엔진은 blk-*/kt-dk 클래스 훅 1곳만(스킨 전용)
   ════════════════════════════════════════════════════════ */

/* ── 1. 종이 카드 (기본 = 밝은 면 유지, 다크 무대 위에 떠 있음) ── */
body.kt3 .slide{
  color:var(--c-text);                 /* 무배경 텍스트가 body --ink(밝은잉크)로 새지 않게 고정 */
  background:
    /* 2-B ① 미세 종이 그레인 */
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.028'/%3E%3C/svg%3E"),
    /* 좌상단 광원 sheen */
    linear-gradient(158deg, rgba(255,255,255,.55) 0%, rgba(255,255,255,0) 40%),
    var(--c-card);
  border:1px solid rgba(255,255,255,.55);
  /* 2-B ③ 좌상단 하이라이트 + 무대 위 부상 그림자 */
  box-shadow:
    inset 1.5px 1.5px 0 rgba(255,255,255,.85),
    0 2px 6px rgba(8,12,18,.30),
    0 28px 64px -22px rgba(6,10,16,.75);
}
body.kt3 .slide.user-added::before{
  background:var(--glass);color:var(--acc);border:1px solid var(--line3);
}

/* ── 2. 풀다크 4종 (방송 오프닝/엔딩 톤) ── */
body.kt3 .slide.kt-dk{
  color:var(--ink);
  background:
    radial-gradient(120% 145% at 82% 4%, rgba(91,155,240,.15), transparent 55%),
    radial-gradient(90% 120% at 8% 100%, rgba(45,212,160,.07), transparent 60%),
    linear-gradient(165deg, rgba(255,255,255,.05), rgba(255,255,255,.014) 45%),
    #171c23;
  border:1px solid var(--line3);
  box-shadow:
    inset 1px 1px 0 rgba(255,255,255,.06),
    0 28px 64px -22px rgba(0,0,0,.82);
}
body.kt3.subj-korean .slide.kt-dk{
  background:
    radial-gradient(120% 145% at 82% 4%, rgba(255,162,92,.16), transparent 55%),
    radial-gradient(90% 120% at 8% 100%, rgba(155,123,245,.07), transparent 60%),
    linear-gradient(165deg, rgba(255,255,255,.05), rgba(255,255,255,.014) 45%),
    #171c23;
}
/* 다크 카드 위 무배경 텍스트 → 밝은 잉크 (자체 배경 인셋: big-q·표·ord-item·bidirect·afs-item·ten-frame은 밝은 종이로 그대로 둠) */
body.kt3 .slide.kt-dk h1,
body.kt3 .slide.kt-dk h2,
body.kt3 .slide.kt-dk .center-text,
body.kt3 .slide.kt-dk .small-text,
body.kt3 .slide.kt-dk .points-list,
body.kt3 .slide.kt-dk .point-item,
body.kt3 .slide.kt-dk .steps-list,
body.kt3 .slide.kt-dk .steps-list li,
body.kt3 .slide.kt-dk .seq-label{ color:var(--ink) }
body.kt3 .slide.kt-dk h1,
body.kt3 .slide.kt-dk h2{ font-family:var(--kedu-title); font-weight:400 }
/* cover 큰 글자 = 타이틀 폰트로 방송 오프닝 톤 */
body.kt3 .slide.blk-cover .center-text{ font-family:var(--kedu-title); color:#fff }

/* ── 3. cover 앰비언트 (D4 = CSS 그라데 드리프트. three 씬은 페이블 몫) ── */
body.kt3 .slide.blk-cover{ overflow:hidden }
body.kt3 .slide.blk-cover::after{
  content:'';position:absolute;inset:-25%;pointer-events:none;z-index:0;
  background:
    radial-gradient(38% 38% at 30% 32%, rgba(91,155,240,.22), transparent 62%),
    radial-gradient(44% 44% at 72% 66%, rgba(45,212,160,.15), transparent 62%);
  filter:blur(22px);
  animation:kt3-cover-drift 15s ease-in-out infinite alternate;
}
body.kt3.subj-korean .slide.blk-cover::after{
  background:
    radial-gradient(38% 38% at 30% 32%, rgba(255,162,92,.22), transparent 62%),
    radial-gradient(44% 44% at 72% 66%, rgba(155,123,245,.15), transparent 62%);
}
body.kt3 .slide.blk-cover > .center{ position:relative; z-index:1 }
@keyframes kt3-cover-drift{
  0%{ transform:translate(0,0) scale(1) }
  100%{ transform:translate(4%,-3%) scale(1.09) }
}

/* ── 4. 전환 모션 (220ms, 저사양 대비 GPU 속성만) ── */
@media (prefers-reduced-motion: no-preference){
  body.kt3 .slide.active{
    animation:kt3-slide-in 220ms cubic-bezier(.22,.61,.36,1) both;
  }
}
@keyframes kt3-slide-in{
  from{ opacity:0; transform:translateY(10px) }
  to{ opacity:1; transform:translateY(0) }
}
@media (prefers-reduced-motion: reduce){
  body.kt3 .slide.blk-cover::after{ animation:none }
}

/* ════════════════════════════════════════════════════════
   C3 — 조작 층 (2026-07-07, 오퍼스)
   설계 §3 C3 · D5(케이랩 오버레이 승격 + 인터랙티브 2-B 질감)
   · klab 오버레이 = 다크 무대 + HUD 바 + 밝은 종이 마운트 (기본 레이아웃은 엔진 인라인, 여기선 색만)
   · 인터랙티브 블록 5종 + klab 인라인 = 밝은 종이 위 2-B 질감(광원·부상 그림자), 로직·레이아웃 불변
   · 도크 팝업은 흰 카드 유지(어두운 인라인 텍스트 가독성 보존) — 오버라이드 안 함
   ════════════════════════════════════════════════════════ */

/* ── 1. 케이랩 오버레이 (다크 무대 + HUD 바 + 밝은 종이 마운트) ── */
body.kt3 #klab-overlay{ background:rgba(12,16,22,.9) !important; }
body.kt3 #klab-overlay .klab-overlay-bar{
  background:var(--hud) !important;
  backdrop-filter:blur(8px);
  border-bottom:1px solid var(--hudline);
  box-shadow:none !important;
}
body.kt3 #klab-overlay .ko-title{ color:#fff !important; font-family:var(--kedu-title); font-weight:400; }
body.kt3 #klab-overlay .ko-close{ background:var(--acc) !important; color:#0c1622 !important; }
body.kt3 #klab-overlay .ko-close:hover{ filter:brightness(1.08); }
/* 마운트 = 다크 무대 위 밝은 종이 한 장 (도구 SVG는 밝은 면에서 읽힘) */
body.kt3 #klab-overlay .klab-overlay-mount{
  background:
    linear-gradient(158deg, rgba(255,255,255,.5) 0%, rgba(255,255,255,0) 38%),
    #F4F7FA;
  border:1px solid rgba(255,255,255,.5);
  border-radius:18px;
  padding:20px;
  box-shadow:
    inset 1.5px 1.5px 0 rgba(255,255,255,.85),
    0 28px 64px -22px rgba(6,10,16,.75);
}

/* ── 2. 인터랙티브 블록 5종 + klab 인라인 = 밝은 종이 위 2-B 질감 (로직·레이아웃 불변, 광택/그림자만) ── */
body.kt3 .slide .i-tf-grid,
body.kt3 .slide .i-card-row,
body.kt3 .slide .klab-mount{
  background-image:linear-gradient(158deg, rgba(255,255,255,.6) 0%, rgba(255,255,255,0) 42%);
  box-shadow:
    inset 1px 1px 0 rgba(255,255,255,.8),
    0 4px 14px -4px rgba(8,12,18,.28);
}
body.kt3 .slide .i-card{
  background-image:linear-gradient(158deg, rgba(255,255,255,.7) 0%, rgba(255,255,255,0) 45%);
  box-shadow:
    inset 1px 1px 0 rgba(255,255,255,.9),
    0 4px 12px -2px rgba(91,122,110,.28);
}
body.kt3 .slide .i-card:hover{
  box-shadow:
    inset 1px 1px 0 rgba(255,255,255,.9),
    0 8px 20px -4px rgba(91,122,110,.4);
}
/* 큐브 스택·수직선 = 종이 위 부상감 (요소 자체 배경 없어 drop-shadow) */
body.kt3 .slide .i-cube-area,
body.kt3 .slide .i-number-line{
  filter:drop-shadow(0 3px 8px rgba(8,12,18,.16));
}


/* ===== C4(v3): 진행 도구 4종 다크 유리 스킨 (body.kt3 — 기능 CSS는 엔진 #pt-style) ===== */
body.kt3 .pt-hud,
body.kt3 .pt-toolbar {
  background: rgba(20, 25, 32, .86);
  backdrop-filter: blur(14px) saturate(1.2);
  -webkit-backdrop-filter: blur(14px) saturate(1.2);
  box-shadow: 0 18px 50px -12px rgba(0, 0, 0, .55), inset 0 1px 0 rgba(255, 255, 255, .06);
  border: 1px solid rgba(255, 255, 255, .08);
}
body.kt3 .pt-time { color: #EAF2FB; }
body.kt3 .pt-time.warn { color: #FFC078; }
body.kt3 .pt-time.done { color: #FF8787; }
body.kt3 .pt-spot-lbl { color: #EAF2FB; }
body.kt3 .pt-chip { background: rgba(91, 155, 240, .14); border-color: rgba(91, 155, 240, .4); color: #9CC4FF; }
body.kt3 .pt-chip:hover { border-color: #9CC4FF; background: rgba(91, 155, 240, .24); }
body.kt3 .pt-btn.sec { background: rgba(255, 255, 255, .08); color: #CFE0F5; }
body.kt3 .pt-btn.go { background: #2F6BD0; }
body.kt3 .pt-custom { background: rgba(255, 255, 255, .06); border-color: rgba(255, 255, 255, .14); color: #EAF2FB; }
body.kt3 .pt-tool { background: rgba(255, 255, 255, .06); border-color: rgba(255, 255, 255, .14); }
body.kt3 .pt-tool.sel { background: rgba(91, 155, 240, .24); border-color: #9CC4FF; }