/* ── CSS Cascade Layers (2026-03-26) ───────────────────────────────────────
   우선순위: ua < reset < vendor < legacy < token < layout < component < variant < utility
   기존 unlayered 스타일은 implicit final layer(최상위)에 속함.
   ua = 레이아웃 인라인 <style> 의 `*` 규칙 자리 — reset element 규칙에 져야 한다.
   신규 토큰은 tokens.css 에 추가.
   ──────────────────────────────────────────────────────────────────────── */
@layer ua, reset, vendor, legacy, token, layout, component, variant, utility;
/* --qz-* 토큰은 tokens.css 단일 소스 — PC·모바일이 공유한다. */
/* normalize + 전역 초기화 — 레이어 밖 모든 규칙에 지도록 reset 레이어로 내린다 */
@layer reset{
html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
/* !important 제거(2026-07-28) — 최종 승자는 L101 button{overflow:hidden}로 동일, 컴포넌트 클래스가 !important 없이 override 가능해짐 */
button{overflow:hidden}
article,aside,footer,header,nav,section{display:block}
h1{font-size:2em;margin:.67em 0}
figcaption,figure,main{display:block}
figure{margin:1em 40px}
hr{box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:inherit}
b,strong{font-weight:bolder}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
dfn{font-style:italic}
mark{background-color:#ff0;color:var(--qz-text-on-bright)}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
audio,video{display:inline-block}
audio:not([controls]){display:none;height:0}
img{border-style:none}
svg:not(:root){overflow:hidden}
button,input,optgroup,select,textarea{margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{display:inline-block;vertical-align:baseline}
textarea{overflow:auto}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details,menu{display:block}
summary{display:list-item}
canvas{display:inline-block}
template{display:none}
[hidden]{display:none}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,time,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;word-break:keep-all}
caption,table,tbody,td,tfoot,th,thead,tr{margin:0;padding:0;font-size:100%;font:inherit;vertical-align:baseline;word-break:keep-all}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1.15;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
}
/* Pretendard-fallback: 로컬 시스템폰트에 Pretendard 메트릭 오버라이드 → 폰트 스왑 reflow(CLS) 방지 (값은 프리뷰 실측 튜닝) */
@layer legacy{
@font-face{font-family:'Pretendard-fallback';src:local('Malgun Gothic'),local('Apple SD Gothic Neo'),local('Apple SD Gothic Neo');ascent-override:106%;descent-override:34%;line-gap-override:0%;size-adjust:100%;font-display:swap}
@font-face{font-family:Digital-7-Mono;font-style:normal;font-weight:400;src:url(../font/digital/Digital-7-Mono.ttf.eot);src:url(../font/digital/Digital-7-Mono.ttfd41d.eot?#iefix) format('embedded-opentype'),url(../font/digital/Digital-7-Mono.ttf.woff2) format('woff2'),url(../font/digital/Digital-7-Mono.ttf.woff) format('woff'),url(../font/digital/Digital-7-Mono.ttf.ttf) format('truetype');font-display:swap}
@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    src: url(../font/pretendard/Pretendard-Regular.woff2) format('woff2'),
         url(../font/pretendard/Pretendard-Regular.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    src: url(../font/pretendard/Pretendard-SemiBold.woff2) format('woff2'),
         url(../font/pretendard/Pretendard-SemiBold.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    src: url(../font/pretendard/Pretendard-Bold.woff2) format('woff2'),
         url(../font/pretendard/Pretendard-Bold.woff) format('woff');
    font-display: swap;
}
/* @font-face 뒤에 이어지던 초기화 잔여분 — 같은 reset 레이어(레이어는 재개방 가능) */

}
@layer reset{
fieldset,img{border:0 none;vertical-align:top}
img{image-rendering:-webkit-optimize-contrast}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
table{width:100%;text-align:left}
}
/* @layer legacy 강등(2026-07-28) — 클릭·포커스 시 전 버튼 패딩 붕괴 트랩(CLAUDE.md CSS §5).
   legacy 레이어는 모든 unlayered 규칙에 지므로, 컴포넌트가 padding !important·blur() 방어 없이 이김.
   패딩 미지정 버튼은 아래 button{padding:0} 기본이 그대로 적용되어 기존과 동일. */
@layer legacy{button:active,button:focus{padding:0}}
/* Phase 1(PR#672)에서 누락된 전역 초기화 잔여분. 레이어 밖에 있으면 신규 컴포넌트(@layer component)를 이겨버린다.
   아래 .box 규칙까지만 감싼다 — 뒤이은 @keyframes 와 html{background} 이후 구간은 성격이 다르고,
   그 구간 끝의 #contentArea 규칙이 !important 를 보유해 레이어에 넣으면 최강이 되기 때문이다.
   html{background} 계열은 이 파일 뒤쪽에서 레이어 밖으로 다시 선언해 그쪽이 승자라 감싸도 무효다. */
@layer reset{
button,input[type=button],input[type=file]::-webkit-file-upload-button,input[type=reset],input[type=submit]{padding:0;font-family:'Pretendard','Pretendard-fallback',sans-serif;-webkit-appearance:none;-moz-appearance:none;appearance:none}
a{text-decoration:none;cursor:pointer;color:#363636}
a:active,a:hover,a:link,a:visited{text-decoration:none}
caption{overflow:hidden;width:1px;height:1px;font-size:20px;line-height:1px;margin-top:-1px}
button,input,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;background-color:transparent;border:0 none;font-size:15px;font-weight:400;font-family:'Pretendard','Pretendard-fallback',sans-serif}
button[type=checkbox],input[type=checkbox],select[type=checkbox],textarea[type=checkbox]{-webkit-appearance:checkbox}
button[type=radio],input[type=radio],select[type=radio],textarea[type=radio]{-webkit-appearance:radio}
button::-ms-expand,input::-ms-expand,select::-ms-expand,textarea::-ms-expand{display:none}
textarea{overflow-y:scroll;-webkit-overflow-scrolling:touch}
body,html{font-family:'Pretendard','Pretendard-fallback',sans-serif;font-size:15px;color:#363636}
strong{font-weight:600}
h1,h2,h3,h4,h5,h6{font-weight:300}
button,label{cursor:pointer;overflow:hidden}
a:focus,input:focus{outline:1px dotted #222}
::-webkit-input-placeholder{color:var(--qz-text-label);font-weight:300}
::-moz-placeholder{color:var(--qz-text-label);font-weight:300}
:-ms-input-placeholder{color:var(--qz-text-label);font-weight:300}
:-moz-placeholder{color:var(--qz-text-label);font-weight:300}
body{-webkit-backface-visibility:hidden}
html{overflow-y:scroll;height:100%;scrollbar-gutter:stable}
body{height:100%}
#wrap{position:relative;width:100%;min-height:100%;box-sizing:border-box}
#wrap.main{padding-bottom:0}
button{padding:0}
button span{position:relative}
*{-webkit-tap-highlight-color:transparent}
.box{width:328px;height:228px}
}
@layer legacy{
@keyframes stroke-anim{to{stroke-dashoffset:var(--total-offset)}}
html{background: var(--bg-app)}
html h1{margin: 0;font-size: inherit}
div ul, div dl{margin-bottom: 0}
#contentArea a:focus,
#contentArea a:hover{text-decoration:none}

}
/* !important — 레이어 밖 잔류(§9.1) */
@layer legacy{
.text-yellow{color: var(--qz-accent)}
.text-white{color: var(--qz-text-primary)}

}
@layer legacy{
.clearfix{clear: both;display: block}
.float-left{float: left}
.float-right{float: right}
.view-content img,
.view-content iframe{max-width: 100%}

}
@layer legacy{
.absolute{position: absolute;}
.relative{position: relative;}
.left{left: 0}
.right{right: 0}
.top{top: 0}
.bottom{bottom: 0}
body dt{font-weight: inherit}
body label{font-weight: inherit}
body .label{font-weight: inherit}
.note-editor{word-break: break-all;line-height: 2;color: var(--qz-text-tertiary);font-size: 16px}
.note-editor h1{font-size: 42px;margin: 0}
.note-editor h2{font-size: 34px;margin: 0}
.note-editor h3{font-size: 28px;margin: 0}
.note-editor h4{font-size: 22px;margin: 0}
.note-editor h5{font-size: 18px;margin: 0}
.note-editor h6{font-size: 16px;margin: 0}
.note-editor iframe{min-height: 365px;max-width: 100%}
.note-editor .apms-autosize iframe{min-height: 0;}
/* vendor(bootstrap .btn-sm 등)에 져야 툴바 버튼 현행 렌더가 유지 — reset 강등. :not(font) 행은 명시도로 현행 승자라 unlayered 유지 */

}
@layer reset {
.note-editor *{font-size: inherit;line-height: inherit;word-break: break-all}
}
/* fa(.fa{font:...14px/1})는 이 파일보다 먼저 로드 — 강등 전 이기던 서열을 명시도로 복원 */
@layer legacy{
.note-editor .fa{font-size: inherit;line-height: inherit}
.note-editor *:not(font){color: inherit;}
.note-editor .note-placeholder{color: #4e4e4e;}
.note-editor .note-toolbar *{max-width: none}

}
/* !important — 레이어 밖 잔류(§9.1) */
.note-editor kbd{color: var(--qz-text-primary)!important}
/* !important — 레이어 밖 잔류(§9.1) */
.note-editor.note-frame .note-placeholder{padding: 18px 15px !important}
@layer legacy{
.note-editor table{max-width:100%;}

}
/* !important — 레이어 밖 잔류(§9.1) */
.note-editor .dropdown-menu li{padding: 0 !important;border-top: none !important}
/* !important — 레이어 밖 잔류(§9.1) */
.note-editor .modal-content label{color: inherit !important}
@layer legacy{
.note-editor i{font-style: italic}
.note-editor i.fa{font-style: normal}
.note-editor sub,
.note-editor sup{font-size: 75%}
.note-editor .modal{color: var(--text-primary)}
.note-editor .modal .btn{padding: 6px 12px;}
.note-editor .modal .btn.btn-primary,
.twitterModal .btn-primary{background-color: var(--qz-accent);border-color: var(--qz-accent);color: var(--qz-text-on-accent);}
.user-info-wrap .banner-wrap ul,
.intro-area.note-editor ul,
.view-content .note-editor ul,
.note-editor .note-editing-area ul{display: block;list-style-type: disc;margin-block-start: 1em;margin-block-end: 1em;margin-inline-start: 0px;margin-inline-end: 0px;padding-inline-start: 40px;}
.user-info-wrap .banner-wrap ol,
.intro-area.note-editor ol,
.view-content .note-editor ol,
.note-editor .note-editing-area ol{display: block;list-style-type: decimal;margin-block-start: 1em;margin-block-end: 1em;margin-inline-start: 0px;margin-inline-end: 0px;padding-inline-start: 40px;}
.reply-list .note-editor *{line-height: 2;font-size: 16px}
.reply-list .note-editor a:hover{color:var(--qz-accent)}
.custom-cont-page{border: 1px solid var(--border-divider);border-radius:10px;background: var(--qz-bg-dark);padding: 16px;color: var(--qz-text-primary);margin-top: 10px}
.custom-cont-page *{font-size: inherit;line-height: 1.3;word-break: break-all;color: inherit;}
.custom-cont-page img{max-width: 100%}
.ellipsis-with-reply-cnt{color:inherit;line-height: inherit;font-size: inherit;overflow: hidden;display: inline}
.loader{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0,0.9);z-index: 999;display:none}
#loaderImage{position: fixed;left: 50%;top: 50%;transform: translate(-50%, -50%)}

}
@layer legacy{

}
@layer legacy{
.thumb-image-list ul{margin-bottom: 0}
.thumb-image-list li img{max-height: 50px}
.file-attache-btn{color: var(--qz-text-primary);line-height: 1}

}
.file-attache-btn{padding: 5px}
@layer legacy{
.file-attache-btn img{width: 30px;height: 30px}
.checkbox-area{color: var(--qz-text-primary);margin-bottom: 15px;}
.checkbox-area .checkbox-inline{position: relative;margin-right: 15px}
.checkbox-area input[type='checkbox']{top: 0;margin: 0}
.note-editor.note-frame{margin-bottom: 0}
.dropdown-menu.autosave-wrap{padding: 0;background: var(--bg-app);overflow: auto;height: 400px;border: 1px solid var(--qz-border-subtle);width: 490px;left: unset}

}
.dropdown-menu.autosave-wrap{right: 0}
@layer legacy{
.dropdown-menu.autosave-wrap .autosaveLoad span{width: 305px;font-size: 14px;display: inline-block;text-align: left;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding-right: 5px;box-sizing: border-box}
.dropdown-menu.autosave-wrap .autosaveLoad span.sv-date{font-size: 12px;width: auto}

}
.dropdown-menu.autosave-wrap .save-delete{margin-left: 0}
.dropdown-menu.autosave-wrap a{border:none;background: none;vertical-align: middle}
@layer legacy{
.thumb-pic{color: #363636}
.id-click-area {min-width: 110px;white-space: nowrap;border: 1px solid var(--qz-border-strong);border-radius: 10px;overflow: hidden;background-color: var(--bg-app);box-sizing: border-box;z-index: 99;}
.user-nick-wrap{position: relative;cursor: pointer}

}
.user-nick-wrap{overflow: visible}
@layer legacy{
.user-nick-wrap .user-nick-text{overflow: hidden;width: 100%;max-width:130px;display: block;;text-overflow: ellipsis;white-space: nowrap;}
.user-nick-wrap:focus{outline: 0}

}
.user-nick-wrap.active .id-click-area{display: block}
@layer legacy{
.user-nick-wrap.auth .user-nick-text span{position: relative;padding-right: 18px;max-width: 100%;display: inline-block;overflow: hidden;text-overflow: ellipsis;}
.user-nick-wrap.auth .user-nick-text span i.auth-icon{content: '';right: 0;top: 50%;width: 12px;height: 12px;background: url(../images/common/auth_icon_pc.png) no-repeat 50% 50%;position: absolute;transform: translateY(-50%)}
.user-nick-wrap.auth .user-nick-text span{padding-right: 0}
.user-nick-wrap.auth .user-nick-text span i.auth-icon{display: none}
.id-click-area {position: absolute;box-sizing: border-box;display: none}
.id-click-area ul{list-style: none}

}
.id-click-area ul{margin-bottom: 0;padding: 0}
@layer legacy{
.id-click-area ul li{text-align: left}

}
.id-click-area ul li{padding: 0;border-top: none}
@layer legacy{
.id-click-area ul li a{display: block;height: 32px;padding: 0 12px;color: var(--text-primary);font-size: 12px;line-height: 32px;font-weight: 500;white-space: nowrap}
.id-click-area ul li a:hover{color: var(--qz-accent);text-decoration: none}
.id-click-area ul li:not(:last-child) a{border-bottom: 1px solid var(--qz-border-strong)}
.bottom-info-area .user-info-wrap .user-nick-wrap.auth .user-nick-text span{padding-right: 18px}
.bottom-info-area .user-info-wrap .user-nick-wrap.auth .user-nick-text span i.auth-icon{display: block}
.reply-con-area .user-nick-wrap.auth .user-nick-text span{padding-right: 18px}
.reply-con-area .user-nick-wrap.auth .user-nick-text span i.auth-icon{display: block}
.board-list-comment{color: var(--qz-text-dim);font-size: 0.75em;font-weight: 500;padding-left: 14px;position: relative}
.board-list-comment:before{width: 11px;height: 11px;content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);background: currentColor;-webkit-mask: url(../images/common/ic_comment_stroke.svg) no-repeat center / contain;mask: url(../images/common/ic_comment_stroke.svg) no-repeat center / contain;}
.editor-box .note-toolbar{z-index: 99}
.editor-box textarea{width: 100%;color: var(--qz-text-primary)}

}
.editor-box textarea{min-height: 200px}
@layer legacy{
.write-select-area{padding-bottom: 30px}
.layerPopup{position:fixed;left:0;top:0;width:100%;height:100%;z-index:100000;display:none}
.layerPopup.active{display:block}
.img-background-wrap{background: url('../images/common/thumb_no_image.svg') no-repeat 50% 50%;background-size: cover;width: 100%;border:1px solid var(--qz-border-input);box-sizing: border-box;height: 100%;display: block}

}
.img-background-wrap.lazy{background-image:none}
@layer legacy{
#google_translate_element{position: absolute;top: 23px;left: 100%;}
#contentArea .flexslider {position: relative;overflow: hidden;}
#contentArea .flexslider .flex-direction-nav .flex-nav-prev{display: block;}
#contentArea .flexslider .flex-direction-nav .flex-nav-next{display: block;}
#contentArea .flexslider .flex-direction-nav a{font-size: 0;margin: 0}

}
/* !important — 레이어 밖 잔류(§9.1) */
#contentArea .flexslider .flex-direction-nav a{color: var(--qz-text-primary) !important;background: rgba(0,0,0,0.8) !important;width: auto !important;height: auto !important;padding: 11px 9px 11px 11px !important;transform: translateY(-50%) !important}
/* !important — 레이어 밖 잔류(§9.1) */
#contentArea .flexslider .flex-prev{border-radius: 0 5px 5px 0 !important}
/* !important — 레이어 밖 잔류(§9.1) */
#contentArea .flexslider .flex-next{border-radius: 5px 0 0 5px !important}
@layer legacy{
#contentArea .flexslider:hover .flex-direction-nav .flex-prev{left: 0;opacity: .8;}
#contentArea .flexslider:hover .flex-direction-nav .flex-next{right: 0;opacity: .8;}
#contentArea .flexslider .flex-direction-nav .flex-prev:hover{opacity: 1;background: rgb(0,0,0,1);}
#contentArea .flexslider .flex-direction-nav .flex-next:hover{opacity: 1;background: rgb(0,0,0,1);}
#contentArea .flexslider .flex-direction-nav a:before{color: var(--qz-text-primary);font-size: 12px;}
@media screen and (max-width: 1600px) {
    body #contentArea .flexslider .flex-direction-nav .flex-prev{left: 0;opacity: .8;}
    body #contentArea .flexslider .flex-direction-nav .flex-next{right: 0;opacity: .8;}
}
.view-content .note-editor img {cursor:pointer}
#new_contents img { max-width: 100%; width: auto; height: auto; }

}
/* !important — 레이어 밖 잔류(§9.1) */
#new_contents .__se_tbl{border: 1px solid transparent!important}
/* 헤더 아이콘 — 라이트 테마용 img 기본 숨김 (dark mode 포함 항상 적용)
   light-theme.css에서 body.light-theme 컨텍스트로 선택적 표시 */
@layer legacy{
.qz-icon-light {
    display: none;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
/* lazy 썸네일 로드 전 스켈레톤 — slick이 data-lazy 로드 시 자동 해제. 전 위젯 공통 */
img[data-lazy]{background-color:#2b2b2b}
body.light-theme img[data-lazy]{background-color:#ececec}
/* 테마 전환 — View Transitions 크로스페이드(지원 브라우저만 소비, theme-vt 스코프 — wire:navigate root VT 제외) */
html.theme-vt::view-transition-old(root),
html.theme-vt::view-transition-new(root) {
    animation-duration: 280ms;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
/* 테마 전환 순간 산재 트랜지션 일제 차단 — 스냅샷 잡티·폴백 얼룩 방지 */

}
/* !important — 레이어 밖 잔류(§9.1) */
html.theme-switching *, html.theme-switching *::before, html.theme-switching *::after{transition: none !important}

/* ============================================================
   @layer component — summernote 모달 입력 필드
   .note-modal 은 .note-editor 안에 append 되므로(dialogsInBody:false)
   위쪽 `.note-editor *:not(font){color:inherit}` 가 입력 텍스트까지
   흐린 본문색(--qz-text-tertiary)으로 끌어내린다. 여기서 되돌린다.
   ============================================================ */
@layer component {
    :where(.note-modal) .form-control,
    :where(.note-modal) input[type="text"],
    :where(.note-modal) textarea {
        background-color: var(--bg-app);
        color: var(--text-primary);
        border-color: var(--qz-border-input);
    }

    :where(.note-modal) .form-control::placeholder {
        color: var(--qz-text-placeholder);
    }
}

/* ── 이미지 안내 모달(.image-popup) — popup.css 이관 ─────────────────
   layouts/basic·common/basic이 마크업을 보유하는 전역 모달이다.
   popup.css의 나머지 규칙이 전부 죽어 파일을 제거하면서 이 6규칙만 여기로 옮긴다.
   레이어는 원본과 같은 legacy를 유지한다 — light-theme.css의 라이트 오버라이드
   (43-T 섹션 3규칙)가 @layer legacy에 있어, component로 올리면 라이트 값을 이겨버린다. */
@layer legacy{
.image-popup {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index: 10000;
    background-color: rgba(0,0,0,0.5);
    display: none;
}
.image-popup .popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 300px;
    padding: 15px 30px;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid var(--qz-border-input);
    background-color: var(--qz-bg-confine);
}
.image-popup .popup img {
    width: 100px;
    height: 100px;
}
.image-popup .popup .title {
    margin-top: 12px;
    color: var(--qz-text-primary);
    font-size: 13px;
    line-height: 1.7;
    font-weight: 700;
}
.image-popup .popup .title b {
    color: #e66700;
}
.image-popup .popup button {
    width: 48px;
    height: 24px;
    margin-top: 12px;
    color: var(--qz-text-primary);
    font-size: 13px;
    line-height: 24px;
    font-weight: 700;
    text-align: center;
    border: 1px solid var(--qz-border-subtle);
    background-color: var(--bg-app);
}
}