@charset "utf-8";
/*
	기본정보
	- 생성일 : 2026-08-21
	- 포함내용 : 에이전트 툴킷 화면 전용 스타일 (개요 / 전략 빌더 / 백테스트 엔진)

	기존 CSS 는 건드리지 않는다. 이 파일은 툴킷 3개 화면의
	contentScript 에서만 개별 로드한다.

	⚠ 이 파일만 BEM(block__element--modifier) 을 쓴다.
	  포털의 다른 CSS 는 전부 kebab-case + .is-* 상태 클래스다.
	  외부 산출물을 병합해 온 것이라 셀렉터 435개가 이 규칙으로 되어 있고,
	  HTML·JS 와 같이 바꿔야 해서 그대로 두었다. 이 파일을 고칠 때는 BEM 을 따르고,
	  다른 파일에는 이 방식을 옮기지 말 것.
*/

/*
	색상 토큰
	- default.css 토큰과 값이 겹치는 것은 이미 그쪽을 쓰고 있다.
	  여기 있는 것은 default.css 에 대응하는 값이 없는 색들이다.
	  비슷한 토큰에 억지로 붙이면 화면이 달라지므로 값을 그대로 두고 이름만 준다.
*/
:root {
	/* 글자 */
	--toolkit-text-muted: #888;  /* 보조 설명 · 단위 · 읽기전용 입력 */
	--toolkit-text-placeholder: #999;  /* 이미지 자리표시 안내 */
	/* 선 */
	--toolkit-line-soft: #eee;  /* 패널 안쪽 구분선 */
	--toolkit-card-line: #cfd6dd;  /* 기능 카드 테두리 */
	--toolkit-card-line-hover: #9aa8b5;  /* 기능 카드 hover 테두리 */
	--toolkit-nav-line: #d5dbe1;  /* 모바일 내비 테두리 */
	--toolkit-graph-axis: #d6e1f2;  /* 결과 그래프 축 */
	--toolkit-graph-grid: #e0e6ef;  /* 결과 그래프 격자 */
	/* 배경 */
	--toolkit-bg-tab: #fafafa;  /* 빠른시작 탭 머리 */
	--toolkit-bg-panel: #f8fafc;  /* 출력 패널 · 통계 박스 */
	--toolkit-bg-search: #f9f9f9;  /* 검색 입력 */
	--toolkit-bg-blue-soft: #f0f7ff;  /* 파라미터 이름 · 모달 항목 */
	--toolkit-bg-preset-hover: #f0f8ff;  /* 프리셋 버튼 hover */
	--toolkit-bg-chip: #f3f6fb;  /* 쇼케이스 칩 */
	--toolkit-bg-select: #fbfcff;  /* 쇼케이스 선택 박스 */
	--toolkit-bg-badge: #e3f2fd;  /* 조건 번호 · 구분자 */
	--toolkit-bg-placeholder: #cdeaff;  /* 패널 자리표시 */
	--toolkit-grid-item-line: #d0e7ff;  /* 모달 그리드 항목 */
	--toolkit-bg-img-placeholder: #e0e0e0;  /* 가이드 카드 이미지 자리 */
	--toolkit-dot-off: #c3d7ea;  /* 가이드 패널 점 */
	--toolkit-slider-dot-off: #c9ddef;  /* 수동 슬라이더 점 */
	--toolkit-range-track: #e5ecf5;  /* 범위 입력 트랙 */
	--toolkit-range-fill: #7c98ff;  /* 범위 입력 채운 부분 */
	/* 강조 · 링크 */
	--toolkit-point-dark: #0180c5;  /* 주 버튼 hover (--color-point 보다 진하게) */
	--toolkit-link: #2e95e5;  /* 메타 영역 링크 */
	/* 상태 */
	--toolkit-warn: #f5a623;  /* 단계 경고 (주의) */
	--toolkit-op-bg: #fff3e0;  /* 비교 연산자 배경 */
	--toolkit-op-text: #ff9800;  /* 비교 연산자 글자 */
	--toolkit-invalid-bg: #fef2f2;  /* 조건 오류 배경 */
	--toolkit-invalid-line: #fecaca;  /* 조건 오류 테두리 */
	--toolkit-invalid-text: #dc2626;  /* 조건 오류 글자 */
	--toolkit-danger: #e53935;  /* 삭제 버튼 hover */
	/* 리스크 관리 토글 */
	--toolkit-risk-sl: #ef5350;  /* 손절 (Stop Loss) */
	--toolkit-risk-tp: #66bb6a;  /* 익절 (Take Profit) */
	--toolkit-risk-ts: #ab47bc;  /* 추적손절 (Trailing Stop) */
	/* 조건 태그 */
	--toolkit-tag-bull-bg: #e8f5e9;  /* 상승 조건 */
	--toolkit-tag-bull-text: #4caf50;  /* 상승 조건 글자 */
	--toolkit-tag-bear-bg: #fce4ec;  /* 하락 조건 */
	--toolkit-tag-bear-text: #e91e63;  /* 하락 조건 글자 */
	/* GitHub 버튼 */
	--toolkit-github: #24292f;  /* GitHub 브랜드색 */
	--toolkit-github-hover: #1b1f23;  /* GitHub hover */
	/* YAML 문법 강조 */
	--toolkit-yaml-key: #7dcfff;  /* 키 */
	--toolkit-yaml-value: #9ece6a;  /* 값 */
	--toolkit-yaml-num: #ff9e64;  /* 숫자 */
	--toolkit-yaml-comment: #6c7086;  /* 주석 */
}

.toolkit-doc {display:flex; align-items:flex-start;}
.toolkit-doc .lnb-wrap {flex-shrink:0; width:26.6rem; padding-top:0;}
.toolkit-doc .lnb-wrap::after {content:""; position:absolute; top:0; right:0; width:.1rem; height:100%; background-color: var(--color-line);}
.toolkit-doc .lnb-wrap #sideBar {position:sticky; top:14rem; max-height: calc(100vh - 20rem); padding-right:2rem; overflow-y:auto;}
.toolkit-doc .lnb-wrap ~ .contents {flex:1; width:100%; min-width:0; padding-left:6rem; margin:0;}
.toolkit-doc__section + .toolkit-doc__section {margin-top:6rem;}
.toolkit-doc__output {margin-top:1.6rem; background-color:var(--toolkit-bg-panel);}
.toolkit-doc__output pre {margin:0; font-size:1.4rem; line-height:1.6; color:var(--color-dark-gray);}
.toolkit-overview {display:flex; align-items:flex-start;}
.toolkit-overview .lnb-wrap {flex-shrink:0; width:24rem; padding-top:0;}
.toolkit-overview .lnb-wrap::after {content:""; position:absolute; top:0; right:0; width:.1rem; height:100%; background-color: var(--color-line);}
.toolkit-overview .lnb-wrap #sideBar {position:sticky; top:14rem; max-height:calc(100vh - 20rem); padding-right:2.4rem; overflow-y:auto;}
.toolkit-overview .lnb-wrap ~ .toolkit-overview__content {flex:1; width:100%; min-width:0; padding-left:4.8rem; margin:0;}
.toolkit-overview__content {width:100%;}
.toolkit-overview__section + .toolkit-overview__section {margin-top:6rem;}
.toolkit-overview__section {scroll-margin-top:16rem;}
.toolkit-overview__intro {margin-bottom:3.2rem;}
.toolkit-overview__eyebrow {margin-bottom:1.2rem; font-size:1.4rem; font-weight:var(--font-bold); color:var(--color-point); letter-spacing:.08em; text-transform:uppercase;}
.toolkit-section-head {margin-bottom:2.4rem;}
.toolkit-mobile-nav {display:none;}
.toolkit-feature-grid {display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:2.4rem;}
.toolkit-feature-grid--3col {grid-template-columns:repeat(3, minmax(0, 1fr));}
.toolkit-feature-grid--2col {grid-template-columns:repeat(2, minmax(0, 1fr));}
.toolkit-feature-card {padding:3.2rem; border:var(--line-sm) solid var(--toolkit-card-line); border-radius:1.6rem; background-color:var(--color-light); transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;}
.toolkit-feature-card:hover {transform:translateY(-2px); border-color:var(--toolkit-card-line-hover); box-shadow:0 1.2rem 2.4rem rgba(15, 23, 42, 0.08);}
.toolkit-feature-card.is-emphasis {border-color:var(--color-point); box-shadow:0 0 0 .2rem rgba(227, 34, 38, 0.08);}
.toolkit-feature-card__icon {display:flex; align-items:center; justify-content:center; width:4.8rem; height:4.8rem; margin-bottom:2.4rem;}
.toolkit-feature-card__icon svg {width:4.8rem; height:4.8rem;}
.toolkit-feature-card__title {margin-bottom:.8rem; font-size:1.8rem; font-weight:var(--font-bold); color:var(--color-black);}
.toolkit-feature-card__desc {font-size:1.4rem; line-height:1.7; color:var(--color-dark-gray);}
/* 섹션 사이 간격은 기존 페이지와 같게 element.css 의 .conts-area > * + * {margin-top:8rem} 에 맡긴다.
   (여기서 gap 을 주면 margin 과 더해져 14.6rem 이 된다) */
/* 본문(.cont-text) 다음에 오는 큰 블록 : 기존 페이지의 .cont-text + .step / .highlight-box 와 같은 4rem */
.cont-text + .toolkit-overview-page__quickstart,
.cont-text + .toolkit-overview-page__feature-grid,
.cont-text + .toolkit-overview-page__cases,
.cont-text + .toolkit-guide-list,
.cont-text + .toolkit-manual-slider,
.cont-text + .toolkit-playground,
.cont-text + .toolkit-playground-placeholder,
.cont-text + .toolkit-agent-page__cta,
.cont-text + .toolkit-agent-page__notice {margin-top:4rem;}
.toolkit-overview-page__quickstart {margin-top:2.4rem; border-radius:0; overflow:visible;}
.toolkit-overview-page__quickstart .tab-head {position:relative;}
.toolkit-overview-page__quickstart .tab-head::after {content:""; position:absolute; left:0; right:0; bottom:0; height:.15rem; background-color:var(--color-point);}
.toolkit-overview-page__quickstart .tab-head .tab-list {position:relative; display:flex; align-items:flex-end; border-bottom:0; background-color:var(--toolkit-bg-tab); border-radius:2.4rem 2.4rem 0 0;}
.toolkit-overview-page__quickstart .tab-head .tab-list > li {position:relative; z-index:0;}
.toolkit-overview-page__quickstart .tab-head .tab-list .btn-tab {min-height:5.4rem; background-color:var(--toolkit-bg-tab) !important; border:0 !important; border-radius:.6rem .6rem 0 0; font-size:1.3rem; font-weight:var(--font-medium); color:var(--color-dark-gray) !important;}
.toolkit-overview-page__quickstart .tab-head .tab-list .btn-tab:hover {background-color:var(--toolkit-bg-tab) !important; color:var(--color-point) !important;}
.toolkit-overview-page__quickstart .tab-head .tab-list li.is-active {z-index:2;}
.toolkit-overview-page__quickstart .tab-head .tab-list li.is-active .btn-tab {background-color:var(--color-light) !important; border:.15rem solid var(--color-point) !important; border-bottom-color:var(--color-light) !important; color:var(--color-point) !important;}
.toolkit-overview-page__quickstart .tab-body .tab-panel {padding:1.6rem 0 0 !important; background-color:transparent !important;}
.toolkit-overview-page__quickstart-body {padding-top:1.6rem;}
.toolkit-overview-page__codebox {overflow:hidden; border-radius:2rem; background-color:var(--color-black);}
.toolkit-overview-page__codehead {display:flex; justify-content:center; align-items:center; min-height:6rem; padding:2.2rem 1rem; background-color:var(--color-point); font-size:1.6rem; font-weight:var(--font-bold); color:var(--color-light); text-align:center;}
.toolkit-overview-page__codebody {position:relative; padding:3.4rem 2.8rem 5.6rem; background-color:var(--color-black);}
.toolkit-overview-page__codepre {margin:0;}
.toolkit-overview-page__codepre code {display:block; padding-right:14rem; font-family:'Pretendard', Pretendard, -apple-system, BlinkMacSystemFont, sans-serif; font-size:1.6rem; line-height:1.5; color:var(--color-light); white-space:pre-wrap; word-break:keep-all;}
.toolkit-overview-page__copy {position:absolute; top:3.2rem; right:2.8rem; padding:1rem 2rem; background-color:transparent; border:.1rem solid var(--color-gray3); border-radius:.8rem; font-size:1.4rem; line-height:1; color:var(--color-bright);}
.toolkit-overview-page__meta {margin-top:1.6rem; padding-left:2.4rem;}
.toolkit-overview-page__meta li {font-size:1.6rem; line-height:1.5; color:var(--color-black); list-style:disc;}
.toolkit-overview-page__meta li + li {margin-top:.4rem;}
.toolkit-overview-page__meta a {color:var(--toolkit-link); text-decoration:underline;}
.toolkit-overview-page__feature-grid {margin-top:2.4rem; gap:1.6rem;}
.toolkit-overview-page__feature-card {display:flex; flex-direction:column; align-items:flex-start; min-height:17.6rem; padding:2rem; border:none; border-radius:2.4rem; background-color:var(--color-bright); box-shadow:none;}
.toolkit-overview-page__feature-card:hover {transform:none; border-color:transparent; box-shadow:none;}
.toolkit-overview-page__feature-card .toolkit-feature-card__icon {flex:none; width:6rem; height:6rem; margin-bottom:2.4rem; border-radius:50%; background-color:var(--color-light); overflow:hidden;}
.toolkit-overview-page__feature-card .toolkit-feature-card__icon svg {display:block; flex:none; width:2.8rem !important; height:2.8rem !important; max-width:none;}
.toolkit-overview-page__feature-card .toolkit-feature-card__icon img {display:block; flex:none; width:6rem; height:6rem; max-width:none;}
.toolkit-overview-page__feature-card .toolkit-feature-card__title {margin-bottom:.8rem; font-size:1.6rem; line-height:1.5;}
.toolkit-overview-page__feature-card .toolkit-feature-card__desc {font-size:1.4rem; line-height:1.43; color:var(--color-black);}
.toolkit-overview-page__cases {display:flex; flex-direction:column; gap:2.4rem; margin-top:2.4rem;}
.toolkit-overview-page__case {display:flex; gap:2.4rem; align-items:flex-start; padding:3.2rem; background-color:var(--color-bright); border-radius:2.4rem;}
.toolkit-overview-page__case-copy {flex:0 0 30.6rem; max-width:30.6rem;}
.toolkit-overview-page__case-title {font-size:1.8rem; line-height:1.4; font-weight:var(--font-bold); color:var(--color-black-text);}
.toolkit-overview-page__case-summary {margin-top:.8rem; font-size:1.4rem; line-height:1.43; color:var(--color-black-text);}
.toolkit-overview-page__case-desc {margin-top:.8rem; font-size:1.4rem; line-height:1.43; color:var(--color-black-text);}
.toolkit-overview-page__case-image {flex:1; min-width:0;}
.toolkit-overview-page__case-image img {display:block; width:100%; border-radius:1.2rem;}
.toolkit-guide-list {display:flex; flex-direction:column; gap:2.4rem; margin-top:2.4rem;}
.toolkit-guide-panel {display:flex; gap:2.4rem; align-items:flex-start; min-height:48.4rem; padding:3.2rem; background-color:var(--color-bright); border-radius:2.4rem;}
.toolkit-guide-panel__copy {display:flex; flex:0 0 30.6rem; flex-direction:column; justify-content:space-between; max-width:30.6rem; min-height:42rem;}
.toolkit-guide-panel__step {display:block; margin-bottom:.8rem; font-size:1.8rem; line-height:1.4; font-weight:var(--font-bold); color:var(--color-black-text);}
.toolkit-guide-panel__desc {font-size:1.4rem; line-height:1.6; color:var(--color-black);}
.toolkit-guide-panel__image {flex-shrink:0; width:56rem;}
.toolkit-guide-panel__image img {display:block; width:56rem; height:42rem; object-fit:cover; border-radius:1.2rem; background-color:var(--color-light);}
.toolkit-guide-panel__placeholder {display:flex; align-items:center; justify-content:center; width:56rem; min-height:42rem; border-radius:1.2rem; background:var(--toolkit-bg-placeholder); font-size:6.4rem; line-height:1; color:var(--color-black-text);}
.toolkit-guide-panel__dots {display:flex; gap:.8rem; margin-top:1.6rem;}
.toolkit-guide-panel__dots span {display:block; width:.8rem; height:.8rem; border-radius:50%; background-color:var(--toolkit-dot-off);}
.toolkit-guide-panel__dots .is-active {background-color:var(--color-point);}
.toolkit-playground-placeholder {display:flex; align-items:center; justify-content:center; min-height:32rem; margin-top:2.4rem; border-radius:2.4rem; background:var(--toolkit-bg-placeholder); font-size:6.4rem; line-height:1; color:var(--color-black-text);}
#agent-guide-start {scroll-margin-top:16rem;}
.toolkit-agent-page__cta {margin-top:2.4rem;}
.toolkit-agent-page__cta .btn.large {border-radius:10rem; padding:0 1.2rem 0 2.4rem; color:var(--color-light);}
.toolkit-agent-page__notice {margin-top:2.4rem;}
.toolkit-agent-page__notice-box {padding:1.2rem 1.6rem; background-color:var(--color-bright);}
.toolkit-agent-page__notice-box .notice-box-tit {font-size:1.3rem; line-height:1.6; color:var(--color-dark-gray);}
.toolkit-agent-page__feature-grid {margin-top:2.4rem;}
.toolkit-agent-page__feature-card {min-height:12rem; padding:2rem 1.8rem;}
.toolkit-agent-page__feature-card .toolkit-feature-card__icon {width:4.8rem; height:4.8rem; margin-bottom:1.6rem;}
.toolkit-agent-page__feature-card .toolkit-feature-card__icon img {width:4.8rem; height:4.8rem;}
.toolkit-agent-page__feature-card .toolkit-feature-card__title {font-size:1.5rem; line-height:1.4;}
.toolkit-agent-page__feature-card .toolkit-feature-card__desc {font-size:1.3rem; line-height:1.5;}
.toolkit-agent-page__guide-list {margin-top:2.4rem;}
.toolkit-agent-page__guide-panel {min-height:36rem; padding:2.4rem; gap:2.4rem;}
.toolkit-agent-page__guide-copy {flex:0 0 22rem; max-width:22rem; min-height:28rem;}
.toolkit-agent-page__guide-copy .toolkit-guide-panel__step {font-size:1.6rem;}
.toolkit-agent-page__guide-copy .toolkit-guide-panel__desc {font-size:1.3rem; line-height:1.6;}
.toolkit-agent-page__guide-image {width:32rem;}
.toolkit-agent-page__guide-placeholder {width:32rem; min-height:28rem; font-size:5.6rem;}
.toolkit-agent-page__guide-dots {padding-top:1.6rem;}
.toolkit-showcase {margin-top:6rem;}
.toolkit-showcase__intro {margin-bottom:2.4rem;}
.toolkit-showcase__slider-wrap {padding:3.2rem; background-color:var(--color-light); border-radius:2.4rem; box-shadow:0 0 2.4rem rgba(15, 23, 42, 0.06);}
.toolkit-showcase-slider {position:relative; width:100%; padding-bottom:0;}
.toolkit-showcase-slider .owl-stage {display:flex;}
.toolkit-showcase-slider .owl-stage-outer {overflow:hidden;}
.toolkit-showcase-slider .owl-item {overflow:hidden;}
.toolkit-showcase-slide {width:100%;}
.toolkit-manual-slider {position:relative; width:100%; --toolkit-manual-dots-left:3.2rem; --toolkit-manual-dots-bottom:3.2rem;}
.toolkit-manual-slider__viewport {overflow:hidden; cursor:grab; touch-action:pan-y; user-select:none;}
.toolkit-manual-slider.is-dragging .toolkit-manual-slider__viewport {cursor:grabbing;}
.toolkit-manual-slider__track {display:flex; width:100%; transition:transform .35s ease;}
.toolkit-manual-slider__slide {flex:0 0 100%; width:100%; overflow:hidden;}
.toolkit-manual-slider__dots {position:absolute; left:var(--toolkit-manual-dots-left); bottom:var(--toolkit-manual-dots-bottom); display:flex; align-items:center; gap:.8rem; z-index:4;}
.toolkit-manual-slider__dot {display:inline-flex; align-items:center; justify-content:center; width:.8rem; height:.8rem; padding:0; background:none; border:none;}
.toolkit-manual-slider__dot span {display:block; width:.8rem; height:.8rem; background-color:var(--toolkit-slider-dot-off); border-radius:100%;}
.toolkit-manual-slider__dot.is-active span {background-color:var(--color-point);}
.toolkit-showcase-slide__workspace {display:flex; gap:2.4rem; align-items:stretch;}
.toolkit-showcase-card {flex:1; min-height:33rem; padding:2.4rem; background-color:var(--color-light); border:var(--line-sm) solid var(--color-gray5); border-radius:1.6rem; box-shadow:0 .8rem 2rem rgba(32, 57, 94, 0.05);}
.toolkit-showcase-card__title {margin:0 0 1.6rem; font-size:1.8rem; font-weight:var(--font-bold); color:var(--color-black);}
.toolkit-showcase-card__group + .toolkit-showcase-card__group {margin-top:2rem;}
.toolkit-showcase-card__label {margin:0 0 1rem; font-size:1.3rem; font-weight:var(--font-bold); color:var(--color-gray1);}
.toolkit-showcase-card__select {padding:1.4rem 1.6rem; background-color:var(--toolkit-bg-select); border:var(--line-sm) solid var(--color-line); border-radius:1.2rem;}
.toolkit-showcase-card__value {display:block; font-size:1.6rem; font-weight:var(--font-bold); color:var(--color-black);}
.toolkit-showcase-card__meta {display:block; margin-top:.4rem; font-size:1.2rem; color:var(--color-gray2);}
.toolkit-showcase-card__button {width:100%; margin-top:2.4rem;}
.toolkit-showcase-range + .toolkit-showcase-range {margin-top:1.2rem;}
.toolkit-showcase-range__head {display:flex; justify-content:space-between; margin-bottom:.8rem; font-size:1.3rem; color:var(--color-gray1);}
.toolkit-showcase-range__head strong {font-weight:var(--font-bold); color:var(--color-black);}
.toolkit-showcase-range__track {position:relative; height:.6rem; background-color:var(--toolkit-range-track); border-radius:99rem; overflow:hidden;}
.toolkit-showcase-range__track > span {display:block; height:100%; background-color:var(--toolkit-range-fill); border-radius:99rem;}
.toolkit-showcase-chip-list {display:flex; flex-wrap:wrap; gap:.8rem;}
.toolkit-showcase-chip {display:inline-flex; align-items:center; justify-content:center; min-height:3.2rem; padding:0 1.2rem; background-color:var(--toolkit-bg-chip); border-radius:99rem; font-size:1.3rem; color:var(--color-gray1);}
.toolkit-showcase-chip.is-active {background-color:rgba(64,123,255,0.12); color:var(--color-point); font-weight:var(--font-bold);}
.toolkit-showcase-result {display:flex; flex-direction:column; justify-content:center; align-items:center; height:100%; min-height:24rem; text-align:center;}
.toolkit-showcase-result__graph {width:7rem; height:4.8rem; margin-bottom:1.6rem; position:relative;}
.toolkit-showcase-result__graph::before {content:""; position:absolute; left:0; right:0; top:50%; height:.1rem; background-color:var(--toolkit-graph-grid);}
.toolkit-showcase-result__graph::after {content:""; position:absolute; left:10%; right:10%; top:20%; bottom:20%; border-bottom:.2rem solid var(--toolkit-graph-axis); border-right:.2rem solid var(--toolkit-graph-axis); transform:skewY(-18deg);}
.toolkit-showcase-result__text {font-size:1.3rem; line-height:1.6; color:var(--color-gray2);}
.toolkit-showcase-stat-list {display:flex; flex-direction:column; gap:1rem;}
.toolkit-showcase-stat {display:flex; justify-content:space-between; align-items:center; padding:1.1rem 1.4rem; background-color:var(--toolkit-bg-panel); border-radius:1.2rem; font-size:1.3rem; color:var(--color-gray1);}
.toolkit-showcase-stat strong {font-size:1.6rem; font-weight:var(--font-bold); color:var(--color-black);}
.toolkit-showcase-compare {display:flex; flex-direction:column; gap:1rem;}
.toolkit-showcase-compare__row {display:flex; justify-content:space-between; align-items:center; padding:1.2rem 1.4rem; border:var(--line-sm) solid var(--color-gray5); border-radius:1.2rem; font-size:1.4rem; color:var(--color-gray1);}
.toolkit-showcase-compare__row strong {font-size:1.5rem; font-weight:var(--font-bold); color:var(--color-point);}
.toolkit-showcase-summary {display:flex; flex-direction:column; justify-content:center; height:100%; min-height:24rem; padding:1.6rem; background:linear-gradient(180deg, rgba(123,151,255,0.08), rgba(123,151,255,0.02)); border-radius:1.6rem;}
.toolkit-showcase-summary__headline {margin:0 0 1.2rem; font-size:2.4rem; font-weight:var(--font-bold); color:var(--color-point);}
.toolkit-showcase-summary__text {margin:0; font-size:1.5rem; line-height:1.7; color:var(--color-dark-gray);}
.toolkit-guide-card {display:grid; grid-template-columns:minmax(24rem, 28rem) minmax(0, 1fr); width:100%; gap:2.4rem; align-items:flex-start; padding:3.2rem; box-sizing:border-box; overflow:hidden; background:var(--color-bright); border-radius:2.4rem;}
.toolkit-guide-card__text {min-width:0; display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; min-height:42rem;}
.toolkit-guide-card__step {display:block; margin-bottom:1.2rem; font-size:1.8rem; font-weight:var(--font-bold); color:var(--color-black);}
.toolkit-guide-card__desc {font-size:1.4rem; line-height:1.7; color:var(--color-dark-gray);}
.toolkit-guide-card__img {min-width:0; max-width:none;}
.toolkit-guide-card__img-placeholder {display:flex; align-items:center; justify-content:center; width:100%; height:42rem; background:var(--toolkit-bg-img-placeholder); border-radius:1.2rem; font-size:1.4rem; color:var(--toolkit-text-placeholder);}
.toolkit-guide-card--split {grid-template-columns:minmax(24rem, 28rem) minmax(0, 1fr);}
.toolkit-guide-card__texts {position:relative; min-width:0; min-height:42rem;}
.toolkit-guide-card__text-item {position:absolute; top:0; left:0; right:0; opacity:0; transition:opacity .4s ease; pointer-events:none;}
.toolkit-guide-card__text-item.is-active {opacity:1; pointer-events:auto;}
.toolkit-guide-card__img-viewport {overflow:hidden; min-width:0; border-radius:1.2rem;}
.toolkit-manual-slider--split .toolkit-manual-slider__track {display:flex; width:100%; transition:transform .35s ease;}
.toolkit-manual-slider--split .toolkit-manual-slider__slide {flex:0 0 100%; width:100%;}
.toolkit-playground {position:relative; margin-top:2.4rem; padding:1.6rem; background:var(--color-bright); border-radius:1.4rem;}
.toolkit-playground__layout {display:grid; grid-template-columns:minmax(32rem,1fr) minmax(0,36rem); gap:1.6rem; height:60rem;}
.toolkit-playground__left {display:flex; flex-direction:column; gap:1.6rem; overflow-y:auto; height:100%;}
.toolkit-playground__right {display:flex; flex-direction:column; background:var(--color-black-line); border:.1rem solid var(--color-black); border-radius:1.4rem; overflow:hidden; box-shadow:0 1rem 1.5rem -.3rem rgba(0,0,0,.1), 0 .4rem .6rem -.4rem rgba(0,0,0,.1);}
.toolkit-playground__card {background:var(--color-light); border:.1rem solid var(--color-line); border-radius:1.4rem; box-shadow:0 .1rem .3rem rgba(0,0,0,.1), 0 .1rem .2rem -.1rem rgba(0,0,0,.1); flex-shrink:0;}
.toolkit-playground__card-head {display:flex; align-items:center; justify-content:space-between; padding:1.6rem 2rem; border-bottom:none; cursor:pointer; user-select:none;}
.toolkit-playground__head-right {display:flex; align-items:center; gap:.8rem;}
.toolkit-playground__chevron {display:inline-block; width:2rem; height:2rem; position:relative; transition:transform .2s;}
.toolkit-playground__chevron::after {content:''; position:absolute; top:50%; left:50%; width:.8rem; height:.8rem; border-right:.2rem solid var(--color-gray3); border-bottom:.2rem solid var(--color-gray3); transform:translate(-50%,-70%) rotate(45deg); transition:transform .2s;}
.toolkit-playground__chevron.is-collapsed {transform:rotate(-180deg);}
.toolkit-playground__card-body.is-collapsed {display:none;}
.toolkit-playground__card-title {display:flex; align-items:center; gap:.6rem; font-size:1.6rem; font-weight:var(--font-bold); color:var(--color-black-text);}
.toolkit-playground__badge {display:inline-flex; align-items:center; justify-content:center; padding:.2rem .8rem; background:var(--color-blue-sky); border-radius:.8rem; font-size:1.4rem; font-weight:var(--font-bold); color:var(--color-point);}
.toolkit-playground__selected-name {display:inline-flex; align-items:center; gap:.8rem; padding:.4rem 1.2rem; border:.1rem solid var(--color-line); border-radius:1rem; font-size:1.4rem; font-weight:var(--font-bold); color:var(--color-gray3); background:var(--color-bright);}
.toolkit-playground__selected-name.is-chosen {color:var(--color-point); border-color:var(--color-point); background:var(--color-light);}
.toolkit-playground__card-body {padding:1.2rem 2rem 2rem;}
.toolkit-playground__card-body--scroll {max-height:32rem; overflow-y:auto;}
.toolkit-playground__preset-list {list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:.6rem;}
.toolkit-playground__preset-btn {display:flex; align-items:center; gap:1.2rem; width:100%; padding:1.4rem 1.6rem; background:var(--color-light); border:.1rem solid var(--color-line); border-radius:1.2rem; cursor:pointer; text-align:left; transition:border-color .15s, background .15s;}
.toolkit-playground__preset-btn:hover {border-color:var(--color-point); background:var(--toolkit-bg-preset-hover);}
.toolkit-playground__preset-btn.is-active {border-color:var(--color-point); background:var(--color-light); box-shadow:0 0 0 .15rem var(--color-point);}
.toolkit-playground__preset-icon {display:flex; align-items:center; justify-content:center; width:4rem; height:4rem; background:var(--color-blue-sky); border-radius:1.2rem; flex-shrink:0;}
.toolkit-playground__preset-icon svg {width:2rem; height:2rem; fill:var(--color-point);}
.toolkit-playground__preset-info {display:flex; flex-direction:column; gap:.2rem;}
.toolkit-playground__preset-name {font-size:1.4rem; font-weight:var(--font-bold); color:var(--color-black-text);}
.toolkit-playground__preset-cat {font-size:1.2rem; color:var(--color-gray3); font-weight:var(--font-medium);}
.toolkit-playground__empty {flex:1; min-height:30rem;}
.toolkit-playground__empty-inner {display:flex; flex-direction:column; align-items:center; justify-content:center; height:100%; min-height:30rem; gap:1.2rem; color:var(--color-gray3); font-size:1.4rem; text-align:center; line-height:1.6;}
.toolkit-playground__empty-icon {width:4.8rem; height:4.8rem; background:var(--color-bright); border-radius:1.6rem;}
.toolkit-playground__steps {display:flex; align-items:center; justify-content:center; gap:0; padding:1.6rem 2rem; border-bottom:.1rem solid var(--color-line); position:relative;}
.toolkit-playground__step {display:flex; flex-direction:column; align-items:center; gap:.4rem; background:none; border:none; cursor:pointer; padding:0; position:relative; z-index:1; flex:1;}
.toolkit-playground__step::after {content:''; position:absolute; top:1.1rem; left:calc(50% + 1.3rem); width:calc(100% - 2.6rem); height:.2rem; background:var(--color-line); z-index:0;}
.toolkit-playground__step:last-child::after {display:none;}
.toolkit-playground__step.is-done::after {background:var(--color-point);}
.toolkit-playground__step-num {display:flex; align-items:center; justify-content:center; width:2.6rem; height:2.6rem; border-radius:50%; border:.2rem solid var(--color-line); background:var(--color-light); font-size:1.2rem; font-weight:var(--font-bold); color:var(--color-gray3); position:relative; z-index:2; transition:all .2s;}
.toolkit-playground__step.is-active .toolkit-playground__step-num {border-color:var(--color-point); background:var(--color-point); color:var(--color-light);}
.toolkit-playground__step.is-done .toolkit-playground__step-num {border-color:var(--color-point); background:var(--color-point); color:var(--color-light);}
.toolkit-playground__step-label {font-size:1.2rem; color:var(--color-gray3); font-weight:var(--font-medium); transition:color .2s;}
.toolkit-playground__step.is-active .toolkit-playground__step-label {color:var(--color-point); font-weight:var(--font-bold);}
.toolkit-playground__step.is-done .toolkit-playground__step-label {color:var(--color-black-text);}
.toolkit-playground__step.is-warn .toolkit-playground__step-num {border-color:var(--toolkit-warn); background:var(--toolkit-warn); color:var(--color-light);}
.toolkit-playground__step.is-warn .toolkit-playground__step-label {color:var(--toolkit-warn);}
.toolkit-playground__step.is-warn::after {background:var(--color-line);}
.toolkit-playground__save-field {margin-bottom:1.6rem;}
.toolkit-playground__save-label {display:block; font-size:1.3rem; font-weight:var(--font-medium); color:var(--color-black); margin-bottom:.6rem;}
.toolkit-playground__save-required {color:var(--toolkit-risk-sl);}
.toolkit-playground__save-input {display:block; width:100%; padding:1rem 1.4rem; border:.1rem solid var(--color-line); border-radius:.8rem; font-size:1.4rem; color:var(--color-black-text); background:var(--color-light); box-sizing:border-box;}
.toolkit-playground__save-input:focus {outline:none; border-color:var(--color-point);}
.toolkit-playground__save-input[readonly] {background:var(--color-bright); color:var(--toolkit-text-muted);}
.toolkit-playground__save-textarea {display:block; width:100%; padding:1rem 1.4rem; border:.1rem solid var(--color-line); border-radius:.8rem; font-size:1.4rem; color:var(--color-black-text); background:var(--color-light); box-sizing:border-box; resize:vertical; font-family:inherit;}
.toolkit-playground__save-textarea:focus {outline:none; border-color:var(--color-point);}
.toolkit-playground__save-btn {display:block; width:100%; padding:1.4rem; background:var(--color-point); color:var(--color-light); border:none; border-radius:1rem; font-size:1.5rem; font-weight:var(--font-bold); cursor:pointer; transition:background .15s; margin-top:.8rem;}
.toolkit-playground__save-btn:hover {background:var(--toolkit-point-dark);}
.toolkit-playground__step-panel {display:none;}
.toolkit-playground__step-panel.is-active {display:block;}
.toolkit-playground__panel-heading {font-size:1.6rem; font-weight:var(--font-bold); color:var(--color-black-text); margin:0;}
.toolkit-playground__panel-subhead {display:flex; align-items:center; justify-content:space-between; margin-bottom:1.2rem; font-size:1.4rem; font-weight:var(--font-bold); color:var(--color-black-text);}
.toolkit-playground__detail-title {font-size:1.4rem; font-weight:var(--font-bold); color:var(--color-black-text); margin-bottom:1rem; display:flex; align-items:center; gap:.6rem;}
.toolkit-playground__logic-badge {display:inline-block; padding:.1rem .6rem; border-radius:.4rem; font-size:1.1rem; font-weight:var(--font-bold); color:var(--color-light); background:var(--color-point);}
.toolkit-playground__indicator-list {display:flex; flex-direction:column; gap:.6rem;}
.toolkit-playground__indicator-item {display:block; padding:1.2rem 1.6rem; background:var(--color-light); border:.1rem solid var(--color-line); border-radius:1rem; font-size:1.3rem;}
.toolkit-playground__indicator-label {flex:1; font-weight:var(--font-medium); color:var(--color-black); line-height:1.5;}
.toolkit-playground__indicator-label em {font-style:normal; color:var(--color-point); font-weight:var(--font-bold);}
.toolkit-playground__indicator-input {width:6rem; padding:.5rem .8rem; border:.1rem solid var(--color-gray5); border-radius:.6rem; font-size:1.3rem; text-align:center; background:var(--color-bright);}
.toolkit-playground__indicator-input:focus {outline:none; border-color:var(--color-point);}
.toolkit-playground__section-sep {border:none; border-top:.1rem solid var(--color-line); margin:1.6rem 0;}
.toolkit-playground__condition-group {margin-bottom:1.6rem;}
.toolkit-playground__condition-list {display:flex; flex-direction:column; gap:.8rem;}
.toolkit-playground__condition-item {padding:1.2rem 1.6rem; background:var(--color-light); border:.1rem solid var(--color-line); border-radius:1rem; font-size:1.3rem; color:var(--color-black); line-height:1.8;}
.toolkit-playground__condition-item span {display:block;}
.toolkit-playground__cond-row {display:flex; align-items:center; gap:1rem; margin-top:.6rem;}
.toolkit-playground__cond-label {font-size:1.2rem; color:var(--color-gray3); min-width:6rem; flex-shrink:0;}
.toolkit-playground__cond-value {font-size:1.3rem; color:var(--color-black-text); font-weight:var(--font-medium); flex:1; padding:.6rem 1.2rem; border:.1rem solid var(--color-line); border-radius:.6rem; background:var(--color-light);}
.toolkit-playground__cond-op {display:inline-block; padding:.2rem .8rem; background:var(--toolkit-op-bg); border-radius:.4rem; font-size:1.2rem; font-weight:var(--font-bold); color:var(--toolkit-op-text);}
.toolkit-playground__risk-items {display:flex; flex-direction:column; gap:.8rem;}
.toolkit-playground__risk-item {display:flex; align-items:center; gap:1rem; padding:1.4rem 1.6rem; background:var(--color-light); border:.1rem solid var(--color-line); border-radius:1rem; font-size:1.3rem; transition:opacity .2s;}
.toolkit-playground__risk-item.is-disabled {opacity:.5;}
.toolkit-playground__risk-info {flex:1; display:flex; flex-direction:column; gap:.2rem;}
.toolkit-playground__risk-name {font-size:1.4rem; font-weight:var(--font-bold); color:var(--color-black-text);}
.toolkit-playground__risk-desc {font-size:1.2rem; color:var(--color-gray3);}
.toolkit-playground__risk-value {width:5rem; padding:.4rem .6rem; border:.1rem solid var(--color-gray5); border-radius:.4rem; font-size:1.3rem; text-align:center;}
.toolkit-playground__risk-value:focus {outline:none; border-color:var(--color-point);}
.toolkit-playground__risk-unit {font-size:1.2rem; color:var(--toolkit-text-muted);}
.toolkit-playground__risk-toggle {position:relative; width:4.4rem; height:2.4rem; padding:0; border:none; border-radius:1.2rem; background:var(--color-gray4); cursor:pointer; transition:background .2s; flex-shrink:0;}
.toolkit-playground__risk-toggle span {position:absolute; top:.3rem; left:.3rem; width:1.8rem; height:1.8rem; background:var(--color-light); border-radius:50%; transition:transform .2s; box-shadow:0 .1rem .2rem rgba(0,0,0,.2);}
.toolkit-playground__risk-toggle.is-on {background:var(--color-point);}
.toolkit-playground__risk-toggle.is-on span {transform:translateX(2rem);}
.toolkit-playground__risk-item--sl .toolkit-playground__risk-toggle.is-on {background:var(--toolkit-risk-sl);}
.toolkit-playground__risk-item--tp .toolkit-playground__risk-toggle.is-on {background:var(--toolkit-risk-tp);}
.toolkit-playground__risk-item--ts .toolkit-playground__risk-toggle.is-on {background:var(--toolkit-risk-ts);}
.toolkit-playground__cmp-input {width:5.5rem; padding:.4rem .6rem; border:.1rem solid var(--color-gray5); border-radius:.4rem; font-size:1.3rem; text-align:center; background:var(--color-light);}
.toolkit-playground__cmp-input:focus {outline:none; border-color:var(--color-point);}
.toolkit-playground__yaml-head {display:flex; align-items:center; justify-content:space-between; padding:1.2rem 1.6rem; background:var(--color-black-text); border-bottom:.1rem solid var(--color-black);}
.toolkit-playground__yaml-label {font-size:1.4rem; font-weight:var(--font-bold); color:var(--color-gray3);}
.toolkit-playground__yaml-copy {padding:.4rem 1rem; background:none; border:none; font-size:1.2rem; color:var(--color-gray3); cursor:pointer; transition:color .15s;}
.toolkit-playground__yaml-copy:hover {color:var(--color-light);}
.toolkit-playground__yaml-body {flex:1; padding:1.2rem 1.6rem; overflow:auto;}
.toolkit-playground__yaml-pre {margin:0; font-family:'Pretendard', sans-serif; font-size:1.4rem; line-height:1.6; color:var(--toolkit-yaml-key); white-space:pre; tab-size:2;}
.toolkit-playground__yaml-pre .yk {color:var(--toolkit-yaml-key);}
.toolkit-playground__yaml-pre .yv {color:var(--toolkit-yaml-value);}
.toolkit-playground__yaml-pre .yc {color:var(--toolkit-yaml-comment); font-style:italic;}
.toolkit-playground__yaml-pre .yp {color:var(--toolkit-yaml-key);}
.toolkit-playground__yaml-pre .yn {color:var(--toolkit-yaml-num);}
.toolkit-playground__github {margin-top:1.6rem; padding:2rem; background:var(--color-light); border:.1rem solid var(--color-line); border-radius:1.4rem; text-align:center; box-shadow:0 .1rem .3rem rgba(0,0,0,.1);}
.toolkit-playground__github p {font-size:1.4rem; color:var(--color-dark-gray); margin-bottom:1.2rem;}
.toolkit-playground__github-link {display:inline-block; padding:.8rem 2.4rem; background:var(--toolkit-github); color:var(--color-light); border-radius:.8rem; font-size:1.4rem; font-weight:var(--font-bold); text-decoration:none; transition:background .15s;}
.toolkit-playground__github-link:hover {background:var(--toolkit-github-hover);}
.toolkit-playground__indicator-head {display:flex; align-items:center; gap:.6rem; cursor:pointer; padding:.2rem 0; user-select:none;}
.toolkit-playground__indicator-arrow {font-size:1rem; color:var(--toolkit-text-muted); transition:transform .2s; line-height:1;}
.toolkit-playground__indicator-item.is-collapsed .toolkit-playground__indicator-arrow {transform:rotate(-90deg);}
.toolkit-playground__indicator-body {padding-top:1rem; margin-top:.8rem; border-top:.1rem solid var(--toolkit-line-soft);}
.toolkit-playground__indicator-item.is-collapsed .toolkit-playground__indicator-body {display:none;}
.toolkit-playground__ind-field {display:flex; align-items:center; gap:.8rem; margin-bottom:.6rem; font-size:1.3rem;}
.toolkit-playground__ind-flabel {font-size:1.2rem; color:var(--color-gray3); min-width:5rem; flex-shrink:0;}
.toolkit-playground__ind-text {flex:1; padding:.6rem 1.2rem; border:.1rem solid var(--color-line); border-radius:.6rem; font-size:1.3rem; background:var(--color-light);}
.toolkit-playground__ind-type-display {flex:1; padding:.6rem 1.2rem; border:.1rem solid var(--color-line); border-radius:.6rem; font-size:1.3rem; color:var(--color-black-text); background:var(--color-light);}
.toolkit-playground__ind-text:focus {outline:none; border-color:var(--color-point);}
.toolkit-playground__ind-sep {font-size:1.2rem; color:var(--color-gray3); margin-left:.4rem;}
.toolkit-playground__ind-key {font-size:1.3rem; color:var(--color-point); font-weight:var(--font-bold);}
.toolkit-playground__ind-param-name {font-size:1.3rem; color:var(--color-black); background:var(--toolkit-bg-blue-soft); padding:.2rem .8rem; border-radius:.4rem;}
.toolkit-playground__ind-type-label {font-size:1.2rem; color:var(--color-gray3);}
.toolkit-playground__ind-remove {margin-left:auto; background:none; border:none; font-size:1.6rem; color:var(--color-gray4); cursor:pointer; padding:0 .4rem; line-height:1; flex-shrink:0; transition:color .15s;}
.toolkit-playground__ind-remove:hover {color:var(--toolkit-danger);}
.toolkit-playground__add-btn {padding:.2rem 1rem; background:none; border:none; color:var(--color-point); font-size:1.3rem; font-weight:var(--font-bold); cursor:pointer; white-space:nowrap;}
.toolkit-playground__add-btn:hover {text-decoration:underline;}
.toolkit-playground__logic-desc {font-size:1.2rem; color:var(--toolkit-text-muted); font-weight:var(--font-regular);}
.toolkit-playground__condition-num {display:flex; align-items:center; gap:.6rem; font-size:1.2rem; font-weight:var(--font-bold); color:var(--color-point); margin-bottom:.8rem; flex-wrap:wrap;}
.toolkit-playground__condition-num em {font-style:normal; color:var(--color-black); font-size:1.2rem; font-weight:var(--font-medium); background:var(--toolkit-bg-badge); padding:.2rem .8rem; border-radius:.4rem;}
.toolkit-playground__condition-sep {display:flex; align-items:center; justify-content:center; padding:.6rem 0;}
.toolkit-playground__condition-sep span {font-size:1.1rem; font-weight:var(--font-bold); color:var(--color-point); background:var(--toolkit-bg-badge); padding:.2rem 1rem; border-radius:.4rem;}
.toolkit-playground__cond-type-tag {font-size:1.1rem; color:var(--toolkit-text-muted); margin-left:.4rem;}
.toolkit-playground__condition-warn {padding:.8rem 1.2rem; background:var(--toolkit-invalid-bg); border:.1rem solid var(--toolkit-invalid-line); border-radius:.6rem; font-size:1.2rem; color:var(--toolkit-invalid-text); margin-bottom:.8rem; line-height:1.5;}
.toolkit-playground__cond-field {font-size:1.3rem; color:var(--color-black-text); font-weight:var(--font-medium); flex:1; padding:.6rem 1.2rem; border:.1rem solid var(--color-line); border-radius:.6rem; background:var(--color-light);}
.toolkit-modal {position:absolute; inset:0; z-index:200; display:flex; align-items:center; justify-content:center; padding:2.4rem; box-sizing:border-box; border-radius:1.4rem;}
.toolkit-modal[hidden] {display:none;}
.toolkit-modal__overlay {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.4); border-radius:inherit;}
.toolkit-modal__card {position:relative; width:40rem; max-width:100%; max-height:100%; background:var(--color-light); border-radius:1.6rem; display:flex; flex-direction:column; overflow:hidden; box-shadow:0 .8rem 3rem rgba(0,0,0,.15);}
.toolkit-modal__card--indicator {width:42rem; height:min(62rem, 100%);}
.toolkit-modal__card--condition {width:48rem; height:min(62rem, 100%);}
.toolkit-modal__card--condition.is-candle-view {height:min(62rem, 100%);}
.toolkit-modal__head {display:flex; align-items:center; justify-content:space-between; padding:1.6rem 2rem; border-bottom:.1rem solid var(--toolkit-line-soft); flex-shrink:0;}
.toolkit-modal__title {font-size:1.6rem; font-weight:var(--font-bold); color:var(--color-black-text); margin:0;}
.toolkit-modal__subtitle {font-size:1.2rem; color:var(--toolkit-text-muted); font-weight:var(--font-regular); margin-left:.6rem;}
.toolkit-modal__close {background:none; border:none; font-size:2.4rem; color:var(--toolkit-text-muted); cursor:pointer; padding:0; line-height:1;}
.toolkit-modal__close:hover {color:var(--color-black);}
.toolkit-modal__body {display:flex; flex:1; flex-direction:column; min-height:0; overflow:hidden; padding:1.6rem 2rem 0;}
.toolkit-modal__search {margin-bottom:1.6rem;}
.toolkit-modal__search-input {width:100%; padding:.8rem 1.2rem .8rem 3.2rem; border:.1rem solid var(--color-line); border-radius:.8rem; font-size:1.3rem; background:var(--toolkit-bg-search) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23999' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85zm-5.44.156a5 5 0 1 1 0-10 5 5 0 0 1 0 10z'/%3E%3C/svg%3E") no-repeat 1rem center; background-size:1.4rem; box-sizing:border-box;}
.toolkit-modal__search-input:focus {outline:none; border-color:var(--color-point); background-color:var(--color-light);}
.toolkit-modal__section {margin-bottom:2rem;}
.toolkit-modal__section-title {font-size:1.3rem; font-weight:var(--font-bold); color:var(--color-black-text); margin:0 0 1rem; display:flex; align-items:center; gap:.6rem;}
.toolkit-modal__section-hint {font-size:1.1rem; color:var(--toolkit-text-muted); font-weight:var(--font-regular);}
.toolkit-modal__grid {display:grid; grid-template-columns:repeat(3,1fr); gap:.8rem;}
.toolkit-modal__grid-item {padding:1rem; background:var(--toolkit-bg-blue-soft); border:.1rem solid var(--toolkit-grid-item-line); border-radius:.8rem; cursor:pointer; text-align:center; transition:background .15s, border-color .15s;}
.toolkit-modal__grid-item:hover {background:var(--toolkit-grid-item-line); border-color:var(--color-point);}
.toolkit-modal__grid-item.is-disabled,
.toolkit-modal__cond-item.is-disabled {cursor:default; opacity:.55;}
.toolkit-modal__grid-item.is-disabled:hover,
.toolkit-modal__cond-item.is-disabled:hover {background:inherit; border-color:inherit;}
.toolkit-modal__grid-item.is-hidden {display:none;}
.toolkit-modal__grid-item-name {font-size:1.3rem; font-weight:var(--font-bold); color:var(--color-black-text); display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.toolkit-modal__grid-item-desc {font-size:1.1rem; color:var(--toolkit-text-muted); display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.toolkit-modal__cat-list {display:flex; flex-direction:column; gap:.2rem;}
.toolkit-modal__cat-item {display:flex; align-items:center; gap:1rem; padding:.8rem 1.2rem; border-radius:.8rem; cursor:pointer; transition:background .15s;}
.toolkit-modal__cat-item:hover {background:var(--toolkit-bg-blue-soft);}
.toolkit-modal__cat-icon {font-size:1.6rem; width:2.4rem; text-align:center;}
.toolkit-modal__cat-name {flex:1; font-size:1.3rem; color:var(--color-black); font-weight:var(--font-medium);}
.toolkit-modal__cat-count {font-size:1.2rem; color:var(--toolkit-text-muted);}
.toolkit-modal__footer {margin-top:auto; padding:1.6rem 0 2rem; border-top:.1rem solid var(--toolkit-line-soft); background-color:var(--color-light); text-align:center; flex-shrink:0;}
.toolkit-modal__footer-title {font-size:1.4rem; color:var(--color-black-text); font-weight:var(--font-bold); margin:0 0 .4rem;}
.toolkit-modal__footer-desc {font-size:1.2rem; color:var(--toolkit-text-muted); line-height:1.5; margin:0 0 1.2rem;}
.toolkit-modal__github-btn {display:inline-block; padding:.8rem 2.4rem; background:var(--color-point); color:var(--color-light); border-radius:.8rem; font-size:1.3rem; font-weight:var(--font-bold); text-decoration:none; transition:background .15s;}
.toolkit-modal__github-btn:hover {background:var(--toolkit-point-dark);}
.toolkit-modal__tabs {display:flex; border-bottom:.1rem solid var(--toolkit-line-soft); padding:0 2rem; flex-shrink:0;}
.toolkit-modal__tab {padding:.8rem 1.6rem; background:none; border:none; border-bottom:.2rem solid transparent; font-size:1.3rem; color:var(--toolkit-text-muted); cursor:pointer; font-weight:var(--font-bold); transition:color .15s, border-color .15s;}
.toolkit-modal__tab.is-active {color:var(--color-point); border-bottom-color:var(--color-point);}
.toolkit-modal__tab-panel {display:none;}
.toolkit-modal__tab-panel.is-active {display:block; min-height:0;}
.toolkit-modal__tab-panel--locked {position:relative; max-height:28rem; overflow:hidden; pointer-events:none; -webkit-mask-image:linear-gradient(to bottom, rgba(0,0,0,1) 55%, rgba(0,0,0,0) 100%); mask-image:linear-gradient(to bottom, rgba(0,0,0,1) 55%, rgba(0,0,0,0) 100%);}
.toolkit-modal__tab-panel--quick > [data-current-ind-conds] {margin-bottom:1.2rem;}
.toolkit-modal__cond-group {margin-bottom:1.6rem;}
.toolkit-modal__cond-group-title {font-size:1.2rem; font-weight:var(--font-bold); color:var(--color-gray3); margin:0 0 .8rem; text-transform:uppercase; letter-spacing:.05em;}
.toolkit-modal__cond-item {display:flex; align-items:center; gap:.8rem; padding:1rem 1.2rem; border-radius:.8rem; cursor:pointer; transition:background .15s;}
.toolkit-modal__cond-item:hover {background:var(--toolkit-bg-blue-soft);}
.toolkit-modal__cond-item-icon {color:var(--color-point); font-size:1.6rem; font-weight:var(--font-bold); flex-shrink:0;}
.toolkit-modal__cond-item-info {flex:1; min-width:0;}
.toolkit-modal__cond-item-name {font-size:1.3rem; font-weight:var(--font-bold); color:var(--color-black-text); display:block;}
.toolkit-modal__cond-item-desc {font-size:1.1rem; color:var(--toolkit-text-muted); display:block;}
.toolkit-modal__cond-item-tag {font-size:1.1rem; padding:.2rem .8rem; border-radius:.4rem; font-weight:var(--font-bold); flex-shrink:0;}
.toolkit-modal__cond-item-tag--bull {background:var(--toolkit-tag-bull-bg); color:var(--toolkit-tag-bull-text);}
.toolkit-modal__cond-item-tag--bear {background:var(--toolkit-tag-bear-bg); color:var(--toolkit-tag-bear-text);}
.toolkit-modal__section--locked {position:relative; overflow:hidden;}
.toolkit-modal__section--locked > .toolkit-modal__grid,
.toolkit-modal__section--locked > .toolkit-modal__cat-list,
.toolkit-modal__section--locked > div {max-height:18rem; overflow:hidden; pointer-events:none; -webkit-mask-image:linear-gradient(to bottom, rgba(0,0,0,1) 20%, rgba(0,0,0,0) 90%); mask-image:linear-gradient(to bottom, rgba(0,0,0,1) 20%, rgba(0,0,0,0) 90%);}
.toolkit-modal__section--locked--grid > .toolkit-modal__grid {max-height:16rem;}
.toolkit-modal__section--locked--tall > .toolkit-modal__grid,
.toolkit-modal__section--locked--tall > .toolkit-modal__cat-list,
.toolkit-modal__section--locked--tall > div {max-height:28rem;}
@media screen and (max-width: 1200px) {
	.toolkit-guide-panel {gap:1.6rem; padding:2.4rem;}
	.toolkit-guide-panel__copy {flex:1 1 40%; max-width:none; min-height:auto;}
	.toolkit-guide-panel__image {flex:1 1 60%; width:auto;}
	.toolkit-guide-panel__image img {width:100%; height:auto;}
	.toolkit-guide-panel__placeholder {width:100%; min-height:28rem; font-size:5.6rem;}
}
@media screen and (max-width: 768px) {
	.toolkit-playground {padding:1.2rem;}
	.toolkit-playground__layout {grid-template-columns:1fr; gap:1.2rem; height:auto;}
	.toolkit-playground__card-head {padding:1.2rem 1.4rem;}
	.toolkit-playground__card-title {font-size:1.4rem;}
	.toolkit-playground__card-body {padding:1rem 1.4rem 1.4rem; max-height:24rem;}
	.toolkit-playground__preset-btn {padding:1rem 1.2rem;}
	.toolkit-playground__preset-icon {width:3.2rem; height:3.2rem; border-radius:.8rem;}
	.toolkit-playground__preset-icon svg {width:1.6rem; height:1.6rem;}
	.toolkit-playground__condition-item {padding:1rem 1.2rem;}
	.toolkit-playground__condition-num {gap:.4rem;}
	.toolkit-playground__condition-num em {font-size:1.1rem; padding:.1rem .6rem;}
	.toolkit-playground__cond-row {flex-wrap:wrap; gap:.6rem;}
	.toolkit-playground__cond-label {min-width:5rem;}
	.toolkit-playground__risk-item {padding:1rem 1.2rem; flex-wrap:wrap;}
	.toolkit-playground__risk-info {width:100%; margin-bottom:.4rem;}
	.toolkit-playground__ind-field {flex-wrap:wrap; gap:.6rem;}
	.toolkit-playground__ind-text {max-width:none; min-width:0;}
	.toolkit-playground__ind-type-display {min-width:0;}
	.toolkit-playground__indicator-input {width:5rem;}
	.toolkit-playground__steps {gap:.4rem; overflow-x:auto; padding-bottom:.4rem;}
	.toolkit-playground__step-label {font-size:1rem;}
	.toolkit-playground__right {min-height:32rem;}
	.toolkit-playground__yaml-pre {font-size:1.2rem;}
	.toolkit-modal {align-items:flex-start; padding:12% 1.6rem 2rem;}
	.toolkit-modal__grid {grid-template-columns:repeat(2,1fr);}
}
@media screen and (max-width: 768px) {
	.toolkit-guide-card {grid-template-columns:1fr;}
	.toolkit-guide-card__text {min-height:auto;}
	.toolkit-guide-card__texts {min-height:auto;}
	.toolkit-guide-card__text-item {position:static; display:none; opacity:1; transition:none; pointer-events:auto;}
	.toolkit-guide-card__text-item.is-active {display:block;}
	.toolkit-guide-card--split {grid-template-columns:1fr;}
	.toolkit-guide-card {gap:1.6rem; padding:2rem 1.6rem;}
	.toolkit-guide-card__img-viewport,
	.toolkit-guide-card__img {width:100%;}
	.toolkit-guide-card__img img {display:block; width:100% !important; height:auto !important; object-fit:cover;}
	.toolkit-doc {display:block;}
	.toolkit-doc .lnb-wrap {display:none;}
	.toolkit-doc .lnb-wrap ~ .contents {padding-left:0;}
	.toolkit-doc__section + .toolkit-doc__section {margin-top:4rem;}
	.toolkit-overview {display:block;}
	.toolkit-overview .lnb-wrap {display:none;}
	.toolkit-overview .lnb-wrap ~ .toolkit-overview__content {padding-left:0;}
	.toolkit-overview__section + .toolkit-overview__section {margin-top:4rem;}
	.toolkit-overview__section {scroll-margin-top:11rem;}
	.toolkit-overview__intro {margin-bottom:2.4rem;}
	.toolkit-showcase {margin-top:4rem;}
	.toolkit-showcase__slider-wrap {padding:2rem 1.6rem;}
	.toolkit-showcase-slide__workspace {flex-direction:column; gap:1.6rem;}
	.toolkit-showcase-card {min-height:auto; padding:1.8rem 1.6rem;}
	.toolkit-showcase-slider {padding-bottom:0;}
	.toolkit-manual-slider {--toolkit-manual-dots-left:2rem; --toolkit-manual-dots-bottom:2rem;}
	.toolkit-manual-slider__dots {gap:.6rem;}
	.toolkit-manual-slider--guide {--toolkit-manual-dots-left:2.8rem; --toolkit-manual-dots-bottom:2.2rem;}
	.toolkit-manual-slider--guide .toolkit-guide-card__texts {min-height:11.2rem;}
	.toolkit-manual-slider--guide .toolkit-guide-card {padding-bottom:5.2rem;}
	.toolkit-mobile-nav {display:flex; gap:.8rem; margin-bottom:2rem; overflow-x:auto; padding-bottom:.4rem;}
	.toolkit-mobile-nav__link {flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; min-height:4.4rem; padding:0 1.6rem; border:var(--line-sm) solid var(--toolkit-nav-line); border-radius:10rem; background-color:var(--color-light); font-size:1.4rem; font-weight:var(--font-medium); color:var(--color-dark-gray); white-space:nowrap;}
	.toolkit-mobile-nav__link.is-active {border-color:var(--color-point); background-color:rgba(227, 34, 38, 0.06); color:var(--color-point);}
	.toolkit-feature-grid {grid-template-columns:repeat(2, 1fr); gap:1.6rem;}
	.toolkit-feature-grid--3col {grid-template-columns:repeat(2, 1fr);}
	.toolkit-feature-grid--2col {grid-template-columns:repeat(2, 1fr);}
	.toolkit-feature-card {padding:2.4rem 2rem;}
	.toolkit-feature-card__icon {width:4rem; height:4rem; margin-bottom:1.6rem;}
	.toolkit-feature-card__icon svg {width:4rem; height:4rem;}
	.toolkit-feature-card__title {margin-bottom:.6rem; font-size:1.6rem;}
	.toolkit-feature-card__desc {font-size:1.4rem; line-height:1.6;}
	.toolkit-overview-page {gap:4rem;}
	.toolkit-overview-page__quickstart .tab-head .tab-list {overflow-x:auto; border-radius:0; -ms-overflow-style:none; scrollbar-width:none;}
	.toolkit-overview-page__quickstart .tab-head .tab-list::-webkit-scrollbar {display:none;}
	.toolkit-overview-page__quickstart .tab-head .tab-list > li {min-width:14rem;}
	.toolkit-overview-page__codehead {min-height:5.2rem; padding:1.8rem 1rem; font-size:1.4rem;}
	.toolkit-overview-page__quickstart .tab-body .tab-panel {padding-top:1.2rem;}
	.toolkit-overview-page__codebody {padding:2.4rem 2rem;}
	.toolkit-overview-page__codepre code {padding-right:0; font-size:1.4rem; word-break:break-word;}
	.toolkit-overview-page__copy {position:static; display:inline-flex; align-items:center; justify-content:center; margin-bottom:1.6rem;}
	.toolkit-overview-page__meta li {font-size:1.4rem;}
	.toolkit-overview-page__feature-grid {grid-template-columns:1fr; gap:1.6rem;}
	.toolkit-feature-grid--2col {grid-template-columns:1fr;}
	.toolkit-overview-page__feature-card {min-height:auto; padding:2rem 1.6rem;}
	.toolkit-overview-page__feature-card .toolkit-feature-card__icon {width:4.8rem; height:4.8rem; margin-bottom:1.6rem;}
	.toolkit-overview-page__feature-card .toolkit-feature-card__icon svg {width:2.2rem !important; height:2.2rem !important;}
	.toolkit-overview-page__feature-card .toolkit-feature-card__icon img {width:4.8rem; height:4.8rem;}
	.toolkit-overview-page__case {flex-direction:column; padding:2rem 1.6rem;}
	.toolkit-overview-page__case-copy {flex:0 0 auto; max-width:none;}
	.toolkit-overview-page__case-title {font-size:1.6rem;}
	.toolkit-overview-page__case-summary,
	.toolkit-overview-page__case-desc {font-size:1.3rem; line-height:1.6; word-break:keep-all;}
	.toolkit-guide-panel {flex-direction:column; min-height:auto; padding:2rem 1.6rem;}
	.toolkit-guide-panel__copy {flex:0 0 auto; max-width:none; min-height:auto;}
	.toolkit-guide-panel__step {font-size:1.6rem;}
	.toolkit-guide-panel__desc {font-size:1.3rem;}
	.toolkit-guide-panel__image {width:100%;}
	.toolkit-guide-panel__image img {width:100%; height:auto;}
	.toolkit-guide-panel__placeholder {width:100%; min-height:24rem; font-size:4.8rem;}
	.toolkit-playground-placeholder {min-height:24rem; font-size:4.8rem;}
	.toolkit-agent-page__feature-grid {grid-template-columns:1fr;}
	.toolkit-agent-page__feature-card {min-height:auto;}
	.toolkit-agent-page__guide-panel {padding:2rem 1.6rem;}
	.toolkit-agent-page__guide-copy {max-width:none; min-height:auto;}
	.toolkit-agent-page__guide-image {width:100%;}
	.toolkit-agent-page__guide-placeholder {width:100%; min-height:24rem; font-size:4.8rem;}
}