:root{--ev-ink:#172033;--ev-muted:#667085;--ev-line:#dfe4eb;--ev-bg:#f7f8fa;--ev-paper:#fff;--ev-teal:#087f72;--ev-teal-soft:#e8f5f2;--ev-blue:#1559d6;--ev-orange:#f45b3d;--ev-yellow:#f5ae19;--ev-focus:#1559d6;--r:8px;--r-sm:6px;--shadow:0 1px 2px rgba(16,24,40,.04),0 8px 24px rgba(16,24,40,.06)}
html{background:var(--ev-bg)}body{background:var(--ev-bg)!important;color:var(--ev-ink)!important;font-family:Pretendard,"Noto Sans KR",system-ui,sans-serif!important;letter-spacing:0!important}
header{background:rgba(255,255,255,.98)!important;border-bottom:1px solid var(--ev-line)!important;box-shadow:none!important}.hbar{max-width:1440px!important;height:64px!important}.logo{color:var(--ev-ink)!important;font-weight:850!important}.logo .dot{background:var(--ev-teal)!important;border-radius:3px!important}.wrap{max-width:1440px!important;padding-inline:32px!important}
nav.gnb a{border-radius:6px!important;color:var(--ev-muted)!important}nav.gnb a.active,nav.gnb a:hover{background:var(--ev-teal-soft)!important;color:var(--ev-teal)!important}.selbtn,.btn,.chip{border-radius:6px!important;box-shadow:none!important}.btn-p,.chip.on{background:var(--ev-teal)!important}.btn-o{border-color:#cfd6df!important;color:var(--ev-ink)!important}.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--ev-focus)!important;outline-offset:2px!important}
.hero,.workspace-intro,.search-head{background:var(--ev-paper)!important;color:var(--ev-ink)!important;border:1px solid var(--ev-line)!important;border-top:4px solid var(--ev-teal)!important;border-radius:var(--r)!important;box-shadow:none!important;padding:28px 32px!important}.hero h1,.workspace-intro h1,.search-head h1{color:var(--ev-ink)!important;font-size:30px!important;line-height:1.25!important}.hero p,.workspace-copy,.search-head p{color:var(--ev-muted)!important}.hero .deco,.hero .deco2{display:none!important}.hero .searchbar,.workspace-search,.search-workspace .searchbar{border:1px solid #bac4d0!important;border-radius:6px!important;box-shadow:none!important}.hero .stats{color:var(--ev-muted)!important;opacity:1!important}
.workspace-catalog{display:grid!important;grid-template-columns:220px minmax(0,1fr)!important;gap:24px!important}.workspace-filter{position:sticky!important;top:82px!important;align-self:start!important;background:#fff!important;border:1px solid var(--ev-line)!important;border-radius:var(--r)!important;padding:14px!important}.filter-group button,.fchip{border-radius:6px!important}.filter-group .is-current,.fchip.on{background:var(--ev-teal)!important;color:#fff!important}
.studio-grid,.grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}.studio-card,.wcard{background:#fff!important;border:1px solid var(--ev-line)!important;border-radius:var(--r)!important;box-shadow:none!important;overflow:hidden!important;min-width:0!important}.studio-card:hover,.wcard:hover{border-color:#8fa6ba!important;box-shadow:var(--shadow)!important;transform:translateY(-1px)!important}.studio-thumb{aspect-ratio:4/3!important;min-height:180px!important;background:#eef1f5!important;border-bottom:1px solid var(--ev-line)!important;overflow:hidden!important}.studio-thumb img,.wcard img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:top!important}.studio-body{padding:16px!important}.studio-body h3,.wcard h3{color:var(--ev-ink)!important;font-size:16px!important}.studio-grade,.studio-meta,.wcard .meta{color:var(--ev-muted)!important}.studio-tags .tag,.tag{border-radius:4px!important;background:#eef4f7!important;color:#285b75!important}.studio-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.studio-actions button{min-height:40px!important;border:1px solid #ccd4de!important;border-radius:6px!important}.studio-actions button:last-child{background:var(--ev-teal)!important;color:#fff!important;border-color:var(--ev-teal)!important}
.classroom-strip{background:#fff!important;border:1px solid var(--ev-line)!important;border-left:4px solid var(--ev-blue)!important;border-radius:var(--r)!important}.paid-proof{background:#fff!important;border-top:1px solid var(--ev-line)!important}.paid-proof__grid article{border-radius:var(--r)!important}
.modal{border-radius:var(--r)!important}.modal .close{border-radius:6px!important}.modal .mbody img{max-height:62vh!important;object-fit:contain!important}.modal .mbody:has(img){display:grid!important;grid-template-columns:minmax(0,1.5fr) minmax(260px,.75fr)!important;gap:20px!important}.modal .mbody:has(img)::after{content:"교사용 활용 가이드\A• 수업 전: 목표와 예상 시간을 확인하세요.\A• 수업 중: 학생용 활동지를 배정하세요.\A• 수업 후: PDF·DOCX로 결과를 보관하세요.\A\A출력 형식  PDF · DOCX · 인쇄";white-space:pre-line;background:#f7f9fb;border:1px solid var(--ev-line);border-radius:var(--r);padding:18px;color:var(--ev-muted);line-height:1.8;font-size:13px}
@media(max-width:1100px){.studio-grid,.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:760px){.wrap{padding-inline:16px!important}.workspace-catalog{grid-template-columns:1fr!important}.workspace-filter{position:static!important}.studio-grid,.grid{grid-template-columns:1fr!important}.hero,.workspace-intro,.search-head{padding:22px!important}.modal .mbody:has(img){grid-template-columns:1fr!important}}
@media(max-width:390px){.hbar{height:auto!important;min-height:58px!important}.hero h1,.workspace-intro h1,.search-head h1{font-size:24px!important}.studio-actions{grid-template-columns:1fr!important}.modal{width:calc(100vw - 20px)!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}