/* 변경 사유(2026-10-11): 아이콘 PNG → SVG 교체(고해상도 화면 흐림 방지). 대상: bz_layout.css · bz_layers.css(뒤에 로드되므로 :root 접두로 특이성 +1).
   원본 PNG 는 그대로 두고 같은 폴더에 같은 이름의 .svg 를 추가했다. 퍼블리셔 원본 CSS 는 수정하지 않고 같은 선택자·같은 @media 로
   background-image(배경 외 속성은 그 속성)만 .svg 로 덮는다. 위치·크기 선언은 원본 그대로다.
   이 블록은 파일 맨 앞에 둔다 — 아래쪽 기존 프로젝트 오버라이드가 계속 이기도록(동일 특이성이면 뒤가 이김).
   3D·그림자·반투명 그림(AI 공 아이콘, 플레이어 버튼, 파일 형식 로고 등)은 벡터로 옮기면 품질이 떨어져 PNG 를 유지한다.
   SVG 대부분은 원본 PNG 를 추적해 픽셀 비교로 맞췄고, 툴바 선 아이콘·점선으로 깨진 원형 아이콘은 손으로 다시 그렸다.
   순서 보존(2026-10-11 보정): 블록이 원본보다 뒤에 로드되므로, 원본에서 대상 규칙을 이기던 뒤쪽 규칙(반응형 background:none 등)도
   같은 순서로 이 블록에 다시 적는다(background-image 만). 원본과 같은 순서라 결과는 원본과 같고 그림만 .svg 다. */
.bz_header .bz_member .bz_btn_workspace{background-image:url(../images/i_workspace.svg);}
.bz_header .bz_member .bz_btn_notify{background-image:url(../images/i_notify.svg);}
.bz_header .bz_btn_notify_del{background-image:url(../images/i_close_c.svg);}
.bz_header .bz_notify_warning .bz_notify_box_t{background-image:url(../images/i_warning.svg);}
.bz_header .bz_notify_notice .bz_notify_box_t{background-image:url(../images/i_notice.svg);}
.bz_header .bz_btn_profile_mypage{background-image:url(../images/i_works.svg);}
.bz_header .bz_btn_profile_workspace{background-image:url(../images/i_works.svg);}
.bz_header .bz_btn_profile_management{background-image:url(../images/i_manage.svg);}
.bz_header .bz_btn_profile_bizforms{background-image:url(../images/i_bizforms.svg);}
.bz_header .bz_btn_profile_guide{background-image:url(../images/i_guide.svg);}
.bz_header .bz_btn_profile_logout{background-image:url(../images/i_logout.svg);}
.bz_main_menu .bz_main_list .bz_btn_main{background-image:url(../images/i_arrow.svg);}
.bz_main_menu .bz_main_list li:hover .bz_btn_main{background-image:url(../images/i_arrow.svg);}
.bz_main_menu .bz_main_list li:first-child .bz_btn_main{background-image:url(../images/i_arrow.svg);}
.bz_main_menu .bz_main_list li:first-child:hover .bz_btn_main{background-image:url(../images/i_arrow.svg);}
.bz_main_menu .bz_main_list li:nth-child(2) .bz_btn_main{background-image:url(../images/i_arrow.svg);}
.bz_main_menu .bz_main_list li:nth-child(2):hover .bz_btn_main{background-image:url(../images/i_arrow.svg);}
.bz_main_menu .bz_main_list li:nth-child(3) .bz_btn_main{background-image:url(../images/i_arrow.svg);}
.bz_main_menu .bz_main_list li:nth-child(3):hover .bz_btn_main{background-image:url(../images/i_arrow.svg);}
.bz_main_menu .bz_main_list li:nth-child(4) .bz_btn_main{background-image:url(../images/i_arrow.svg);}
.bz_main_menu .bz_main_list li:nth-child(4):hover .bz_btn_main{background-image:url(../images/i_arrow.svg);}
.bz_aside .bz_text .bz_btn_text_file span{background-image:url(../images/i_tit_file.svg);}
.bz_aside .bz_text .bz_file_tit{background-image:url(../images/i_tit_file.svg);}
.bz_aside .bz_text .bz_btn_file_add{background-image:url(../images/i_tit_plus.svg);}
.bz_aside .bz_text .bz_btn_file_del{background-image:url(../images/i_file_del.svg);}
.bz_aside .bz_text .bz_file_all{background-image:url(../images/i_tit_arrow.svg);}
.bz_aside .bz_text .bz_btn_file_all{background-image:url(../images/i_tit_file.svg);}
.bz_aside .bz_text .bz_btn_text_company span{background-image:url(../images/i_tit_file.svg);}
.bz_aside .bz_option .bz_aside_tit{background-image:url(../images/i_option_arrow.svg);}
.bz_aside.bz_on .bz_option .bz_aside_tit{background-image:url(../images/i_option_arr.svg);}
.bz_aside .bz_option_box .bz_btn_option_del{background-image:url(../images/i_file_del.svg);}
.bz_aside .bz_uploadbox .bz_btn_upload_close{background-image:url(../images/ico_close_04.svg);}
.bz_aside .bz_chk_list .bz_btn_chk_list.bz_on .bz_chk_list_chk em{background-image:url(../images/i_chk_on.svg);}
.bz_aside .bz_chk_list .bz_btn_chk_list:hover .bz_chk_list_chk em{background-image:url(../images/i_chk_on.svg);}
.bz_aside .bz_list_ul.bz_type_word .bz_list_li:nth-child(2) .bz_list_thumb{background-image:url(../images/i_w00.svg);}
.bz_aside .bz_list_ul.bz_type_word .bz_list_li:nth-child(3) .bz_list_thumb{background-image:url(../images/i_w01.svg);}
.bz_aside .bz_list_ul.bz_type_word .bz_list_li:nth-child(4) .bz_list_thumb{background-image:url(../images/i_w02.png);}
.bz_aside .bz_list_ul.bz_type_word .bz_list_li:nth-child(5) .bz_list_thumb{background-image:url(../images/i_w03.png);}
.bz_aside .bz_list_ul.bz_type_word .bz_list_li:nth-child(6) .bz_list_thumb{background-image:url(../images/i_w04.svg);}
.bz_aside .bz_list_ul.bz_type_word .bz_list_li .bz_on .bz_list_thumb{background-image:none;}
.bz_aside .bz_design_thema .bz_btn_design_thema em{background-image:url(../images/i_tm.svg);}
.bz_aside .bz_design_thema .bz_btn_design_thema.bz_on em{background-image:url(../images/i_tm_on.svg);}
.bz_aside .bz_submit .bz_submit_logo{background-image:url(../images/i_submit_g.svg);}
.bz_aside .bz_submit .bz_on .bz_submit_logo{background-image:url(../images/i_submit_b.svg);}
.bz_design .bz_aside .bz_submit .bz_on .bz_submit_logo{background-image:url(../images/i_submit_p.svg);}
.bz_check .bz_aside .bz_submit .bz_on .bz_submit_logo{background-image:url(../images/i_submit_c.svg);}
.bz_aside .bz_submit .bz_on:active .bz_submit_logo{background-image:url(../images/i_submit_w.svg);}
.bz_aside .bz_aside_f .bz_btn_function{background-image:url(../images/i_close_b.svg);}
.bz_gener_ing .bz_ing_form_t span{background-image:url(../images/i_chk.svg);}
.bz_gener_ing .bz_on .bz_ing_time strong{background-image:url(../images/i_comp.svg);}
.bz_gener_ing .bz_btn_ing_stop span{background-image:url(../images/i_ing_stop.svg);}
.bz_gener_ing .bz_btn_ing_stop:hover span{background-image:url(../images/i_ing_stop_on.svg);}
.bz_gener .bz_btn_pager{background-image:url(../images/i_more.svg);}
.bz_gener .bz_pager_toggle .bz_btn_pager_toggle{background-image:url(../images/i_pager_close.svg);}
.bz_gener .bz_pager_toggle.bz_tgl .bz_btn_pager_toggle{background-image:url(../images/i_pager_tgl.svg);}
.bz_gener .bz_quick_t_l{background-image:url(../images/i_quick_t.svg);}
.bz_design .bz_gener .bz_quick_t_l{background-image:url(../images/i_quick_t_p.svg);}
.bz_gener .bz_quick_t_r .bz_btn_quick_reset{background-image:url(../images/i_quick_reset.svg);}
.bz_gener .bz_quick_t_r .bz_btn_quick_close{background-image:url(../images/i_quick_close.svg);}
.bz_gener .bz_quick_m_all li:nth-child(1) .bz_btn_quick_all{background-image:url(../images/i_quick_all_01.svg);}
.bz_gener .bz_quick_m_all li:nth-child(2) .bz_btn_quick_all{background-image:url(../images/i_quick_all_02.svg);}
.bz_gener .bz_quick_m_all li:nth-child(3) .bz_btn_quick_all{background-image:url(../images/i_quick_all_03.svg);}
.bz_gener .bz_quick_m_all li:nth-child(4) .bz_btn_quick_all{background-image:url(../images/i_quick_all_04.svg);}
.bz_gener .bz_quick_m_ff .bz_btn_quick_ff_selected{background-image:url(../images/i_quick_arr_d.svg);}
.bz_gener .bz_btn_quick_ff_select .bz_btn_quick_ff_close{background-image:url(../images/i_quick_arr_u.svg);}
.bz_gener .bz_quick_m_ta li:nth-child(1) .bz_btn_quick_ta{background-image:url(../images/i_quick_ta_01.svg);}
.bz_gener .bz_quick_m_ta li:nth-child(2) .bz_btn_quick_ta{background-image:url(../images/i_quick_ta_02.svg);}
.bz_gener .bz_quick_m_ta li:nth-child(3) .bz_btn_quick_ta{background-image:url(../images/i_quick_ta_03.svg);}
.bz_gener .bz_quick_m_ta li:nth-child(4) .bz_btn_quick_ta{background-image:url(../images/i_quick_ta_04.svg);}
.bz_gener .bz_quick_b_tit{background-image:url(../images/i_quick_b_ai.svg);}
.bz_gener .bz_quick_b_submit .bz_btn_quick_submit strong{background-image:url(../images/i_quick_b_mark.svg);}
.bz_gener .bz_quick_tm .bz_btn_quick_tm.bz_on strong{background-image:none;}
.bz_gener .bz_quick_ff .bz_btn_quick_ff_selected{background-image:url(../images/i_quick_arr_d.svg);}
.bz_gener .bz_btn_quick_ff_select .bz_btn_quick_ff_close{background-image:url(../images/i_quick_arr_u.svg);}
.bz_gener .bz_quick_lo_tit em{background-image:url(../images/i_lo.svg);}
.bz_gener .bz_btn_quick_lo_back{background-image:url(../images/i_quick_arr_l.svg);}
.bz_gener .bz_quick_lo .bz_btn_quick_more:active strong{background-image:linear-gradient(180deg, #ffa8c1, #ff7da9, #ec6a96);}
.bz_gener .bz_quick_lo .bz_btn_quick_more em{background-image:url(../images/i_more_off.svg);}
.bz_gener .bz_quick_lo .bz_btn_quick_more:hover em{background-image:url(../images/i_more_over.svg);}
.bz_gener .bz_quick_lo .bz_btn_quick_more:active em{background-image:url(../images/i_more_act.svg);}
.bz_gener .bz_pager_func li button{background-image:url(../images/i_pagep.svg);}
.bz_gener .bz_pager_func li .bz_btn_pagep{background-image:url(../images/i_pagep.svg);}
.bz_gener .bz_pager_func li .bz_btn_pagep:hover{background-image:url(../images/i_pagep_on.svg);}
.bz_gener .bz_pager_func li .bz_btn_pagec{background-image:url(../images/i_pagec.svg);}
.bz_gener .bz_pager_func li .bz_btn_pagec:hover{background-image:url(../images/i_pagec_on.svg);}
.bz_gener .bz_pager_func li .bz_btn_pagev{background-image:url(../images/i_pagev.png);}
.bz_gener .bz_pager_func li .bz_btn_pagev:hover{background-image:url(../images/i_pagev_on.png);}
.bz_gener .bz_pager_func li .bz_btn_paged{background-image:url(../images/i_paged.svg);}
.bz_gener .bz_pager_func li .bz_btn_paged:hover{background-image:url(../images/i_paged_on.svg);}
.bz_gener .bz_btn_docu_close{background-image:url(../images/i_close_s.svg);}
.bz_gener .bz_forms_box .bz_btn_re{background-image:url(../images/b_layout.svg);}
.bz_gener .bz_forms_box .bz_btn_re span{background-image:url(../images/i_layout.svg);}
.bz_gener .bz_forms_box .bz_btn_re:hover span{background-image:url(../images/i_layout.svg);}
.bz_gener .bz_tool_family{background-image:url(../images/i_arrow_b.svg);}
.bz_gener .bz_tool_family.bz_on{background-image:url(../images/i_arrow_t.svg);}
.bz_gener .bz_tool_family_select li:hover{background-image:none;}
.bz_gener .bz_tool_chart_select li{background-image:url(../images/i_tool21.svg);}
.bz_gener .bz_tool_chart_select li:nth-child(1){background-image:url(../images/i_tool21.svg);}
.bz_gener .bz_tool_chart_select li:nth-child(1):hover{background-image:url(../images/i_tool22.svg);}
.bz_gener .bz_tool_chart_select li:nth-child(2){background-image:url(../images/i_tool23.svg);}
.bz_gener .bz_tool_chart_select li:nth-child(2):hover{background-image:url(../images/i_tool24.svg);}
.bz_gener .bz_tool_chart_select li:nth-child(3){background-image:url(../images/i_tool25.svg);}
.bz_gener .bz_tool_chart_select li:nth-child(3):hover{background-image:url(../images/i_tool26.svg);}
.bz_gener .bz_tool_chart_select li:nth-child(4){background-image:url(../images/i_tool27.svg);}
.bz_gener .bz_tool_chart_select li:nth-child(4):hover{background-image:url(../images/i_tool28.svg);}
.bz_gener .bz_tool_chart_select li:nth-child(5){background-image:url(../images/i_tool29.svg);}
.bz_gener .bz_tool_chart_select li:nth-child(5):hover{background-image:url(../images/i_tool30.svg);}
.bz_gener .bz_tool_align_select li{background-image:url(../images/i_tool37.svg);}
.bz_gener .bz_tool_align_select li:nth-child(1){background-image:url(../images/i_tool37.svg);}
.bz_gener .bz_tool_align_select li:nth-child(1):hover{background-image:url(../images/i_tool38.svg);}
.bz_gener .bz_tool_align_select li:nth-child(2){background-image:url(../images/i_tool39.svg);}
.bz_gener .bz_tool_align_select li:nth-child(2):hover{background-image:url(../images/i_tool40.svg);}
.bz_gener .bz_tool_align_select li:nth-child(3){background-image:url(../images/i_tool41.svg);}
.bz_gener .bz_tool_align_select li:nth-child(3):hover{background-image:url(../images/i_tool42.svg);}
.bz_gener .bz_tool_align_select li:nth-child(4){background-image:url(../images/i_tool43.svg);}
.bz_gener .bz_tool_align_select li:nth-child(4):hover{background-image:url(../images/i_tool44.svg);}
.bz_gener .bz_tool_weight{background-image:url(../images/i_tool01.svg);}
.bz_gener .bz_tool_italic{background-image:url(../images/i_tool02.svg);}
.bz_gener .bz_tool_underline{background-image:url(../images/i_tool03.svg);}
.bz_gener .bz_tool_through{background-image:url(../images/i_tool04.svg);}
.bz_gener .bz_tool_sized{background-image:url(../images/i_tool05.svg);}
.bz_gener .bz_tool_sizeu{background-image:url(../images/i_tool06.svg);}
.bz_gener .bz_tool_zindexu{background-image:url(../images/i_tool07.svg);}
.bz_gener .bz_tool_zindexd{background-image:url(../images/i_tool08.svg);}
.bz_gener .bz_tool_copy{background-image:url(../images/i_tool09.svg);}
.bz_gener .bz_tool_del{background-image:url(../images/i_tool10.svg);}
.bz_gener .bz_tool_paste{background-image:url(../images/i_tool11.svg);}
.bz_gener .bz_tool_paste.bz_on{background-image:url(../images/i_tool12.svg);}
.bz_gener .bz_tool_add_text{background-image:url(../images/i_tool13.svg);}
.bz_gener .bz_tool_add_figure{background-image:url(../images/i_tool14.svg);}
.bz_gener .bz_tool_add_image{background-image:url(../images/i_tool15.svg);}
.bz_gener .bz_tool_add_chart{background-image:url(../images/i_tool16.svg);}
.bz_gener .bz_tool_upload_image{background-image:url(../images/i_tool15.svg);}
.bz_gener .bz_tool_change_image{background-image:url(../images/i_tool17.svg);}
.bz_gener .bz_tool_change_chart{background-image:url(../images/i_tool16.svg);}
.bz_gener .bz_tool_editing_data{background-image:url(../images/i_tool18.svg);}
.bz_gener .bz_tool_display_digital{background-image:url(../images/i_tool19.svg);}
.bz_gener .bz_tool_display_legend{background-image:url(../images/i_tool20.svg);}
.bz_gener .bz_tool_align{background-image:url(../images/i_tool36.svg);}
.bz_gener .bz_tool_ai{background-image:url(../images/i_tool45.svg);}
.bz_gener .bz_tool_color{background-image:url(../images/i_tool35.svg);}
.bz_gener .bz_tool_change_line em{background-image:url(../images/i_tool32.svg);}
.bz_gener .bz_btn_tool_color_close{background-image:url(../images/i_close.svg);}
.bz_gener .bz_tool_color_slcing_l:after{background-image:url(../images/i_arrow_r.svg);}
.bz_gener .bz_btn_tool_color_slcing{background-image:url(../images/i_plus.svg);}
.bz_gener .bz_btn_tool_color_after:before{background-image:url(../images/i_arrow_g.svg);}
.bz_gener .bz_btn_tool_color_spoid span{background-image:url(../images/i_spoid.svg);}
.bz_gener .bz_editor_tool_drag_in{background-image:url(../images/i_drag.svg);}
.bz_gener .bz_editor_tool_ai_b p button{background-image:url(../images/i_submit_bl.svg);}
.bz_gener .bz_btn_color span{background-image:none;}
.bz_gener .bz_btn_color_close{background-image:url(../images/i_close.svg);}
.bz_gener .bz_btn_color_apply span{background-image:url(../images/i_color.svg);}
.bz_gener .bz_btn_color_apply:hover span{background-image:url(../images/i_color_on.svg);}
.bz_gener .bz_btn_color_direct span{background-image:url(../images/i_color.svg);}
.bz_gener .bz_btn_color_direct:hover span{background-image:url(../images/i_color_on.svg);}
.bz_gener .bz_btn_color_back{background-image:url(../images/i_arrow_l_g.svg);}
.bz_gener .bz_color_slcing_l:after{background-image:url(../images/i_arrow_r.svg);}
.bz_gener .bz_btn_color_slcing{background-image:url(../images/i_plus.svg);}
.bz_gener .bz_btn_color_submit span{background-image:url(../images/i_color.svg);}
.bz_gener .bz_btn_color_spoid span{background-image:url(../images/i_spoid.svg);}
.bz_gener .bz_edit_scale_box button:hover{background-image:none;}
.bz_gener .bz_edit_download_box em{background-image:none;}
.bz_gener .bz_btn_info_close{background-image:url(../images/i_close_g.svg);}
.bz_gener .bz_btn_summary_close{background-image:url(../images/i_close_g.svg);}
.bz_layer .bz_btn_layer_close{background-image:url(../images/i_close_l.svg);}
.bz_layer.bz_layer_stop .bz_layer_t{background-image:url(../images/i_stop.svg);}
.bz_layer .bz_layer_data_tbl table tbody td .bz_btn_number_up{background-image:url(../images/i_arrow_up.svg);}
.bz_layer .bz_layer_data_tbl table tbody td .bz_btn_number_up:hover{background-image:url(../images/i_arrow_up_on.svg);}
.bz_layer .bz_layer_data_tbl table tbody td .bz_btn_number_down{background-image:url(../images/i_arrow_down.svg);}
.bz_layer .bz_layer_data_tbl table tbody td .bz_btn_number_down:hover{background-image:url(../images/i_arrow_down_on.svg);}
.bz_layer .bz_layer_data_tbl table tbody td .bz_btn_tr_del{background-image:url(../images/i_close_normal.svg);}
.bz_layer .bz_layer_data_tbl table tbody td .bz_btn_tr_del:hover{background-image:url(../images/i_close_hover.svg);}
.bz_layer .bz_btn_tr_add em{background-image:url(../images/i_plus_g.svg);}
.bz_layer .bz_btn_tr_add:hover em{background-image:url(../images/i_plus_g_on.svg);}
.bz_presentation .bz_presentation_pager .bz_btn_presentation_prev{background-image:url(../images/i_p_p.svg);}
.bz_presentation .bz_presentation_pager .bz_btn_presentation_prev:hover{background-image:url(../images/i_p_p_on.svg);}
.bz_presentation .bz_presentation_pager .bz_btn_presentation_next{background-image:url(../images/i_p_n.svg);}
.bz_presentation .bz_presentation_pager .bz_btn_presentation_next:hover{background-image:url(../images/i_p_n_on.svg);}
@media (max-width:1500px){
  .bz_aside .bz_option .bz_aside_tit{background-image:none;}
  .bz_aside.bz_on .bz_option .bz_aside_tit{background-image:none;}
}
@media (max-width:760px){
  .bz_header .bz_member .bz_btn_workspace{background-image:none;}
  .bz_header .bz_btn_profile_gener{background-image:url(../images/i_gener.svg);}
  .bz_header .bz_btn_profile_design{background-image:url(../images/i_design.svg);}
  .bz_header .bz_btn_profile_mypage{background-image:url(../images/i_works.svg);}
  .bz_header .bz_btn_profile_management{background-image:url(../images/i_manage.svg);}
  .bz_header .bz_btn_profile_bizforms{background-image:url(../images/i_bizforms.svg);}
  .bz_header .bz_btn_profile_guide{background-image:url(../images/i_guide.svg);}
  .bz_aside .bz_chk_list .bz_btn_chk_list.bz_on .bz_chk_list_chk em{background-image:url(../images/i_chk_on_m.svg);}
  .bz_aside .bz_chk_list .bz_btn_chk_list:hover .bz_chk_list_chk em{background-image:url(../images/i_chk_on_m.svg);}
  .bz_aside .bz_chk_list li:first-child .bz_thema_chk{background-image:linear-gradient(106deg, #89d6ff, #35b7fd);}
  .bz_aside .bz_chk_list li:nth-child(2) .bz_thema_chk{background-image:linear-gradient(91deg, #3856e9, #81b8e7);}
  .bz_aside .bz_chk_list li:nth-child(3) .bz_thema_chk{background-image:linear-gradient(106deg, #ff95a9 0%, #f0b8c5 60%, #ff486b 100%);}
  .bz_aside .bz_chk_list li:first-child .bz_thema_chk span{background-image:url(../images/i_chked.svg);}
  .bz_aside .bz_chk_list li:nth-child(2) .bz_thema_chk span{background-image:url(../images/i_chked.svg);}
  .bz_aside .bz_chk_list li:last-child .bz_thema_chk span{background-image:url(../images/i_chked.svg);}
  .bz_aside .bz_option .bz_btn_option_selected{background-image:url(../images/i_option_arr_r.svg);}
  .bz_aside .bz_option_box .bz_btn_option_size{background-image:url(../images/ico_bar.svg);}
  .bz_aside .bz_option_box .bz_option_img li:first-child .bz_btn_in{background-image:url(../images/i_option_01_m.png);}
  .bz_aside .bz_option_box .bz_option_img li:nth-child(2) .bz_btn_in{background-image:url(../images/i_option_02_m.png);}
  .bz_aside .bz_option_box .bz_option_img li:nth-child(3) .bz_btn_in{background-image:url(../images/i_option_03_m.png);}
  .bz_aside .bz_list_ul.bz_type_word .bz_list_li .bz_on .bz_list_thumb{background-image:none;}
  .bz_aside .bz_list_ul .bz_on .bz_list_thumb strong{background-image:url(../images/i_ai_bl_m.png);}
  .bz_aside .bz_list_ul.bz_type_ppt .bz_list_thumb strong{background-image:url(../images/i_ai_g.svg);}
  .bz_aside .bz_list_ul.bz_type_ppt .bz_on .bz_list_thumb strong{background-image:url(../images/i_ai_p.svg);}
  .bz_aside .bz_list_ul .bz_btn_list_size{background-image:url(../images/ico_bar.svg);}
  .bz_design .bz_aside .bz_list_selected .bz_list_thumb strong{background-image:url(../images/i_ai_pin.png);}
  .bz_aside .bz_text .bz_text_tag ul{background-image:url(../images/i_slc.svg);}
  .bz_aside .bz_text .bz_text_tag li .bz_btn_text_tag{background-image:none;}
  .bz_aside .bz_option .bz_btn_option_size{background-image:url(../images/ico_bar.svg);}
  .bz_aside .bz_submit .bz_submit_logo{background-image:url(../images/i_submit_g.svg);}
  .bz_aside .bz_submit .bz_on .bz_submit_logo{background-image:url(../images/i_submit_b.svg);}
  .bz_aside .bz_submit .bz_on:active .bz_submit_logo{background-image:url(../images/i_submit_w.svg);}
  .bz_gener .bz_pager_func .bz_btn_pager_func_close{background-image:url(../images/i_close_bk.svg);}
  .bz_gener .bz_pager_func li .bz_btn_pagep{background-image:none;}
  .bz_gener .bz_pager_func li .bz_btn_pagep:hover{background-image:none;}
  .bz_gener .bz_pager_func li .bz_btn_pagec{background-image:none;}
  .bz_gener .bz_pager_func li .bz_btn_pagec:hover{background-image:none;}
  .bz_gener .bz_pager_func li .bz_btn_paged{background-image:none;}
  .bz_gener .bz_pager_func li .bz_btn_paged:hover{background-image:none;}
  .bz_gener .bz_editor_tool_ai_tit p em{background-image:url(../images/i_ai_bk.svg);}
  .bz_gener .bz_editor_tool_ai .bz_btn_editor_tool_ai_close{background-image:url(../images/i_quick_close.svg);}
  .bz_gener .bz_editor_tool_ai_b p button{background-image:url(../images/i_submit_bl_m.svg);}
  .bz_gener .bz_tool_family{background-image:url(../images/i_tool33.svg);}
  .bz_gener .bz_tool_family.bz_on{background-image:url(../images/i_tool33.svg);}
  .bz_gener .bz_tool_ai{background-image:url(../images/i_tool46.svg);}
  .bz_gener .bz_tool_chart_select .bz_btn_tool_chart_close{background-image:url(../images/i_close_bk.svg);}
  .bz_gener .bz_tool_align_select .bz_btn_tool_align_close{background-image:url(../images/i_close_bk.svg);}
  .bz_gener .bz_tool_family_select .bz_btn_tool_family_close{background-image:url(../images/i_close_bk.svg);}
  .bz_gener .bz_tool_family_select li.bz_on{background-image:none;}
  .bz_gener .bz_edit_more_box li{background-image:url(../images/i_more_01.svg);}
  .bz_gener .bz_edit_more_box li:nth-child(1){background-image:url(../images/i_more_01.svg);}
  .bz_gener .bz_edit_more_box li:nth-child(1):hover{background-image:url(../images/i_more_01.svg);}
  .bz_gener .bz_edit_more_box li:nth-child(2){background-image:url(../images/i_more_01.svg);}
  .bz_gener .bz_edit_more_box li:nth-child(2):hover{background-image:url(../images/i_more_01.svg);}
  .bz_gener .bz_edit_more_box li:nth-child(3){background-image:url(../images/i_more_02.svg);}
  .bz_gener .bz_edit_more_box li:nth-child(3):hover{background-image:url(../images/i_more_02.svg);}
  .bz_gener .bz_edit_more_box .bz_btn_more_box_close{background-image:url(../images/i_close_bk.svg);}
  .bz_gener .bz_quick_mo_l p{background-image:url(../images/i_quick_l.svg);}
  .bz_gener .bz_quick_mo_c p{background-image:url(../images/i_quick_l_p.svg);}
  .bz_gener .bz_quick_mo_r p em{background-image:url(../images/i_quick_b_ai.svg);}
  .bz_gener .bz_quick_mo_tab .bz_btn_quick_r em{background-image:url(../images/i_quick_r.svg);}
  .bz_gener .bz_r_on .bz_quick_mo_tab .bz_btn_quick_r em{background-image:url(../images/i_quick_r_w.svg);}
  .bz_gener .bz_quick_mo .bz_btn_quick_close{background-image:url(../images/i_quick_close.svg);}
  .bz_gener .bz_btn_quick_ff_select .bz_btn_quick_ff_close{background-image:url(../images/i_close_bk.svg);}
  .bz_gener .bz_btn_quick_ff_select li.bz_on{background-image:none;}
  .bz_gener .bz_quick_b_submit .bz_btn_quick_submit strong{background-image:url(../images/i_quick_b_mark_m.svg);}
  .bz_gener .bz_edit_download_box .bz_btn_download_close{background-image:url(../images/i_close_bk.svg);}
  .bz_gener .bz_btn_info_mobile.bz_on{background-image:url(../images/i_info_close.png);}
  .bz_layer.bz_layer_stop .bz_layer_t{background-image:url(../images/i_stop.svg);}
  .bz_layer .bz_btn_layer_size{background-image:url(../images/ico_bar.svg);}
}
:root .layer_container .layer_box .login_type .auto_login_check span{background-image:url(../images/layer/check.svg);}
:root .layer_container .layer_box .login_type .auto_login_check input:checked ~ span{background-image:url(../images/layer/checked.svg);}
:root .layer_container .layer_box .find_step01 .find_box > div > label span{background-image:url(../images/layer/check2.svg);}
:root .layer_container .layer_box .find_step01 .find_box > div > label input:checked ~ span{background-image:url(../images/layer/checked2.svg);}
/* SVG 아이콘 교체 블록 끝 */

/*
 * bz_layout_project.css
 * 비즈폼 측으로 부터 제공받은 원본 퍼블리싱css 를 건드리지 않기 위해 override 한다.
 */
.bz_aside .bz_list_selected .bz_list_select_ppt {
    width: 100%;
}

/* 변경 사유(2026-08-19, 글꼴 드롭다운 위치 — PPT 전용으로 스코프): 제공된 퍼블리싱에
   select box 펼쳐짐 로직이 없어 펼친 위치가 버튼과 맞지 않는다. PPT 패널(.bz_quick_ff)은
   padding:0 2em 이라 absolute 드롭다운(base: left:0; width:100%)이 패딩박스 기준이 되어
   버튼보다 좌로 2em·폭 4em 넓어진다 → 아래 보정이 필요하다. 반면 Word 패널(.bz_quick_m_ff)은
   패딩이 0이라 base 값이 이미 버튼과 정확히 일치하는데, 무스코프 오버라이드가 Word 까지
   잡아 오히려 우로 2em 밀고 폭을 줄이는 불일치를 만들었다 → PPT 컨테이너로 스코프.
   값(2em / 88.3%)은 PPT 캘리브레이션 결과이므로 불변. */
.bz_gener .bz_quick_ff .bz_btn_quick_ff_select {
    left: 2em !important;
    width: 88.3% !important;
}

/* 변경 사유(글자색 스와치 위치 오차 — 사용자 결정: 원본 얇은 바): 런타임 append되는
   bz_editor.css + bz_shape_color.css가 .bz_tool_color em을 width/height:100%(꽉 채움)로
   키우면서도 bz_layout.css의 구(舊) 얇은 바 좌표(position:absolute; top:2.6em; left:1em)를
   리셋하지 않아, 꽉 찬 박스가 버튼 밖 아래/우측으로 밀려 슬라이드를 덮었다(검은 사각형).
   → 원본 퍼블리싱(bz_layout.css)의 "A 아래 얇은 색상 바"로 복원. 인라인 background:currentColor는
   그대로 살아 바 색으로 표현. 런타임 append(로드 최후순위)인 두 시트를 이기려 .bz_editor_tool
   한 단계로 specificity 상향(0,3,1 > 0,2,1), !important 회피. */
.bz_gener .bz_editor_tool .bz_tool_color em {
    width: 1.5em;
    height: 0.3em;
    top: 2.6em;
    left: 1em;
    border: 0;
    border-radius: 0;
}

/*
 * 완료 화면의 재생성하기 버튼 클릭 시,
 * [생성/디자인] 메인페이지 프롬프트의 css를 공유함으로 인해 불일치 문제 발생
 * (2026-08-19: 아래 두 값은 이제 ≤1500px 좁은 변형의 폴백 — ≥1501px는 다음 구획의 카드 기준 좌표가 이김)
*/
.bz_after.bz_on .bz_aside .bz_option {
    bottom: 25.4em;
}
.bz_after.bz_on .bz_aside .bz_option_box{
    top: 50.3em;
}

/* 변경 사유(2026-08-19, STEP03 뷰포트 미끄러짐): 재생성 모달(bz_after.bz_on)에서 absolute 자식들의
   containing block이 카드(.bz_aside_in — static)가 아니라 뷰포트 크기의 .bz_aside(fixed)였다.
   top-anchored(리스트박스·option_box)는 카드 top이 5em 고정이라 우연히 안정했지만, bottom-anchored인
   .bz_option(STEP03 바)만 뷰포트 높이(브라우저 알림바·창 높이·북마크바)에 따라 카드 위를 미끄러져
   프롬프트 영역을 침범했다. → 카드에 position:relative를 줘 앵커를 카드로 내리고, 기존 뷰포트 기준
   좌표를 카드 기준으로 환산(top류 = 기존값 − 카드 top 5em). option의 12.9em은 2026-08-20
   사용자가 실화면 보며 캘리브레이션한 값 — 앵커가 카드라 창 높이와 무관하게 고정된다.
   ≤1500px 좁은 변형은 카드 구조가 달라(1열 스택·height:auto) 스코프 제외 — 위 구 값이 그대로 적용된다. */
@media (min-width: 1501px) {
  .bz_after.bz_on .bz_aside .bz_aside_in { position: relative; }
  .bz_after.bz_on .bz_aside .bz_option { bottom: 12.9em; }
  .bz_after.bz_on .bz_aside .bz_option_box { top: 45.3em; }
  .bz_after.bz_on .bz_aside .bz_listbox { top: 13.2em; }
  /* 디자인(PPT) 모달은 리스트박스가 5.7em 더 낮게 시작(base .bz_design 23.9em의 카드 기준 환산) */
  .bz_after.bz_design.bz_on .bz_aside .bz_listbox { top: 18.9em; }
}

/* 변경 사유(2026-07-27, Word 툴바 툴팁이 헤더에 가림): base(=퍼블리싱 원본)의 .bz_mini_pop은
   버튼 '위쪽'(top:-3.8em)에 뜬다. PPT 툴바는 캔버스 중앙에 떠서 문제없지만, Word 툴바는
   .bz_gener_c.bz_word 규칙으로 화면 상단(position:fixed; top:7rem — bz_header_project.css 보정, 구 5.2em; z-index:15)에 고정되고
   헤더(.n_header, height 7rem; z-index:70 — bz_header_project.css 보정)가 바로 그 위를 덮는다 → 툴팁이 헤더 밑에 깔려 꼬리만 보였다.
   z-index를 올리는 방식은 불가: 툴바가 z-index로 stacking context를 만들어 자식 툴팁이 그 위로
   못 올라가고, 툴바 자체를 70↑로 올리면 z-index:50인 .bz_layer(모달)까지 덮는다.
   → Word 툴바에 한해 툴팁을 버튼 '아래쪽'으로 뒤집는다(꼬리 방향도 반전). PPT 툴바는 무영향.
   ≤760px에서는 base가 이 툴팁을 display:none !important로 이미 끄므로 모바일 무영향. */
.bz_gener .bz_gener_c.bz_word .bz_editor_tool .bz_mini_pop {
    top: auto;
    bottom: -3.8em;
}
.bz_gener .bz_gener_c.bz_word .bz_editor_tool .bz_mini_pop:after {
    bottom: auto;
    top: -0.6em;
    border-top: 0;
    border-bottom: 0.6em solid rgba(0, 0, 0, 0.7);
}

/* 변경 사유(모바일 어조 시트 기본 숨김): base bz_layout.css의 .bz_aside .bz_option_box(≤760px)는
   .bz_listbox(display:none 기본)와 달리 display:flex 상시노출이라 기본으로 떠 있었다.
   기본 숨김 + bz_on(아코디언) 경로 차단 → "선택한 어조" 버튼(인라인 display:block)으로만 노출. */
@media (max-width: 760px) {
  .bz_aside .bz_option_box { display: none; }
  .bz_aside.bz_on .bz_option_box { display: none; }
}

/* 변경 사유(2026-07-27): 비즈폼 표준에서 AI 수정(선택영역 부분수정) 미지원 — 비활성 표기.
   pointer-events:none 금지 — base bz_layout.css의 `.bz_gener .bz_tool_option span:hover + .bz_mini_pop`
   hover 툴팁이 떠야 "사용하실 수 없습니다" 안내가 보인다. */
.bz_gener .bz_tool_option.bz_tool_ai.bz_disabled { opacity: .4; cursor: not-allowed; }

/* 변경 사유(2026-07-27): 글꼴 목록 7·8번 교체(동글→페이퍼로지, 나눔손글씨 펜→학교안심 그림일기)로 구 폰트 기준 크기 보정이 어긋남 — 실측 폭 비율(Pretendard 대비 101%·95%)에 맞춰 재보정
   base의 li:nth-child(n) strong 보정값은 "모든 항목이 같은 시각 크기로 보이게" 폰트별 자체
   글자폭을 역산한 값이다(canvas measureText 40px 실측으로 재현 확인: 동글 2.102·나눔손글씨 펜
   1.707·블랙한샌즈 1.337≈기본값 — base의 2.1em/1.7em/무규칙과 일치). 교체된 신규 폰트는
   Pretendard와 폭이 거의 같아(페이퍼로지 101%·학교안심 95%) 구 보정값이 그대로 남으면
   그 두 항목만 확대돼 보였다. 11번 인터롭(101%)은 base에 규칙이 없어 손댈 것이 없다.
   Word(TiptapWordFormatToolbar)·PPT(ElementToolbar)가 같은 FONT_OPTIONS 12종을 같은 순서로
   쓰므로 두 툴바 공통 문제 — .bz_gener_c.bz_word로 좁히지 않는다.
   .bz_editor_tool 한 단계로 specificity 상향(0,4,2 > base 0,3,2): 런타임 append라 로드 최후순위인
   bz_editor.css에도 같은 규칙이 있어 그것까지 이겨야 한다(위 bz_tool_color em과 동일 수법, !important 회피).
   @760 블록 필수: 미디어쿼리는 specificity를 더하지 않아 위 데스크톱 규칙이 모바일 base(0,3,2)까지
   이겨버린다 → 모바일 기본값 1.5em 기준으로 동일 비율 재보정하지 않으면 모바일에서만 작아진다. */
.bz_gener .bz_editor_tool .bz_tool_family_select li:nth-child(7) strong { font-size: 1.3em; }
.bz_gener .bz_editor_tool .bz_tool_family_select li:nth-child(8) strong { font-size: 1.35em; }
@media (max-width: 760px) {
  .bz_gener .bz_editor_tool .bz_tool_family_select li:nth-child(7) strong { font-size: 1.5em; }
  .bz_gener .bz_editor_tool .bz_tool_family_select li:nth-child(8) strong { font-size: 1.55em; }
}

/* 변경 사유(2026-07-29): 정렬 드롭다운의 "현재 적용된 정렬" 표시 — base에 `li.bz_on` 규칙이 없다.
   실측(로드된 스타일시트 전수 조사): `.bz_tool_align_select` 관련 규칙 19개 중 `li:hover`·
   `li:nth-child(1~4)`만 존재하고 선택 상태 규칙은 0건. `li.bz_on` 스타일이 있는 건
   `.bz_tool_family_select li.bz_on` 하나뿐이고 그것도 @760 안에만 있다. 툴바(TiptapWordFormatToolbar)가
   현재 정렬에 bz_on을 붙여도 그리는 규칙이 없어 드롭다운을 열어도 뭐가 적용됐는지 알 수 없었다.
   새 디자인을 만들지 않고 퍼블리싱 자체 시각 언어(hover 상태)를 그대로 차용한다 —
   배경 #f0f1f3 + 진한 아이콘(base hover가 쓰는 i_tool38/40/42/44) + 글자 #252525/500.
   specificity: base hover(0,4,1)와 동률이라 로드 순서로 이긴다(layout.tsx에서 bz_layout.css 바로 뒤).
   bz_editor.css에는 align_select 규칙이 없어 추가 상향 불필요(grep 0건).
   @760 은 base가 `background-position:3.8em 50% !important`로 위치를 잡으므로 hover와 동일하게 따라간다. */
.bz_gener .bz_tool_align_select li.bz_on strong { font-weight: 500; color: #252525; }
.bz_gener .bz_tool_align_select li:nth-child(1).bz_on { background: #f0f1f3 url(../images/i_tool38.svg) 1em 50% no-repeat; background-size: 1.8em; }
.bz_gener .bz_tool_align_select li:nth-child(2).bz_on { background: #f0f1f3 url(../images/i_tool40.svg) 1em 50% no-repeat; background-size: 1.8em; }
.bz_gener .bz_tool_align_select li:nth-child(3).bz_on { background: #f0f1f3 url(../images/i_tool42.svg) 1em 50% no-repeat; background-size: 1.8em; }
.bz_gener .bz_tool_align_select li:nth-child(4).bz_on { background: #f0f1f3 url(../images/i_tool44.svg) 1em 50% no-repeat; background-size: 1.8em; }

/* 변경 사유(2026-08-11, 모바일에서 슬라이드 캔버스가 축소되지 않고 잘리던 문제):
   데스크톱 폭에서는 .bz_forms_box 폭이 뷰포트를 따라 줄고 useSlideScale의 ResizeObserver가
   scale을 재계산한다(실측: 780px에서 scale 0.53). 그런데 base bz_layout.css의 @760 규칙이
   .bz_forms 를 display:flex 로 바꾸는 순간, 그 자식 .bz_forms_in 이 flex item 이 되면서
   min-width:auto(=min-content)가 걸린다. 내부 슬라이드는 transform: scale()만 쓰므로 레이아웃
   폭이 항상 1280px → min-content 1280px 이 바닥이 되어 .bz_forms_in / .bz_forms_box 가 1280px
   에 고정되고 scale 이 1.0 으로 되돌아갔다(실측: 760px 뷰포트에서 boxW 1280·scale 1.0).
   게다가 globals.css 가 ≤760px 에서 .bz_gener_c_in 의 overflow-x 를 hidden 으로 두므로
   스크롤조차 안 되고 슬라이드 우측이 그대로 잘렸다.
   flex item 의 min-width 바닥만 풀면 폭이 부모를 따라가고 기존 ResizeObserver 경로가 그대로
   동작한다 — 훅·템플릿(165파일) 수정 0. 실측 결과 760px 경계에서 0.53 → 0.53 으로 연속.
   min-width 를 .bz_forms_box(손자)에 걸면 효과 없다 — 바닥을 만드는 노드는 flex item 인 .bz_forms_in 이다.
   ⚠ globals.css 의 @760 `.bz_gener_c_in { overflow-x: hidden }`(2026-08-06 이슈 #8)은 이 수정 후에도
   여전히 필요하다 — 100% 줌에서는 이제 박스가 뷰포트 안에 들어오지만, 줌 >100% 는 min-width 로
   박스를 키우므로(실측: 600px 뷰포트/150% → 800px) 그 규칙이 없으면 가로 스크롤이 되살아난다.
   .bz_ppt 로 좁히지 않은 이유: ≤760 에서 .bz_word .bz_forms 도 display:flex 라 같은 바닥이 생길 수
   있고, Word 본문은 1280 고정 박스가 아니라 리플로우되므로 바닥 해제가 무해하다. */
/* 변경 사유(2026-08-26, 모바일 새로고침 시 cover/toc/ending 캔버스가 scale(1) 그대로 잘리던 문제):
   위와 같은 flex item 문제의 반대 방향. min-width:0 은 "바닥(1280)"만 풀었고, 폭은 여전히 콘텐츠
   max-content 에서 온다. 그런데 일부 템플릿(예: business/template-11 의 cover·toc·ending)은 1280 내부
   박스가 `position:absolute` 라 in-flow 콘텐츠가 0 → .bz_forms_in 폭 0 → .bz_forms_box·래퍼 0x0 →
   useSlideScale 이 rect 0 으로 조기반환하고 크기 변화가 없으니 ResizeObserver 도 영영 안 울린다
   (실측: 420px 뷰포트에서 .bz_forms_in 0x21, inner transform scale(1)). between/content 는 내부 박스가
   relative 라 max-content 1280 → 위 min-width:0 으로 shrink 되어 우연히 정상이었다.
   flex item 에 명시 폭을 주면 콘텐츠 유무와 무관하게 부모 폭을 따른다(데스크톱 A/B 실측: flex 주입 시
   1070→0, width:100% 추가 시 1070 복귀). 데스크톱은 .bz_forms 가 block 이라 이 규칙과 무관. */
@media (max-width: 760px) {
    .bz_gener .bz_forms_in { min-width: 0; width: 100%; }
    /* 모바일 환경에서 툴바 겹쳐짐.(복붙/삭제 툴바)
       변경 사유(2026-10-07): 구 헤더 5em 전제값 12em 을 새 헤더 5rem 기준으로 환산(헤더 rem + 나머지 7em).
       ≤500px 는 html 폰트도 vw 라 rem==em 이지만 501~760px 는 헤더(rem)만 고정이라 em 으로 두면 어긋난다. */
    .bz_gener .bz_editor_tool.bz_tool_mobile {
        top: calc(5rem + 7em) !important;
        z-index: 0 !important; 
    }
}

/* 변경 사유(2026-07-27): 빠른편집 AI 프롬프트(bz_quick_b) 백엔드 미배선 — tsx의 disabled 속성용 시각 상태. */
.bz_gener .bz_quick_b_text .bz_quick_textarea:disabled { opacity: .5; cursor: not-allowed; background: #f4f5f7; }
.bz_gener .bz_quick_b_submit .bz_btn_quick_submit:disabled { opacity: .45; cursor: not-allowed; }

/* 변경 사유(2026-10-09): 빠른편집 레이아웃 '+더보기' 펼침(.bz_quick_lo.bz_on)에서 카드가 화면 밖으로 넘쳐도 스크롤이 안 됐다.
   원본 bz_layout.css 결함 두 개(2026-07-23 퍼블리싱 이식부터). 비정형 사본(public/unstructured/css/bz_layout.css)도 같은 결함이고
   파일은 동결이라 무수정이지만, 이 시트는 루트 layout 이 전역 로드하므로 아래 규칙은 비정형 라우트(/design/freeform 등)에도 적용된다:
   ① `.bz_quick_lo.bz_on{…bottom:;height:auto}` — 빈 `bottom:` 은 무효 선언이라 버려져 높이가 내용만큼 자라 패널 밖으로 넘친다.
      높이가 정해지지 않으니 ul 의 `max-height:calc(100% - 5.9em)` 도 풀리지 않아 overflow-y:auto 가 발동하지 않는다.
   ② 펼침용 `.bz_quick_lo.bz_on .bz_quick_lo ul{max-height:calc(100% - 3em)}` 은 .bz_quick_lo 안의 .bz_quick_lo 를 찾아 매칭되지 않는다.
   ul 은 직계(> ul)로만 잡는다 — 카드 안 다이어그램 미리보기에도 ul 이 있어 접힘·펼침 미리보기가 달라지면 안 된다.
   overflow-y 는 ≤760px 원본(`ul{overflow:visible}`)을 이기기 위해 다시 적는다. */
.bz_gener .bz_quick_lo.bz_on { bottom: 0; }
.bz_gener .bz_quick_lo.bz_on .bz_quick_lo_in > ul { max-height: calc(100% - 3em); overflow-y: auto; }
/* ≤760px 짝: 모바일 패널은 내용 높이만큼 크는 하단 시트(top:auto, max-height 90%/디자인 75%, bz_header_project.css 에서 복구)라
   펼침 레이어가 absolute 로 흐름에서 빠지면 시트가 줄어들어 목록 높이가 0이 된다. 펼친 동안만 height:100% 를 줘서
   max-height 상한까지 채운다(상한값을 여기 다시 적지 않으려는 것). 탭이 테마(bz_l_on)면 목록이 숨으니 서식 탭(bz_r_on)에서만. */
@media (max-width: 760px) {
    .bz_gener .bz_quick.bz_r_on:has(.bz_quick_lo.bz_on) { height: 100%; }
    /* 변경 사유(2026-10-09): 원본 모바일 시트는 overflow:hidden + 목록 `ul{max-height:none;overflow:visible}` 이라
       내용이 시트 상한(90%/75%)을 넘으면 잘리고 스크롤 수단이 없었다 — 접힘 상태(카드 8장)에서 '+더보기' 버튼이
       모든 모바일 폭(360~760px 실측)에서 시트 밖으로 밀려 펼침 자체를 못 했다. 시트를 세로 스크롤 컨테이너로 바꾼다
       (가로는 hidden 유지 — 둥근 모서리 클리핑). 내용이 상한 안이면 무변화. 비정형 라우트는 자기 bz_layout.css 가
       같은 명시도로 뒤에 로드돼 종전대로 hidden 이다. */
    .bz_gener .bz_quick { overflow-y: auto; }
}

.moveable-control-box{z-index:10 !important;}

/* 변경 사유(2026-08-12, 생성 진행 카드 하단 여백이 스크롤 끝에서 사라져 보이던 문제):
   .bz_ing_in 은 세로 스크롤 컨테이너인데 원본 퍼블리싱이 하단 여백을 그 컨테이너의
   padding-bottom(데스크톱 3em / ≤760px 2em)으로 준다. 엔진에 따라 end padding 을
   스크롤 영역에 포함하지 않아(WebKit 계열) 끝까지 내리면 정지 버튼이 카드 밑변에 붙는다.
   같은 여백을 마지막 자식 .bz_ing_stop 의 padding-bottom 으로 옮기면 어느 엔진에서나
   콘텐츠로 취급돼 동일하게 남는다. 시각 결과(여백 크기)는 원본과 같다.
   원본 bz_layout.css 는 재퍼블리싱 때 통째로 교체되므로 이 파일에서 override 한다.
   ≤760px 는 값만 다르므로(2em) .bz_ing_in 은 비미디어 규칙 하나로 충분 —
   이 파일이 bz_layout.css 보다 뒤에 로드돼 동일 명시도에서 이긴다. */
.bz_gener_ing .bz_ing_in { padding-bottom: 0; }
.bz_gener_ing .bz_ing_stop { padding-bottom: 3em; }
@media (max-width: 760px) {
    .bz_gener_ing .bz_ing_stop { padding-bottom: 2em; }
}

/* 변경 사유(2026-08-12): 로딩 카드 flex 전환 — 생성중단 버튼 스크롤 없이 상시 가시, 넘침은 리스트 ul이 흡수. 퍼블리셔 원본(bz_layout.css) 수정 금지 정책에 따라 오버라이드로 배치.
   원본은 카드 안을 고정 height 계산으로 나눈다 — .bz_ing_form{height:calc(100% - 38.4em); min-height:17em}, .bz_ing_list{height:calc(100% - 3.3em)}, ul{height:100%}.
   38.4em/31.4em 은 "위쪽 고정 영역이 정확히 이 높이"라는 가정이고, 경과시간 문구·진행 문구 줄수처럼 실제로 변하는 값이라 어긋나면 합계가 카드를 넘겨 .bz_ing_in(overflow-y:auto)이 스크롤되고 마지막 자식인 정지 버튼이 접힌 아래로 밀려났다.
   → 카드를 flex 컬럼으로 바꿔 고정 영역(제목·문구·바·폼 타이틀·버튼)은 flex-shrink:0 으로 지키고, 가변 영역(form→list→ul)만 남는 공간을 나눠 갖게 한다. 넘침은 ul 자체 스크롤(원본 overflow-y:auto)이 흡수.
   원본 선언은 오버라이드로 삭제할 수 없으므로 height:auto / min-height:0 으로 무력화한다. min-height:0 이 빠지면 flex item 기본값 min-height:auto(=콘텐츠 크기)가 바닥이 되어 안 줄고 카드가 그대로 넘친다.
   비미디어 규칙 하나로 데스크톱·모바일을 함께 덮는다 — @media 는 명시도를 더하지 않으므로, 이 파일이 bz_layout.css 뒤에 로드되는 한(app/layout.tsx:101→108) 원본 @760 블록의 height 재선언(.bz_ing_form calc(100% - 31.4em), .bz_ing_list 100%)까지 동일 명시도에서 이긴다.
   .bz_ing_form > div:not([class]) — PPT 카드(BizformPptLoadingView)는 form 과 list 사이에 무클래스 래퍼 div 가 끼어 있어 flex 체인이 거기서 끊긴다. Word 카드는 list 가 form 직속이라 이 규칙에 걸리는 노드가 없다(무해).
   ul 의 min-height:0 — 원본 ul{min-height:13.7em}(137px)은 flex 체인이 아무리 조여도 안 내려가는 하드 바닥이라, 낮은 뷰포트(실측 1280x660: list 81.7px)에서 ul 이 부모 .bz_ing_list 를 55.3px 넘쳐 나오고 .bz_ing_list 에 overflow 선언이 없어 그대로 정지 버튼 상단 25.3px 를 덮었다(= 버튼 윗부분 클릭 불가). 바닥을 풀면 ul 이 남는 공간까지 줄고 넘침은 ul 자체 스크롤이 흡수한다.
   공간이 충분한 뷰포트에서는 발동하지 않는다 — min-height 는 flex 가 조일 때만 걸리는 하한이라 1280x800·375x700 의 리스트 자연 높이는 그대로다(실측 확인). */
.bz_gener_ing .bz_ing_in { display: flex; flex-direction: column; }
.bz_gener_ing .bz_ing_t,
.bz_gener_ing .bz_ing_p,
.bz_gener_ing .bz_ing_bar,
.bz_gener_ing .bz_ing_form_t,
.bz_gener_ing .bz_ing_stop { flex-shrink: 0; }
.bz_gener_ing .bz_ing_form { flex: 1 1 auto; min-height: 0; height: auto; display: flex; flex-direction: column; }
.bz_gener_ing .bz_ing_form > div:not([class]) { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; }
.bz_gener_ing .bz_ing_list { flex: 1 1 auto; min-height: 0; height: auto; display: flex; flex-direction: column; }
.bz_gener_ing .bz_ing_list ul { height: auto; min-height: 0; }

/* 변경 사유(2026-08-12): 중단 배너(.bz_stop_docu)가 Word 서식툴바를 덮던 문제.
   원본 bz_layout.css:1425 는 `.bz_stop_docu.bz_on ~ .bz_editor_tool{top:8.7em}` 로 툴바를 배너
   아래(구 헤더 5.2em + 배너 3.5em = 8.7em)로 밀지만, 배너는 CancelledDocumentBanner 가 createPortal 로 `.bz_gener`
   직속에 붙이고 툴바는 세 단계 아래 `.bz_gener_c_in` 안이라 형제 결합자(~)가 영영 매칭되지 않는다.
   포털 타깃은 4개 화면(create·design·presentation·document) 공용이라 못 바꾸므로, 같은 의도를
   현재 DOM 에서 실제로 매칭되는 :has() 로 다시 쓴다. 배너가 없으면 :has() 가 거짓이라 무동작.
   ⚠ `.bz_gener_c.bz_word` 스코프 필수 — 이게 빠지면 top 을 인라인으로 계산하는 PPT
   ElementToolbar(`.bz_editor_tool`, bz_layout.css:948 은 position:absolute·top:3.5em)까지 잡는다.
   모바일(@media max-width:760px)의 같은 사유로 죽은 형제 규칙들은 아래 블록에서 이어서 이식했다.
   변경 사유(2026-10-08): 구 헤더 5.2em 전제값 8.7em 을 새 헤더 기준으로 환산(헤더 7rem + 배너 3.5em).
   bz_header_project.css 보정이 배너 자체(.bz_stop_docu)의 top 을 7rem / ≤1040px 5rem 으로 두므로 그 아래 3.5em
   (10-07 의 9rem 은 납품 오프셋값 — 헤더 실높이 7rem 과 어긋나 20px 틈이 났고 사용자 결정으로 헤더 기준으로 맞췄다).
   761~1040px 구간은 헤더가 5rem 이라 같은 셀렉터를 @media 로 한 번 더 둔다(≤760px 는 아래 모바일 블록). */
.bz_gener:has(.bz_stop_docu.bz_on) .bz_gener_c.bz_word .bz_editor_tool {
  top: calc(7rem + 3.5em);
}
@media (max-width: 1040px) {
  .bz_gener:has(.bz_stop_docu.bz_on) .bz_gener_c.bz_word .bz_editor_tool {
    top: calc(5rem + 3.5em);
  }
}

/* 변경 사유(2026-08-12): 위 데스크톱 이식의 모바일 대응분. bz_layout.css 의
   @media (max-width:760px) 블록(1698행 열림 ~ 2724행 닫힘) 안에 있는 형제 결합자 규칙
   2196·2225·2228·2283 이 같은 이유(배너가 `.bz_gener` 직속 포털이라 `~` 불발)로 전부
   죽어 있다. 값은 원본 그대로 옮기고 셀렉터만 :has() 로 바꾼다 — `:has()` 는 인수 중 최고
   명시도를 취하므로 명시도도 원본과 동일하다((0,4,0)/(0,5,0)/(0,6,0)). 배너가 없으면
   :has() 가 거짓이라 정상 화면 무영향.
   ⚠ 2196 은 원본과 마찬가지로 !important 를 붙이지 않는다 — 붙이면 `/design` 전용
   `.bz_design .bz_gener .bz_pager{top:auto !important}`(2197)를 깨뜨린다.
   ⚠ .bz_tgl 규칙(2228 대응)은 중복이 아니다 — 바로 위 13.5em 이 (0,4,0)으로 base
   `.bz_gener .bz_pager_toggle.bz_tgl`(0,3,0)을 이기므로 토글 열림 상태의 top:auto/bottom:9em 을
   (0,5,0)으로 되살려야 한다(원본이 2226 다음에 2228 을 또 쓴 이유와 동일).
   ⚠ 2282(`.bz_stop_docu.bz_on + .bz_forms .bz_editor_tool{top:9.6em}`)는 이식하지 않았다 —
   이 셀렉터는 `.bz_forms` 안의 툴바를 노리는데 우리 DOM 에는 그런 노드가 없다(Word 툴바는
   `.bz_forms` 의 형제, PPT 툴바는 `#bz-editor-tool-portal` 안). 포털 툴바로 겨냥을 옮기면
   실패한 규칙의 복원이 아니라 새 규칙 작성이고, 이미 있는
   `.bz_editor_tool.bz_tool_mobile{top:calc(5rem + 7em)!important}`(이 파일 위쪽)까지 덮어쓴다. 결과적으로
   모바일 PPT 툴바(6.1em)는 여전히 배너(5rem~5rem+3.5em) 아래에 깔린다 — 팀리드 판단 대기.
   변경 사유(2026-10-07): 구 모바일 헤더 5em 전제값(17.5em·13.5em·8.5em)을 새 헤더 5rem 기준으로 환산
   (헤더 rem + 나머지 em: 12.5em·8.5em·3.5em). ≤500px 는 rem==em 이라 값이 같고 501~760px 에서만 달라진다. */
@media (max-width: 760px) {
  .bz_gener:has(.bz_stop_docu.bz_on) .bz_pager {
    top: calc(5rem + 12.5em);
  }
  .bz_gener:has(.bz_stop_docu.bz_on) .bz_pager_toggle {
    top: calc(5rem + 8.5em);
  }
  .bz_gener:has(.bz_stop_docu.bz_on) .bz_pager_toggle.bz_tgl {
    left: 1.5em;
    top: auto;
    bottom: 9em;
  }
  .bz_gener:has(.bz_stop_docu.bz_on) .bz_gener_c.bz_word .bz_editor_tool {
    top: calc(5rem + 3.5em) !important;
  }
}


/* 변경 사유(2026-08-14, 뒤로가기 가드 모달이 생성 로딩 오버레이에 가림): 원본의 .bz_layer 는
   z-index:50 인데, 생성 중 로딩 오버레이는 BizformCreatePage/BizformDesignPage 가 portal 로
   띄우는 z-[10000](딤) + z-[10001](로딩 카드) 이다. 뒤로가기(popstate) 가드가 생기기 전에는
   생성 중에 모달이 뜰 경로 자체가 없었다 — 그 딤이 클릭을 전부 삼켜 헤더 링크(tryNavigate)가
   눌리지 않았기 때문. 이제는 뒤로가기로 열리므로, 안 올리면 사용자는 제자리에 붙들린 채
   아무 안내도 못 본다(= "뒤로가기 먹통"). NavigationGuardLayer 에만 붙는 .bz_layer_nav 로
   좁혀서 올린다 — .bz_layer_re 를 통째로 올리면 재생성 확인 레이어의 쌓임 순서까지 바뀐다. */
.bz_layer.bz_layer_nav {
    z-index: 10050;
}

/* 변경 사유(2026-10-09, /design 재생성 402 모달이 재생성 패널에 가림): 원본 bz_layers.css:14 의 .layer_container 는
   z-index:101 인데 재생성 패널(.bz_after.bz_on .bz_aside, bz_layout.css:213)은 140 이다. /design 의 handleOverlayGenerate 는
   입력 보존을 위해 패널을 연 채 preflight 를 부르므로, 402 사용량 창이 패널 뒤에 깔려 패널을 닫아야 보였다.
   같은 껍데기를 쓰는 창(CreditExhaustedModal·LoginModal·SecurityLogoutLayer·SaveConflictModal)을 패널 바로 위로 올린다.
   bz_layers.css 가 이 파일보다 늦게 로드되므로 순서가 아니라 명시도(0,2,0)로 이긴다. 로딩 딤(10000)·이탈 가드(10050)보다는 아래 유지. */
.bz_layers .layer_container {
    z-index: 141;
}

/* 변경 사유(2026-10-05, Word STEP02 타일 6→4 숨김): 원본 bz_layout.css(520-524행, @760 2025-2029행)는 비선택
   타일 아이콘을 `.bz_type_word .bz_list_li:nth-child(2..6)` 위치로 그린다(pos2=i_w00 … pos6=i_w04). 정형(비즈폼 표준)·
   텍스트+이미지를 숨기면(WordInputAside HIDDEN_TILE_CONCEPTS) 텍스트가 2번째가 되어 i_w00(비즈폼 표준 아이콘)을 받는다.
   → 정형 WordInputAside 가 붙이는 data-concept 로 아이콘을 컨셉에 고정한다. 비정형 사본은 data-concept 가 없어 무영향.
   background-image 만 바꾼다 — 크기(10em / @760 6.7em)·위치·반복은 원본 nth-child 규칙 값이 그대로 산다(shorthand 금지).
   :not(.bz_on) 필수 — 이 셀렉터(0,8,0)가 원본 선택 규칙 `.bz_list_li .bz_on .bz_list_thumb{background:none}`(0,6,0)을
   이겨 선택 타일에도 배경 아이콘을 다시 그려 <img>(on 아이콘)와 겹친다. complex·text_image 는 부활 대비 정의. */
.bz_aside .bz_list_ul.bz_type_word .bz_list_li[data-concept="complex"] .bz_btn_list:not(.bz_on) .bz_list_thumb { background-image: url(../images/i_w00.svg); }
.bz_aside .bz_list_ul.bz_type_word .bz_list_li[data-concept="text"] .bz_btn_list:not(.bz_on) .bz_list_thumb { background-image: url(../images/i_w01.svg); }
.bz_aside .bz_list_ul.bz_type_word .bz_list_li[data-concept="table"] .bz_btn_list:not(.bz_on) .bz_list_thumb { background-image: url(../images/i_w02.png); }
.bz_aside .bz_list_ul.bz_type_word .bz_list_li[data-concept="text_table"] .bz_btn_list:not(.bz_on) .bz_list_thumb { background-image: url(../images/i_w03.png); }
.bz_aside .bz_list_ul.bz_type_word .bz_list_li[data-concept="text_image"] .bz_btn_list:not(.bz_on) .bz_list_thumb { background-image: url(../images/i_w04.svg); }

/* 변경 사유(2026-10-05 사용자 요청, Word STEP02 4타일 꽉 채우기): 타일이 4개로 줄어 3+1 배치가 되며 하단 2칸이 비었다
   → 2×2 로 박스를 채운다. 원본이 이미 2행(22em×2 / 모바일 13.8em×2)으로 높이를 다 쓰므로 타일 "폭"만 늘린다
   (박스·패딩·타일 높이·간격은 원본 그대로). 폭 = (박스 폭 − 좌우 여백×2 − 타일 간격) / 2:
     기본 (60 − 3.2×2 − 2.1)/2 = 25.75em · ≤1500px (65 − 5.95×2 − 2.1)/2 = 25.5em · ≤760px (36 − 2×2 − 1)/2 = 15.5em
   bz_col2 는 정형 WordInputAside 가 붙이는 스코프 클래스다 — bz_layout.css 는 전 페이지에 로드되고 비정형
   /create/freeform 도 .bz_type_word 6타일을 쓰므로, 스코프 없이 폭을 바꾸면 그쪽이 2×3 으로 넘친다.
   :after(선택 테두리의 회전 사각형, 원본 511행 left:-48%/top:-20%)는 세로형 타일 기준이라 가로형에서는 우측
   모서리가 사각형 밖으로 나간다 → 사각형 중심을 타일 중심에 맞춘다(한 변 = 타일 폭의 140%). */
.bz_aside .bz_list_ul.bz_type_word.bz_col2 .bz_btn_list { width: 25.75em; }
.bz_aside .bz_list_ul.bz_type_word.bz_col2 .bz_btn_list.bz_on .bz_btn_in:after { left: -20%; top: -32%; }
@media (max-width: 1500px) {
    .bz_aside .bz_list_ul.bz_type_word.bz_col2 .bz_btn_list { width: 25.5em; }
}
@media (max-width: 760px) {
    .bz_aside .bz_list_ul.bz_type_word.bz_col2 .bz_btn_list { width: 15.5em; }
    .bz_aside .bz_list_ul.bz_type_word.bz_col2 .bz_btn_list.bz_on .bz_btn_in:after { top: -29%; }
}

/* 변경 사유(2026-10-09, PPT 페이지 목록 스크롤바 노출 + 슬라이드 1장일 때 폭 어긋남 수정): 원본 bz_layout.css 687·689 는
   .bz_pager(position:fixed, overflow-y:auto)를 스크롤 컨테이너로 두되 스크롤바를 숨긴다
   (::-webkit-scrollbar{display:none}). 휠 스크롤·선택 슬라이드 자동 스크롤(EditorView pagerRef)은
   이미 동작하므로 스크롤바만 보이게 한다. 모양은 같은 시트의 .bz_quick_m(739~742) 패턴.
   같은 셀렉터(0,2,1)를 뒤에 로드해 이긴다 — 원본 무수정.
   ⚠ 폭 보정: .bz_pager 는 width:auto(내용 맞춤 30em)라 고전 스크롤바 0.9em 이 더해지면
   위 .bz_pager_toggle(30em)과 세로 테두리 선이 어긋난다 → 안쪽 우측 패딩을 그만큼 줄인다(2.5−0.9).
   이 보정은 바가 "항상 있다"는 전제라, 넘침이 없으면(슬라이드 1~2장) 바가 사라져 목록이 0.9em 좁아졌다
   → scrollbar-gutter:stable 로 바 자리를 늘 비워 넘침 유무와 무관하게 폭을 고정한다(실측 1장·15장 모두 30.1em).
   비정형 라우트는 자기 bz_layout.css 가 바를 display:none 으로 되돌려 거터가 0 이라 무변화.
   ≤760px 는 /design 에서 하단 가로 띠(2197, overflow-x)로 바뀌므로 원본 숨김을 유지한다.
   Firefox 전용 scrollbar-width/scrollbar-color 는 넣지 않는다 — Chrome 121+ 에서 그 속성이 있으면
   ::-webkit-scrollbar 가 무시돼 퍼블리셔 패턴과 갈린다(Firefox 는 네이티브 바가 이미 보인다). */
@media (min-width: 761px) {
    .bz_gener .bz_pager { scrollbar-gutter: stable; }
    .bz_gener .bz_pager::-webkit-scrollbar { display: block; width: 0.9em; }
    .bz_gener .bz_pager::-webkit-scrollbar-track { background: transparent; }
    .bz_gener .bz_pager::-webkit-scrollbar-thumb {
        background: #ddd;
        border-radius: 10em;
        border: 0.3em solid transparent;
        background-clip: padding-box;
    }
    .bz_gener .bz_pager::-webkit-scrollbar-button { display: none; }
    .bz_gener .bz_pager_in { padding-right: 1.6em; }
}

/* 변경 사유(2026-10-09, 무료 회원 다운로드 3건 제한 — /dashboard 내 문서 카드): 스펙 「AI 내 문서 — 문서 카드의 [다운로드] 아이콘」 캡처(PC·모바일) 기준.
   ① 소진 + 이번 기간에 안 받은 pptx 카드의 다운로드 아이콘 = 꺼진 모양(.bz_off, BzDriveCard). disabled 가 아니라 클릭은 된다(막힘 알림).
      퍼블리셔 시트에 이 버튼의 opacity 규칙이 없어 로드 순서와 무관하다.
   ② 막힘 알림 = 기존 info 알림(.bz_notification_box.bz_notification_type01)에 추가 클래스 .bz_notification_link(DashboardPage).
      bz_works.css 는 대시보드 page.tsx 의 <link> 라 이 파일보다 뒤에 올 수 있다 → 같은 명시도 덮어쓰기 대신 이 클래스로 명시도를 올린다.
      빨간 링크(a.bz_notification_button_red)는 button 이 아니라 퍼블리셔 button 규칙(크기·모바일 :only-child)이 닿지 않아 전부 여기서 준다.
      [×](.bz_notification_close)는 박스 직계 — PC 는 버튼 오른쪽 세로 가운데, ≤760px 는 오른쪽 위.
      초기화일 줄(p)은 퍼블리셔가 빨강(보조 경고문)이지만 스펙 캡처는 회색이다. */
.bz_drive_list_down.bz_off { opacity: 0.3; }
/* 변경 사유(2026-10-11): 내 문서 카드 다운로드 진행 표시 — 진행·완료 toast 대신 원형 버튼 안에서 i_regener 아이콘이 회전(.bz_loading, BzDriveCard isDownloading).
   편집기 저장 스피너(animate-spin = 1s linear)와 같은 속도. 원 테두리는 다운로드 아이콘 이미지(46px, 1px #d4d4d4)를 CSS 로 재현한다(원만 있는 이미지가 없다).
   bz_works.css(대시보드 <link>, 이 파일보다 뒤)의 :hover 아이콘과 명시도가 같으면 지므로 :hover 셀렉터를 함께 둬 한 단계 올린다.
   회전 키프레임은 bz_layout.css 의 rotates 재사용. */
.bz_workspace .bz_main .bz_drive_list > ul > li > .bz_drive_list_buttons .bz_drive_list_down.bz_loading,
.bz_workspace .bz_main .bz_drive_list > ul > li > .bz_drive_list_buttons .bz_drive_list_down.bz_loading:hover {
    position: relative;
    box-sizing: border-box;
    border: 0.05em solid #e0e0e0; /* 46px 원본의 1px 선이 2.3em 로 축소된 굵기 */
    border-radius: 50%;
    background: #fff;
    cursor: progress;
}
.bz_drive_list_down.bz_loading::after {
    content: "";
    position: absolute;
    inset: 0;
    background: url("../images/i_regener.svg") 50% 50% / 1.1em no-repeat;
    animation: rotates 1s linear infinite;
}
.bz_notification_box.bz_notification_link { padding-right: 6.4em; }
.bz_notification_box.bz_notification_link .bz_notification_text p { color: #777; }
.bz_notification_box.bz_notification_link .bz_notification_buttons a.bz_notification_button_red {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 10em;
    height: 3em;
    padding: 0 2em;
    border-radius: 0.5em;
    background-color: #de1e10;
    text-decoration: none;
}
.bz_notification_box.bz_notification_link .bz_notification_buttons a.bz_notification_button_red span {
    font-size: 1.4em;
    letter-spacing: 0;
    color: #fff;
    font-weight: 500;
}
.bz_notification_box.bz_notification_link .bz_notification_close {
    position: absolute;
    top: 50%;
    right: 2em;
    transform: translateY(-50%);
    width: 1.6em;
    height: 1.6em;
    font-size: 1.8em;
    line-height: 1;
    color: #999;
    background: none;
    border: 0;
}
@media (max-width: 760px) {
    .bz_notification_box.bz_notification_link { padding-right: 0; }
    .bz_notification_box.bz_notification_link .bz_notification_buttons a.bz_notification_button_red {
        width: 32em;
        height: 4.5em;
    }
    .bz_notification_box.bz_notification_link .bz_notification_buttons a.bz_notification_button_red span {
        font-size: 1.6em;
        letter-spacing: -0.05em;
    }
    .bz_notification_box.bz_notification_link .bz_notification_close {
        top: 1.2em;
        right: 1.2em;
        transform: none;
    }
}


/* Mobile generation input: use verification/standardization's main spacing.
   Scope to the initial generation screen; design, editors and regeneration
   panels retain their existing placement and behavior. */
@media (max-width: 760px) {
    .bz_wrap.bz_generate.bz_before > .bz_main > .bz_aside .bz_aside_in {
        box-sizing: border-box;
        width: 100%;
        max-width: 640px;
        padding: 32px 16px 100px;
    }
    .bz_wrap.bz_generate.bz_before > .bz_main > .bz_aside .bz_aside_c {
        margin-top: 28px;
    }
    .bz_wrap.bz_generate.bz_before > .bz_main > .bz_aside .bz_aside_c_in {
        padding-bottom: 24px;
    }
    .bz_wrap.bz_generate.bz_before > .bz_main > .bz_aside .bz_text {
        margin-bottom: 24px;
    }
    /* Main card insets must not narrow the existing viewport-wide action bar. */
    .bz_wrap.bz_generate.bz_before > .bz_main > .bz_aside .bz_aside_c_in > .bz_submit {
        left: calc((100% - 100vw) / 2);
        width: 100vw;
    }
}