@charset "UTF-8";
/* ⚠ **손으로 고치지 말 것 — 생성물이다.**
   저작 원본은 asset/css/builder/design_builder.css 다.
   고칠 일이 있으면 그 파일을 고치고 `python .work/css_split.py --apply` 를 다시 돌린다.
   (주석은 저작 원본에만 남긴다 — 여기 옮기면 어느 쪽이 정본인지 흐려진다.)
   빌더 UI — 편집 화면 껍데기(캔버스·패널·모달·목록).
   `배포방식.md`: studio 갈래라 **고객 서버로 가지 않는다.**
   위젯 스타일은 asset/css/widget/widget_content.css 로 갈라 두었다. */
.db-section-side .select-box,.modal-box .select-box,.select-box-mini{gap:0;}
.db-section-side .select-box,.select-box-mini{padding:0;}
.db-num-unit{display:inline-flex; align-items:center;}
.modal-box .modal-body .input-box.db-num-unit{width:auto;}
.modal-box.db-modal-instant,.modal-box.db-modal-instant .box{transition:none;}
.db-num-unit input{flex:none; width:70px; text-align:center;}
body.menu-dragging{cursor:grabbing !important; user-select:none;}
body.menu-dragging *{cursor:grabbing !important;}
br[data-d="tablet"],br[data-d="mobile"]{display:none;}
@media (max-width:1100px){
br[data-d="desktop"]{display:none;}
br[data-d="tablet"]{display:inline;}
br[data-d="mobile"]{display:none;}
}
@media (max-width:600px){
br[data-d="desktop"]{display:none;}
br[data-d="tablet"]{display:none;}
br[data-d="mobile"]{display:inline;}
}
[data-editable-key] *,.db-rt-dynamic *{font-family:inherit; font-weight:inherit; font-size:inherit; color:inherit; letter-spacing:inherit; line-height:inherit; vertical-align:baseline;}
[data-editable-key] strong,[data-editable-key] b,.db-rt-dynamic strong,.db-rt-dynamic b{font-weight:bold;}
[data-editable-key] em,[data-editable-key] i,.db-rt-dynamic em,.db-rt-dynamic i{font-style:italic;}
[data-editable-key] u,.db-rt-dynamic u{text-decoration:underline;}
[data-editable-key] s,[data-editable-key] strike,[data-editable-key] del,.db-rt-dynamic s,.db-rt-dynamic strike,.db-rt-dynamic del{text-decoration:line-through;}
[data-editable-key] sub,.db-rt-dynamic sub{vertical-align:sub; font-size:smaller;}
[data-editable-key] sup,.db-rt-dynamic sup{vertical-align:super; font-size:smaller;}
[data-editable-key] > ul,.db-rt-dynamic > ul{list-style:disc !important; padding-left:1.5em !important;}
[data-editable-key] > ol,.db-rt-dynamic > ol{list-style:decimal !important; padding-left:1.5em !important;}
[data-editable-key] > ul li,[data-editable-key] > ol li,.db-rt-dynamic > ul li,.db-rt-dynamic > ol li{display:list-item !important; list-style:inherit !important;}
[data-editable-key] > ul li,.db-rt-dynamic > ul li{list-style:disc !important;}
[data-editable-key] > ol li,.db-rt-dynamic > ol li{list-style:decimal !important;}
[data-editable-key] blockquote,.db-rt-dynamic blockquote{border-left:4px solid #d1d5db; padding-left:0.8em;}
[data-editable-key] a,.db-rt-dynamic a{display:inline; vertical-align:baseline;}
html:has(.db-header-box) .db-section-side .side-body .btn-active{background:#4f46e5 !important;}
html:has(.db-header-box) .db-section-side .side-body .btn-active:hover{background:#4338ca !important;}
.db-section-side,.db-widget-list-box{--color-active:#4f46e5;}
.db-preview-surface{--color-active:var(--color-active-theme);}
.db-section-box{margin:0; display:flex; flex-wrap:wrap;}
.db-section-box .db-section-content{transition:all ease 0.5s; width:100%; min-width:0; overflow-x:clip;}
.db-section-box .db-section-content .content-inner{transition:max-width .4s ease, margin .4s ease; max-width:100%; margin:0 auto;}
.db-section-box .db-section-side{pointer-events:none; opacity:0;  transition:opacity .35s ease, right .35s ease; position:fixed; right:-30px; top:0; width:400px; height:100%; z-index:2500; background:var(--color-white); box-shadow:-6px 0 20px rgba(0,0,0,.12); display:flex; flex-direction:column; font-family:'Pretendard Variable', Pretendard, 'Apple SD Gothic Neo', 'Noto Sans KR', system-ui, -apple-system, sans-serif; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
.db-section-side .tooltip-box .tooltip-inner{white-space:normal; width:max-content; max-width:330px;}
#tooltip-fp-sections{left:0; right:auto; transform:translateX(-48px);}
#tooltip-fp-sections:before{left:48px; right:auto; transform:none;}
#fpOpts .db-fp-sublabel{flex:none; width:52px; font-size:12px; color:var(--color-gray-1100);}
#fpSections .fp-sec-name{display:flex; align-items:center; gap:5px; width:100%; padding:0; background:none; border:0; cursor:pointer; font-size:12px; font-weight:600; text-align:left; color:var(--color-black-500); transition:color .15s;}
#fpSections .fp-sec-name:hover{color:#4f46e5;}
#fpSections .fp-sec-name:focus-visible{outline:2px solid #4f46e5; outline-offset:1px;}
#fpSections .fp-sec-name svg{flex:none;}
.db-widget-box.db-fp-hover{outline:3px solid #4f46e5; outline-offset:4px;}
#modal-fullpage-style .fpm-cols{display:flex; gap:24px; align-items:flex-start;}
#modal-fullpage-style .fpm-col-left{flex:1 1 42%; min-width:0; position:sticky; top:0; align-self:flex-start;}
#modal-fullpage-style .fpm-col-right{flex:1 1 58%; min-width:0;}
#modal-fullpage-style .fpm-preview-wrap{min-height:260px; padding:40px 24px; border:1px solid var(--color-gray-300); border-radius:var(--radius-8); background:repeating-conic-gradient(#f2f2f2 0% 25%, #fafafa 0% 50%) 50%/16px 16px; overflow:auto; display:flex; flex-direction:column; justify-content:center; align-items:center; color:var(--color-black-500, #333);}
#modal-fullpage-style .fpm-preview-wrap .fullpage-pagination{position:relative; transform:none; right:auto; left:auto; top:auto;}
body:has(.db-section-side) ._am-fab,body:has(.db-section-side) ._am-panel{z-index:2400;}
.db-section-box .db-section-side .side-body{width:100%; flex:1; min-height:0; overflow-y:auto; border-left:1px solid var(--color-gray-300);}
.db-section-box.active .db-section-content{width:calc(100% - 400px);}
.db-section-box.active .db-section-side{pointer-events:inherit; opacity:1; right:0;}
.sort-ghost-li{border-radius:10px; box-shadow:0 4px 12px rgba(0,0,0,.15); background:var(--color-white,#fff);}
.sort-ghost-li ul{list-style:none; padding:0; margin:0;}
.sort-ghost-li li{border:1px solid #4f46e5; border-radius:var(--radius-10); padding:var(--padding-10); gap:var(--gap-5); display:flex; flex-wrap:wrap; align-items:center; background:var(--color-white,#fff);}
.sort-ghost-li li .sort{flex-shrink:0; width:var(--icon-20); height:var(--icon-20); border:0; padding:0; font-size:0; background:url('/asset/images/icon_sortable.svg') no-repeat center / 14px;}
.sort-ghost-li li.depth-2{margin-left:var(--margin-10); width:calc(100% - 10px);}
.sort-ghost-li li.depth-3{margin-left:var(--margin-20); width:calc(100% - 20px);}
.sort-ghost-li .sort-ghost-count{display:block; margin-top:4px; padding:6px 10px; border:1px dashed #4f46e5; border-radius:var(--radius-8); font-size:12px; font-weight:600; color:#4f46e5; background:var(--color-white,#fff);}
.sort-ghost-li.sort-ghost-promote{box-shadow:-4px 0 0 0 #4f46e5, 0 4px 12px rgba(0,0,0,.15);}
#mf_link_select option.in-use{background:var(--color-gray-200,#e5e7eb);}
.db-field-row{display:flex; flex-wrap:nowrap; align-items:center; gap:var(--gap-5);}
.db-field-row > *{flex:1; min-width:0;}
.db-widget-box.db-history-flash{animation: dbHistoryFlash 1.8s ease;
	z-index: 100;}
@keyframes dbHistoryFlash{
	0%   {outline: 3px solid #4f46e5; outline-offset: 4px; box-shadow: 0 0 0 6px rgba(166,35,41,0.15);}
	50%  {outline: 3px solid #4f46e5; outline-offset: 4px; box-shadow: 0 0 0 10px rgba(166,35,41,0.08);}
	100% {outline: 3px solid transparent;          outline-offset: 4px; box-shadow: 0 0 0 0 rgba(166,35,41,0);}
}
@media(min-width:1101px){
br[data-d]:not([data-d~="desktop"]){display:none;}
}
@media(max-width:1100px) and (min-width:601px){
br[data-d]:not([data-d~="tablet"]){display:none;}
}
@media(max-width:600px){
br[data-d]:not([data-d~="mobile"]){display:none;}
}
html.db-sim-desktop br[data-d~="desktop"]{display:inline !important;}
html.db-sim-desktop br[data-d]:not([data-d~="desktop"]){display:none !important;}
html.db-sim-tablet br[data-d~="tablet"]{display:inline !important;}
html.db-sim-tablet br[data-d]:not([data-d~="tablet"]){display:none !important;}
html.db-sim-mobile br[data-d~="mobile"]{display:inline !important;}
html.db-sim-mobile br[data-d]:not([data-d~="mobile"]){display:none !important;}
.tab-content-box:not([hidden]){display:flex; flex-direction:column;}
.tab-none-box{padding:var(--padding-30); text-align:center;}
.tab-none-box .inner{max-width:400px; margin:0 auto; padding:var(--padding-20); border:2px dashed var(--color-gray-700); border-radius:var(--radius-10); background:var(--color-white);}
.tab-none-box p{font-size:var(--font-md); color:var(--color-gray-1000); word-break:keep-all; !important;}
@media (max-width:991px){
.tab-none-box{padding:0;}
.tab-none-box p{font-size:var(--font-sm);}
}
.db-widget-box{position:relative;}
.db-widget-box.is-widget-loading{background:#fff;}
.db-widget-box .widget-hide{position:absolute; inset:0; z-index:5; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,.45); color:#fff; font-size:var(--font-md); font-weight:600; pointer-events:none;}
.db-widget-box .widget-setting{position:absolute; right:10px; top:10px; z-index:10; width:32px; height:32px; border-radius:var(--radius-5); background:var(--color-black-500); font-size:0; opacity:0; transition:opacity .2s; cursor:pointer; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.db-widget-box .widget-setting:after{display:block; content:""; width:var(--icon-20); height:var(--icon-20); background:url('/asset/images/icon_setting.svg') no-repeat center / cover; filter:var(--filter-white);}
.db-widget-box .widget-content{position:relative; z-index:2;}
.db-widget-box[data-container] > .widget-content{z-index:auto;}
.db-widget-box[data-container] > .widget-setting{z-index:2001;}
.db-widget-box[data-container] > .widget-hide{z-index:2001;}
.db-widget-box:hover .widget-setting{opacity:1;}
.db-area-visible{justify-content:flex-start; gap:var(--gap-20);}
.db-area-visible .check-box label span{font-size:calc(var(--font-md) + 1px);}
html.db-sim-desktop .db-widget-box.db-devhide-pc,html.db-sim-tablet .db-widget-box.db-devhide-tablet,html.db-sim-mobile .db-widget-box.db-devhide-mobile{opacity:.4; outline:1px dashed var(--color-gray-400); outline-offset:-1px;}
.db-widget-list-box{width:calc(100% - 290px); margin-left:290px;  background:var(--color-gray-200); padding:var(--padding-20);}
.db-widget-list-box .list-none-box small{display:block; margin:0 auto; max-width:34em; font-size:13px; font-weight:400; line-height:1.55; color:#6b6b6b; text-align:center; word-break:keep-all;}
.db-widget-search{margin-bottom:14px;}
.db-widget-search .search-row{display:flex; align-items:center; gap:8px;}
.db-widget-search input[type="search"]{flex:1 1 auto; min-width:0; height:38px; padding:0 12px; border:1px solid var(--color-gray-500); border-radius:8px; background:var(--color-white); font-size:var(--font-14); color:var(--color-gray-1200);}
.db-widget-search input[type="search"]:focus{outline:none; border-color:#4f46e5; box-shadow:0 0 0 3px rgba(79,70,229,.15);}
.db-widget-search .search-reset{flex:0 0 auto; height:38px; padding:0 14px; border:1px solid var(--color-gray-500); border-radius:8px; background:var(--color-white); font-size:var(--font-13); color:var(--color-gray-1000); cursor:pointer;}
.db-widget-search .search-reset:hover{border-color:#4f46e5; color:#4f46e5;}
.db-widget-search .search-chips{display:flex; flex-wrap:wrap; gap:6px; margin-top:8px;}
.db-widget-search .search-chips:empty{display:none;}
.db-widget-search .search-chips li{display:inline-flex; align-items:center; gap:6px; height:28px; padding:0 6px 0 10px; border-radius:999px; background:#eef2ff; color:#4338ca; font-size:var(--font-13);}
.db-widget-search .search-chips button{position:relative; flex:0 0 auto; width:18px; height:18px; padding:0; border:0; border-radius:50%; background:#4338ca; font-size:0; line-height:0; cursor:pointer;}
.db-widget-search .search-chips button::before{content:""; position:absolute; inset:0; background:var(--color-white); -webkit-mask:url('/asset/images/icon_close.svg') no-repeat center / 8px 8px; mask:url('/asset/images/icon_close.svg') no-repeat center / 8px 8px;}
.db-widget-search .search-chips button:hover{background:#312e81;}
.db-widget-list-box .list > ul{position:relative;}
.db-widget-list-box .list > ul > .grid-sizer{width:calc((100% - 30px) / 3); height:0; padding:0; margin:0; visibility:hidden; pointer-events:none;}
.db-widget-list-box .list > ul > li.widget-list-item{width:calc((100% - 30px) / 3); margin-bottom:15px; transition:box-shadow .18s ease; background:var(--color-white); box-shadow:0 0 10px rgba(0,0,0,0.1); border-radius:var(--radius-5); overflow:hidden; position:relative;}
.db-widget-list-box .list > ul > li.widget-list-item:hover{box-shadow:0 4px 16px rgba(79,70,229,.2);}
.db-widget-list-box .list > ul > li .inner{display:block; position:relative;}
.db-widget-list-box .list > ul > li .inner .list-image > img{width:100%;}
.thumb-stage{position:relative; width:100%; overflow:hidden; background:var(--color-white); pointer-events:none;}
.thumb-inner{width:1200px; transform-origin:top left;}
.db-widget-list-box .list > ul > li .inner .list-content{padding:var(--padding-10); border-top:1px solid var(--color-gray-300); background:var(--color-gray-200);}
.db-widget-list-box .list > ul > li .inner .list-content p{font-size:var(--font-sm); display:flex; flex-wrap:wrap; align-items:center; gap:5px;}
.db-widget-list-box .list > ul > li .inner .list-content p .badge-in-use{margin-left:auto;}
.db-widget-list-box .widget-style-item.is-disabled{opacity:0.4; cursor:not-allowed; pointer-events:auto;}
.db-widget-list-box .widget-style-item.is-disabled::after{content:"탭 안의 탭까지만"; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:rgba(0,0,0,0.7); color:#fff; padding:4px 8px; border-radius:var(--radius-5); font-size:var(--font-xs); pointer-events:none;}
.db-widget-list-box .list > ul > li .inner .list-image{position:relative;}
html:not(.ca-pick-mode) .db-widget-list-box .list > ul > li .inner .list-image{padding:10px;}
.db-widget-list-box .badge.badge-new{background:#4f46e5; color:var(--color-white); font-weight:700; min-width:0; height:14px; padding:0 5px; border-radius:7px; font-size:9px; line-height:13px; display:inline-block; vertical-align:middle;}
.db-widget-list-box .badge.badge-in-use{background:var(--color-success); color:var(--color-white); font-weight:700; min-width:0; height:14px; padding:0 6px; border-radius:7px; font-size:9px; line-height:13px; display:inline-block; vertical-align:middle;}
.db-widget-list-box .widget-fav-btn{position:absolute; top:8px; right:8px; z-index:3; width:28px; height:28px; border-radius:50%; background:rgba(255,255,255,0.92); border:1px solid var(--color-gray-400); cursor:pointer; padding:0; font-size:0; opacity:0; transition:opacity .15s ease, transform .15s ease; box-shadow:0 2px 6px rgba(0,0,0,0.08);}
.db-widget-list-box .widget-fav-btn::before{content:""; position:absolute; left:5px; top:5px; right:5px; bottom:5px; background:url('/asset/images/icon_heart.svg') no-repeat center/contain;}
.db-widget-list-box .widget-list-item:hover .widget-fav-btn,.db-widget-list-box .widget-fav-btn:focus-visible,.db-widget-list-box .widget-fav-btn.is-favorite{opacity:1;}
.db-widget-list-box .widget-fav-btn:hover{transform:scale(1.1);}
.db-widget-list-box .widget-fav-btn.is-favorite::before{background-image:url('/asset/images/icon_heart_on.svg'); filter:invert(45%) sepia(35%) saturate(4000%) hue-rotate(343deg) brightness(96%) contrast(90%);}
.db-widget-list-box .widget-pv-btn{position:absolute; top:8px; right:42px; z-index:3; width:28px; height:28px; border-radius:50%; background:rgba(255,255,255,0.92); border:1px solid var(--color-gray-400); cursor:pointer; padding:0; font-size:0; opacity:0; transition:opacity .15s ease, transform .15s ease; box-shadow:0 2px 6px rgba(0,0,0,0.08);}
.db-widget-list-box .widget-pv-btn::before{content:""; position:absolute; left:5px; top:5px; right:5px; bottom:5px; background:url('/asset/images/icon_eye.svg') no-repeat center/contain;}
.db-widget-list-box .widget-list-item:hover .widget-pv-btn,.db-widget-list-box .widget-pv-btn:focus-visible{opacity:1;}
.db-widget-list-box .widget-pv-btn:hover{transform:scale(1.1);}
.category-box .category1 > li > .cate .cate-fav-icon{display:inline-block; vertical-align:middle; width:13px; height:13px; margin-right:4px; background:url('/asset/images/icon_heart_on.svg') no-repeat center/contain; filter:invert(45%) sepia(35%) saturate(4000%) hue-rotate(343deg) brightness(96%) contrast(90%);}
.db-widget-list-box .category-box .category1 > li .cate:hover{color:#4f46e5; border-color:#4f46e5;}
.db-widget-list-box .category-box .category1 > li.active .cate{background:#4f46e5; border-color:#4f46e5; color:var(--color-white);}
.db-section-box .db-site-side[inert]{pointer-events:none; opacity:0; right:-30px;}
.db-section-box.active .db-site-side:not([inert]){pointer-events:inherit; opacity:1; right:0;}
.db-ins-panel{position:relative;}
.db-ins-panel:not(.is-empty):first-child{padding-top:22px;}
.db-ins-panel:not(.is-empty):last-child{padding-bottom:22px;}
.db-ins-panel .btn-add-child-widget{width:28px; height:28px; background:#4f46e5;}
.db-ins-panel .btn-add-child-widget:after{width:var(--icon-16); height:var(--icon-16);}
.db-ins-panel .btn-add-child-widget:hover{background:#4f46e5;}
.db-ins-panel .btn-add-child-widget::before{content:"내부에 새 위젯 추가"; height:22px; background:#4f46e5;}
.db-ins-panel.is-empty{padding:0;}
.db-ins-panel.is-empty .btn-add-child-widget{position:absolute; left:50%; top:0; transform:translate(-50%,-50%); opacity:0; width:auto; height:26px; padding:0 12px 0 9px; border-radius:20px; background:#4f46e5; display:inline-flex; align-items:center; gap:6px; z-index:1; transition:opacity .2s, background .2s;}
.db-ins-panel.is-empty:hover .btn-add-child-widget{opacity:1;}
.db-ins-panel.is-empty .btn-add-child-widget:hover{background:#4338ca; transform:translate(-50%,-50%);}
.db-ins-panel:first-child.is-empty .btn-add-child-widget{transform:translate(-50%,-50%) translateY(15px);}
.db-ins-panel:last-child.is-empty .btn-add-child-widget{transform:translate(-50%,-50%) translateY(-15px);}
.db-ins-panel:first-child.is-empty .btn-add-child-widget:hover{transform:translate(-50%,-50%) translateY(15px);}
.db-ins-panel:last-child.is-empty .btn-add-child-widget:hover{transform:translate(-50%,-50%) translateY(-15px);}
.db-ins-panel.is-empty .btn-add-child-widget::after{order:1; width:var(--icon-12,12px); height:var(--icon-12,12px); filter:none; background:var(--color-white); -webkit-mask:url('/asset/images/icon_plus.svg') no-repeat center / contain; mask:url('/asset/images/icon_plus.svg') no-repeat center / contain;}
.db-ins-panel.is-empty .btn-add-child-widget::before{order:2; position:static; transform:none; height:auto; padding:0; border-radius:0; background:none; color:var(--color-white); font-size:12px; font-weight:600;}
.db-ins-panel.is-empty .btn-add-child-widget:hover::before{transform:none;}
.db-widget-box [data-db-target]:hover{cursor:pointer;}
.db-widget-box [data-db-target].db-target-active{outline:2px solid #4f46e5 !important; outline-offset:-1px !important;}
.db-widget-box .db-area-active{outline:2px dashed rgba(79,70,229,.85) !important; outline-offset:3px !important;}
[data-editable-key][contenteditable="true"]{outline:none; min-height:1em; border-radius:2px; transition:box-shadow .12s ease, background-color .12s ease; cursor:text;}
[data-editable-key][contenteditable="true"]:hover{box-shadow:0 0 0 1px rgba(0,123,255,0.25); background-color:rgba(0,123,255,0.03);}
[data-editable-key][contenteditable="true"]:focus{box-shadow:0 0 0 2px #4f46e5; background-color:rgba(255,255,255,0.4);}
.richtext-side-notice{padding:12px 14px; background:#f6f9ff; border:1px dashed #b9cdff; border-radius:6px; color:#444;}
.richtext-side-notice .rt-notice-line{margin:0 0 6px; font-size:13px; color:#4f46e5;}
.richtext-side-notice .rt-notice-hint{margin:0; font-size:12px; color:#777; line-height:1.45;}
.db-side-exthelp{padding:12px 14px; background:#f6f9ff; border:1px dashed #b9cdff; border-radius:6px;}
.db-side-exthelp .db-exthelp-desc{margin:0 0 10px; font-size:12.5px; color:#555; line-height:1.55; word-break:keep-all;}
.db-exthelp-btn{display:block; width:100%; padding:9px 12px; border:0; border-radius:8px; background:#4f46e5; color:#fff; font-size:13px; font-weight:600; cursor:pointer; transition:background .15s;}
.db-exthelp-btn:hover{background:#4338ca;}
.db-exthelp-btn:focus-visible{outline:2px solid #4f46e5; outline-offset:2px;}
.db-le-rows{display:flex; flex-direction:column; gap:8px; margin-bottom:12px;}
.db-le-row{display:flex; align-items:center; gap:8px;}
.db-le-row .check-box{flex:0 0 auto; white-space:nowrap;}
.db-le-row .check-box input:checked ~ label:before{background-color:#4f46e5;}
.db-le-row .button-box{flex:0 0 auto;}
.db-le-addbox{margin-top:4px;}
.db-le-drag{flex:0 0 auto; cursor:grab; color:#9aa1ad; font-size:15px; line-height:1; padding:0 4px; user-select:none; align-self:center; border-radius:5px;}
.db-le-drag:hover{color:#4f46e5; background:#eef2ff;}
.db-le-drag:active{cursor:grabbing;}
.db-le-row{transition:background .1s;}
.db-le-row.db-le-dragging{opacity:.5; outline:2px dashed #4f46e5; outline-offset:-1px; border-radius:6px; background:#f6f9ff;}
.db-le-brbox{flex:0 0 auto; white-space:nowrap;}
.db-le-brbox input:checked ~ label:before{background-color:#4f46e5;}
.db-le-imgbox{position:relative; flex:0 0 auto; width:56px; height:56px; border:1px solid #d5dae2; border-radius:6px; background:#f7f8fa no-repeat center/cover; cursor:pointer; overflow:hidden;}
.db-le-imgbox:hover{border-color:#4f46e5;}
.db-le-imgbox .db-le-imgfile{position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.db-le-imgbox:not(.has-img)::after{content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:20px; height:20px; background:url('/asset/images/icon_plus.svg') no-repeat center/contain; opacity:.5;}
.db-le-tokens{display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin-bottom:10px; padding:9px 11px; background:#f6f9ff; border:1px solid #e3e9f5; border-radius:8px;}
.db-le-tokens-hint{font-size:12px; font-weight:600; color:#4f46e5; margin-right:2px;}
.db-le-token{padding:3px 9px; border:1px solid #c7d2fe; border-radius:999px; background:#fff; color:#4338ca; font-size:12px; font-weight:600; cursor:pointer; transition:background .12s, border-color .12s;}
.db-le-token:hover{background:#4f46e5; border-color:#4f46e5; color:#fff;}
.db-le-token:focus-visible{outline:2px solid #4f46e5; outline-offset:1px;}
.db-le-token-off,.db-le-token-off:hover{opacity:.45; cursor:not-allowed; background:#f3f4f6; border-color:#e5e7eb; color:#9aa1ad;}
.db-cw-row{display:flex; flex-wrap:wrap; align-items:center; gap:6px; max-width:100%;}
.db-cw-label{flex:1 1 100%; min-width:0; font-size:12px; font-weight:600; color:#2b303b; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.db-cw-row .select-box{flex:1 1 0; min-width:0;}
.db-cw-row .db-cw-valbox{flex:1 1 0; min-width:0;}
.db-cw-row .select-box select,.db-cw-row .db-cw-valbox input{min-width:0; width:100%; box-sizing:border-box;}
.db-cw-empty{font-size:12px; color:#8a90a0; padding:6px 2px; margin:0;}
.db-opt-hidden-li,#dbSectionSide li:has(.db-opt-hidden){display:none !important;}
.db-rt-toolbar{position:absolute; z-index:10010; display:inline-flex; align-items:center; gap:2px; background:#2c2c2c; color:#fff; border-radius:6px; padding:4px 6px; box-shadow:0 6px 20px rgba(0,0,0,0.25); font-size:13px; user-select:none;}
.db-rt-toolbar .rt-btn{all:unset; box-sizing:border-box; cursor:pointer; min-width:28px; height:28px; padding:0 6px; display:inline-flex; align-items:center; justify-content:center; border-radius:4px; color:#fff; font-size:14px; line-height:1; transition:background-color .12s ease;}
.db-rt-toolbar .rt-btn:hover{background:rgba(255,255,255,0.15);}
.db-rt-toolbar .rt-btn:focus-visible{outline:2px solid #4f46e5; outline-offset:1px;}
.db-rt-toolbar .rt-btn b,.db-rt-toolbar .rt-btn i,.db-rt-toolbar .rt-btn u,.db-rt-toolbar .rt-btn s{color:#fff !important;}
.db-rt-toolbar .rt-btn b{font-weight:800; font-style:normal;}
.db-rt-toolbar .rt-btn i{font-style:italic;}
.db-rt-toolbar .rt-btn u{text-decoration:underline; font-style:normal;}
.db-rt-toolbar .rt-btn s{text-decoration:line-through; font-style:normal;}
.db-rt-toolbar .rt-color-ind{display:inline-block; font-weight:700; color:#fff; border-bottom:3px solid currentColor; padding-bottom:1px; line-height:1;}
.db-rt-toolbar .rt-bgcolor-ind{display:inline-block; font-weight:700; color:#fff; background:rgba(255,255,255,0.18); padding:1px 4px; border-radius:2px; line-height:1;}
.db-rt-toolbar .rt-sep{width:1px; height:18px; background:rgba(255,255,255,0.2); margin:0 2px;}
.rt-spec-host{pointer-events:auto; visibility:visible !important;}
.rt-spec-host .sp-container.sp-hidden{display:block !important; visibility:visible !important;}
.rt-spec-host .sp-container{display:block !important; visibility:visible !important;}
.rt-spec-host .sp-replacer{display:none !important;}
.db-rt-colorpop{position:absolute; z-index:10011; background:#fff; border:1px solid #ddd; border-radius:6px; padding:8px; box-shadow:0 6px 20px rgba(0,0,0,0.2); width:200px; font-size:12px;}
.db-rt-colorpop .rt-color-grid{display:flex; flex-direction:column; gap:4px;}
.db-rt-colorpop .rt-color-row{display:flex; gap:4px;}
.db-rt-colorpop .rt-color-swatch{all:unset; box-sizing:border-box; cursor:pointer; flex:1; aspect-ratio:1/1; border-radius:3px; border:1px solid rgba(0,0,0,0.15); transition:transform .12s ease;}
.db-rt-colorpop .rt-color-swatch:hover{transform:scale(1.15); border-color:rgba(0,0,0,0.3);}
.db-rt-colorpop .rt-color-swatch:focus-visible{outline:2px solid #4f46e5; outline-offset:1px;}
.db-rt-colorpop .rt-color-controls{display:flex; flex-direction:column; gap:6px; margin-top:8px; padding-top:8px; border-top:1px solid #eee;}
.db-rt-colorpop .rt-color-custom{width:100%; height:28px; padding:0; border:1px solid #ddd; border-radius:3px; cursor:pointer; background:#fff;}
.db-rt-colorpop .rt-color-alpha-label{display:flex; align-items:center; gap:6px; color:#555;}
.db-rt-colorpop .rt-color-alpha{flex:1; height:18px; cursor:pointer;}
.db-rt-colorpop .rt-color-alpha-val{min-width:34px; text-align:right; font-variant-numeric:tabular-nums;}
.db-rt-colorpop .rt-color-actions{display:flex; gap:4px; margin-top:8px; padding-top:8px; border-top:1px solid #eee;}
.db-rt-colorpop .rt-color-actions button{all:unset; box-sizing:border-box; cursor:pointer; flex:1; height:28px; border-radius:3px; text-align:center; font-size:12px; transition:background-color .12s ease;}
.db-rt-colorpop .rt-color-clear{color:#888; border:1px solid #ddd;}
.db-rt-colorpop .rt-color-clear:hover{background:#f5f5f5;}
.db-rt-colorpop .rt-color-cancel{color:#666; border:1px solid #ddd;}
.db-rt-colorpop .rt-color-cancel:hover{background:#f5f5f5;}
.db-rt-colorpop .rt-color-apply{color:#fff; background:#4f46e5;}
.db-rt-colorpop .rt-color-apply:hover{filter:brightness(1.1);}
.db-rt-toolbar{max-width:calc(100vw - 24px); overflow-x:auto; flex-wrap:nowrap; padding:4px 6px;}
.db-rt-toolbar::-webkit-scrollbar{height:4px;}
.db-rt-toolbar::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.25); border-radius:2px;}
.db-rt-toolbar .rt-sel{appearance:none; -webkit-appearance:none; -moz-appearance:none; height:24px; padding:0 18px 0 6px; border:1px solid rgba(255,255,255,0.2); border-radius:3px; background:rgba(255,255,255,0.08); color:#fff; font-size:12px; line-height:1; cursor:pointer; max-width:120px; background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6'><path d='M0 0l4 6 4-6z' fill='%23fff'/></svg>"); background-repeat:no-repeat; background-position:right 5px center;}
.db-rt-toolbar .rt-sel:hover{background-color:rgba(255,255,255,0.15);}
.db-rt-toolbar .rt-sel:focus-visible{outline:2px solid #4f46e5; outline-offset:1px;}
.db-rt-toolbar .rt-sel-font{min-width:90px; max-width:130px;}
.db-rt-toolbar .rt-sel-size{min-width:54px;}
.db-rt-toolbar .rt-sel-weight{min-width:54px;}
.db-rt-toolbar .rt-sel-spacing{min-width:54px;}
.db-rt-toolbar .rt-sel-line{min-width:62px;}
.db-rt-toolbar .rt-sel option{background:#fff; color:#222;}
.db-rt-toolbar .rt-btn.rt-active{background:#4f46e5; color:#fff;}
.db-rt-toolbar .rt-btn.rt-active:hover{background:#4f46e5; filter:brightness(1.1);}
.db-rt-toolbar .rt-btn[data-cmd^="align"],.db-rt-toolbar .rt-btn[data-cmd="indent"],.db-rt-toolbar .rt-btn[data-cmd="outdent"],.db-rt-toolbar .rt-btn[data-cmd="ul"],.db-rt-toolbar .rt-btn[data-cmd="ol"]{font-size:15px;}
.db-section-side input[data-wo-key="code_html"],.db-section-side textarea[data-wo-key="code_html"]{display:none !important;}
.db-widget-box.db-setup-pending{display:none;}
.db-add-empty{position:relative; min-height:240px; display:flex; align-items:center; justify-content:center; padding:var(--padding-40,40px) var(--padding-30); background:linear-gradient(180deg, var(--color-white) 0%, color-mix(in srgb, #4f46e5 4%, var(--color-gray-100)) 100%); border:1px solid color-mix(in srgb, #4f46e5 14%, var(--color-gray-300)); border-radius:var(--radius-16,16px); text-align:center; overflow:hidden; box-shadow:0 1px 2px rgba(16,24,40,.04); transition:border-color .35s ease, box-shadow .35s ease;}
.db-add-empty::before{content:''; position:absolute; inset:0; background:radial-gradient(130% 90% at 50% -20%, color-mix(in srgb, #4f46e5 12%, transparent) 0%, transparent 55%); opacity:.8; pointer-events:none; transition:opacity .35s ease;}
.db-add-empty::after{content:''; position:absolute; inset:var(--gap-10); border:1px dashed color-mix(in srgb, #4f46e5 20%, transparent); border-radius:var(--radius-12); pointer-events:none; transition:border-color .35s ease;}
.db-add-empty:hover{border-color:color-mix(in srgb, #4f46e5 28%, var(--color-gray-300)); box-shadow:0 16px 36px -16px color-mix(in srgb, #4f46e5 35%, transparent);}
.db-add-empty:hover::before{opacity:1;}
.db-add-empty:hover::after{border-color:color-mix(in srgb, #4f46e5 34%, transparent);}
.db-add-empty .inner{position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; gap:var(--gap-10);}
.db-add-empty .icon-circle{position:relative; display:flex; align-items:center; justify-content:center; width:56px; height:56px; border-radius:16px; background:linear-gradient(145deg, #4f46e5 0%, color-mix(in srgb, #4f46e5 76%, var(--color-black)) 100%); margin-bottom:var(--margin-5); box-shadow:0 12px 24px -10px color-mix(in srgb, #4f46e5 60%, transparent), inset 0 1px 0 rgba(255,255,255,.3); transition:transform .4s cubic-bezier(.34,1.56,.64,1), box-shadow .4s ease;}
.db-add-empty .icon-circle::after{content:''; position:absolute; inset:0; border-radius:inherit; box-shadow:0 0 0 0 color-mix(in srgb, #4f46e5 28%, transparent); transition:box-shadow .4s ease; pointer-events:none;}
.db-add-empty:hover .icon-circle{transform:translateY(-4px) rotate(-3deg);}
.db-add-empty:hover .icon-circle::after{box-shadow:0 0 0 10px color-mix(in srgb, #4f46e5 10%, transparent);}
.db-add-empty .icon-circle img{width:26px; height:26px; display:block;}
.db-add-empty .inner > p{color:var(--color-black-500); font-size:var(--font-xxl); font-weight:700; margin:0; letter-spacing:-.025em;}
.db-add-empty .inner > .desc{margin:-4px 0 0; color:var(--color-black-500); font-size:var(--font-md); font-weight:600; letter-spacing:-.01em; line-height:1.5; opacity:.85;}
.db-add-empty .inner .hint{color:var(--color-gray-900); font-size:var(--font-sm); font-weight:600; letter-spacing:.08em; text-transform:uppercase;}
.db-add-empty .button-box{margin:var(--margin-5) 0 0; width:auto;}
.db-add-empty .btn-add{display:inline-flex; align-items:center; justify-content:center; gap:6px; padding:var(--padding-10) var(--padding-30); background:#4f46e5; color:var(--color-white); border:0; border-radius:999px; font-size:var(--font-md); font-weight:600; letter-spacing:-.01em; cursor:pointer; box-shadow:0 10px 22px -10px color-mix(in srgb, #4f46e5 65%, transparent); transition:background-color .25s ease, transform .25s cubic-bezier(.34,1.56,.64,1), box-shadow .25s ease;}
.db-add-empty .btn-add:hover{background:color-mix(in srgb, #4f46e5 88%, var(--color-black)); transform:translateY(-2px); box-shadow:0 14px 28px -10px color-mix(in srgb, #4f46e5 70%, transparent);}
.db-add-empty .btn-add:active{transform:translateY(0); box-shadow:0 6px 14px -8px color-mix(in srgb, #4f46e5 60%, transparent);}
.db-add-empty .btn-add:focus-visible{outline:2px solid #4f46e5; outline-offset:3px;}
@media (max-width:600px){
.db-add-empty{min-height:150px; padding:var(--padding-20,20px) var(--padding-15);}
.db-add-empty .inner{gap:var(--gap-5);}
.db-add-empty .icon-circle{width:40px; height:40px; border-radius:12px; margin-bottom:0;}
.db-add-empty .icon-circle img{width:18px; height:18px;}
.db-add-empty .inner > p{font-size:var(--font-md);}
.db-add-empty .inner > .desc{font-size:var(--font-xs); margin:0;}
.db-add-empty .inner .hint{font-size:var(--font-xs);}
.db-add-empty .button-box{margin:0;}
.db-add-empty .btn-add{padding:var(--padding-5) var(--padding-15); font-size:var(--font-sm);}
}
.db-empty-hint{display:flex; align-items:center; justify-content:center; text-align:center; color:var(--color-gray-900); font-size:var(--font-sm); word-break:keep-all;}
.db-preview-surface{background:var(--color-gray-100); border:1px solid var(--color-gray-300); border-radius:var(--radius-8); overflow:hidden;}
#modal-text-editor .text-editor-guide{font-size:var(--font-sm); color:var(--color-gray-900); line-height:1.6; margin-bottom:var(--margin-15);}
#modal-text-editor .text-editor-mount{min-height:380px;}
#modal-code-editor .modal-body{padding:var(--padding-20); display:flex; flex-direction:column; min-height:0;}
#modal-code-editor .code-editor-split{flex:1; min-height:0; display:flex; gap:var(--gap-15);}
#modal-code-editor .code-editor-area{width:45%; min-width:0; display:flex; flex-direction:column; gap:var(--gap-5);}
#modal-code-editor .code-preview-area{flex:1; min-width:0; display:flex; flex-direction:column; gap:var(--gap-5);}
#modal-code-editor .code-editor-label,#modal-code-editor .code-preview-label{color:var(--color-gray-900); font-size:var(--font-sm); font-weight:600;}
#modal-code-editor .code-editor-label{display:flex; align-items:center; gap:8px; flex:0 0 auto;}
#modal-code-editor .code-editor-attach{margin-left:auto; display:flex; align-items:center; gap:6px; min-width:0;}
#modal-code-editor .code-editor-attach input[type=file]{position:absolute; width:1px; height:1px; opacity:0; overflow:hidden;}
#modal-code-editor .code-editor-attach label{padding:0 10px; height:28px; display:inline-flex; align-items:center; border:1px solid #d4d4d8; border-radius:6px; background:#fff; color:#3f3f46; font-size:12px; font-weight:500; cursor:pointer;}
#modal-code-editor .code-editor-attach label:hover{background:#f4f4f5;}
#modal-code-editor .code-editor-mount{flex:1; min-height:0; border:1px solid var(--color-gray-300); border-radius:var(--radius-8); overflow:hidden; background:var(--color-white);}
#modal-code-editor .code-editor-mount .cm-editor{height:100%; font-size:13px;}
#modal-code-editor .code-editor-mount .cm-editor.cm-focused{outline:none; border-color:#4f46e5;}
#modal-code-editor .code-editor-mount .cm-scroller{font-family:Consolas, Monaco, 'Courier New', monospace; line-height:1.6;}
#modal-code-editor .code-editor-mount .cm-gutters{background:var(--color-gray-100); border-right:1px solid var(--color-gray-200); color:var(--color-gray-900);}
#modal-code-editor .code-editor-mount .cm-activeLine{background-color:color-mix(in srgb, #4f46e5 5%, var(--color-white));}
#modal-code-editor .code-editor-mount .cm-activeLineGutter{background-color:color-mix(in srgb, #4f46e5 10%, var(--color-white));}
#modal-code-editor .code-editor-mount .cm-selectionLayer .cm-selectionBackground,#modal-code-editor .code-editor-mount .cm-content ::selection,#modal-code-editor .code-editor-mount.cm-focused .cm-selectionLayer .cm-selectionBackground,#modal-code-editor .code-editor-mount .cm-line ::selection{background:color-mix(in srgb, #4f46e5 35%, transparent) !important;}
.cm-tooltip.cm-tooltip-autocomplete{border:1px solid var(--color-gray-300); border-radius:var(--radius-5); background:var(--color-white); box-shadow:0 4px 12px -4px rgba(15,23,42,.15); font-family:Consolas, Monaco, 'Courier New', monospace;}
.cm-tooltip.cm-tooltip-autocomplete > ul > li{padding:4px 10px; color:var(--color-gray-900);}
.cm-tooltip.cm-tooltip-autocomplete > ul > li[aria-selected]{background:#4f46e5 !important; color:var(--color-white) !important;}
.cm-tooltip.cm-tooltip-autocomplete > ul > li[aria-selected] *{color:var(--color-white) !important;}
#modal-code-editor iframe#codeEditorPreview{flex:1; width:100%; border:1px solid var(--color-gray-300); border-radius:var(--radius-8); background:var(--color-white);}
#modal-code-editor .modal-foot{display:flex; gap:var(--gap-10); justify-content:flex-end; padding:var(--padding-15) var(--padding-20);}
.option-instance-list{margin:0 0 0 var(--margin-5); padding:var(--padding-10); border-left:2px solid var(--color-gray-300); list-style:none; background:var(--color-gray-200);}
.db-option-inactive{opacity:0.4; transition:opacity .2s ease;}
.db-option-inactive:hover{opacity:0.6;}
[data-wo-selector].db-option-inactive{pointer-events:none;}
[data-wo-selector].db-option-inactive .title,[data-wo-selector].db-option-inactive .title *{pointer-events:auto;}
.dynamic-category-section.db-option-inactive > .toggle{pointer-events:auto;}
.db-device-shell{position:relative; margin:0 auto; max-width:100%; transition:max-width .45s cubic-bezier(.2,.7,.2,1);}
html.db-sim-tablet .db-device-shell,html.db-sim-mobile .db-device-shell{padding:50px 0;}
.db-device-rim{display:none; position:absolute; top:50px; bottom:50px; left:-1.5px; right:-1.5px; pointer-events:none;}
html.db-sim-tablet .db-device-rim{display:block; border-radius:23.5px; background:conic-gradient(from 0deg, #6e7180, #8e9098, #6e7180, #4a4d54, #3a3d44, #4a4d54, #6e7180, #8e9098, #6e7180); box-shadow:0 0 0 0.5px rgba(0,0,0,0.55), inset 0 0 0 0.5px rgba(255,255,255,0.08);}
html.db-sim-mobile .db-device-rim{display:block; border-radius:43.5px; background:conic-gradient(from 0deg, #6e7180, #8e9098, #6e7180, #4a4d54, #3a3d44, #4a4d54, #6e7180, #8e9098, #6e7180); box-shadow:0 0 0 0.5px rgba(0,0,0,0.6), inset 0 0 0 0.5px rgba(255,255,255,0.08);}
html.db-sim-tablet .db-device-rim::after{content:""; position:absolute; bottom:20px; left:50%; transform:translateX(-50%); width:130px; height:5px; background:rgba(20,22,28,0.88); border-radius:3px; z-index:6; pointer-events:none;}
html.db-sim-mobile .db-device-rim::after{content:""; position:absolute; bottom:14px; left:50%; transform:translateX(-50%); width:130px; height:5px; background:rgba(20,22,28,0.85); border-radius:3px; z-index:6; pointer-events:none;}
html.db-sim-tablet .db-device-shell::before{content:""; position:absolute; top:140px; left:-3px; width:4px; height:38px; background:#20232a; border-radius:2px 0 0 2px; box-shadow:0 56px 0 0 #20232a, inset 0 1px 0 rgba(255,255,255,0.12), -1px 0 1px rgba(0,0,0,0.4); z-index:2; pointer-events:none;}
html.db-sim-tablet .db-device-shell::after{content:""; position:absolute; top:88px; right:-3px; width:4px; height:55px; background:#20232a; border-radius:0 2px 2px 0; box-shadow:inset 0 1px 0 rgba(255,255,255,0.12), 1px 0 1px rgba(0,0,0,0.4); z-index:2; pointer-events:none;}
html.db-sim-mobile .db-device-shell::before{content:""; position:absolute; top:115px; left:-3px; width:4px; height:32px; background:#20232a; border-radius:2px 0 0 2px; box-shadow:0 50px 0 0 #20232a, 0 96px 0 0 #20232a, inset 0 1px 0 rgba(255,255,255,0.12), -1px 0 1px rgba(0,0,0,0.4); z-index:2; pointer-events:none;}
html.db-sim-mobile .db-device-shell::after{content:""; position:absolute; top:135px; right:-3px; width:4px; height:65px; background:#20232a; border-radius:0 2px 2px 0; box-shadow:inset 0 1px 0 rgba(255,255,255,0.12), 1px 0 1px rgba(0,0,0,0.4); z-index:2; pointer-events:none;}
html.db-sim-tablet .db-section-box .db-section-content .content-inner,html.db-sim-mobile .db-section-box .db-section-content .content-inner{position:relative; box-sizing:content-box; background:#ffffff; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:none; transition:max-width .45s cubic-bezier(.2,.7,.2,1), max-height .45s cubic-bezier(.2,.7,.2,1), margin .45s cubic-bezier(.2,.7,.2,1), padding .45s cubic-bezier(.2,.7,.2,1), border-radius .45s cubic-bezier(.2,.7,.2,1), box-shadow .45s cubic-bezier(.2,.7,.2,1);}
html.db-sim-tablet .db-section-box .db-section-content .content-inner::-webkit-scrollbar,html.db-sim-mobile .db-section-box .db-section-content .content-inner::-webkit-scrollbar{width:0; height:0; display:none;}
html.db-sim-tablet .db-section-box .db-section-content .content-inner{border:12px solid #050608; border-radius:22px; margin:0 auto !important; min-height:500px; max-height:500px; box-shadow:inset 0 0 0 0.5px rgba(0,0,0,0.08), inset 0 1px 1.5px rgba(255,255,255,0.04);}
html.db-sim-mobile .db-section-box .db-section-content .content-inner{border:8px solid #050608; border-radius:42px; margin:0 auto !important; min-height:600px; max-height:600px; box-shadow:inset 0 0 0 0.5px rgba(0,0,0,0.08), inset 0 1px 1.5px rgba(255,255,255,0.04);}
body.db-empty-canvas .content-inner{display:flex; flex-direction:column; min-height:calc(100dvh - 53px);}
body.db-empty-canvas .db-none-box{position:static; left:auto; top:auto; transform:none; width:auto; height:auto; flex:1 1 auto;}
body.db-empty-canvas .db-ca-zone{flex:0 0 auto;}
body.db-empty-canvas .db-device-rim{display:none !important;}
body.db-empty-canvas .db-device-shell{padding:0 !important;}
body.db-empty-canvas .db-device-shell::before,body.db-empty-canvas .db-device-shell::after{display:none !important;}
html.db-sim-tablet body.db-empty-canvas .db-section-box .db-section-content .content-inner,html.db-sim-mobile body.db-empty-canvas .db-section-box .db-section-content .content-inner{border:none !important; border-radius:0 !important; min-height:auto !important; max-height:none !important; box-shadow:none !important;}
.db-section-box .db-section-side .side-lang-select{padding:var(--padding-10); border-bottom:1px solid var(--color-gray-300); background:var(--color-gray-100);}
.db-section-box .db-section-side .side-lang-select select{width:100%; height:var(--height-35); padding:0 var(--padding-30) 0 var(--padding-10); border:1px solid var(--color-gray-300); border-radius:var(--radius-5); background:var(--color-white) url('/asset/images/icon_arrow_down.svg') no-repeat right 10px center / var(--icon-16); font-size:var(--font-sm); color:var(--color-black-500); cursor:pointer; appearance:none; -webkit-appearance:none; -moz-appearance:none;}
.db-section-box .db-section-side .side-lang-select select:hover{border-color:var(--color-gray-400);}
.db-section-box .db-section-side .side-lang-select select:focus-visible{outline:2px solid #4f46e5; outline-offset:1px; border-color:#4f46e5;}
.split-box.is-builder-split{min-height:280px;}
.split-box.is-builder-split .split-row{flex:1 1 auto; min-height:0; align-items:stretch;}
.split-box.is-builder-split .split-area{min-height:0;}
.split-box.is-builder-split .split-sub-row{flex:1 1 auto; min-height:0; align-items:stretch;}
#modal-layout-select .layout-grid{display:grid; grid-template-columns:repeat(2, 1fr); gap:var(--gap-15);}
#modal-layout-select .layout-card{display:flex; flex-direction:column; align-items:stretch; gap:10px; padding:var(--padding-20); background:var(--color-white); border:2px solid var(--color-gray-300); border-radius:var(--radius-10); cursor:pointer; transition:border-color .2s ease, transform .2s ease, box-shadow .2s ease; text-align:left;}
#modal-layout-select .layout-card:hover{border-color:#4f46e5; transform:translateY(-2px); box-shadow:0 6px 16px -4px rgba(15,23,42,.12);}
#modal-layout-select .layout-card-preview{height:64px; display:flex; gap:6px; align-items:stretch; background:var(--color-gray-100); border:1px dashed var(--color-gray-400); border-radius:var(--radius-5); padding:8px;}
#modal-layout-select .layout-card-preview.layout-preview-single{background:var(--color-gray-200);}
#modal-layout-select .layout-card-preview.layout-preview-split > span{flex:1; background:var(--color-white); border:1px solid var(--color-gray-400); border-radius:var(--radius-5);}
#modal-layout-select .layout-card-label{font-size:var(--font-md); font-weight:600; color:var(--color-black-500);}
#modal-layout-select .layout-card-desc{font-size:var(--font-sm); color:var(--color-gray-900); line-height:1.4;}
#modal-layout-select .gridb-presets{display:flex; flex-wrap:nowrap; align-items:stretch; gap:10px; flex:1 1 0; min-width:0; overflow-x:auto; scroll-behavior:smooth; scrollbar-width:none; padding:2px 0;}
#modal-layout-select .gridb-presets::-webkit-scrollbar{display:none;}
#modal-layout-select .gridb-presets .layout-card{flex:0 0 124px; padding:10px; gap:6px;}
#modal-layout-select .gridb-preset.is-on{border-color:#4f46e5; background-color:#f5f4ff;}
#modal-layout-select .gridb-preset.is-on .layout-card-label{color:#4f46e5; font-weight:700;}
#modal-layout-select .gridb-preset.is-on .layout-card-preview span{background-color:#4f46e5;}
#modal-layout-select .gridb-presets .layout-card-preview{height:46px; padding:5px; gap:4px;}
#modal-layout-select .gridb-presets .layout-card-label{font-size:var(--font-sm); text-align:center;}
#modal-layout-select.modal-box:not(.modal-full) .box{max-width:min(960px, 95vw);}
#modal-layout-select .layout-device-banner{display:flex; align-items:center; flex-wrap:wrap; gap:var(--gap-5); padding:var(--padding-10) var(--padding-15); margin:0 0 var(--margin-15); background:var(--color-blue-300); border:1px solid var(--color-blue-800); border-left:4px solid var(--color-blue-1000); border-radius:var(--radius-5); font-size:var(--font-sm);}
#modal-layout-select .layout-device-banner .layout-device-label{color:var(--color-blue-1200); font-weight:600; font-size:var(--font-xs);}
#modal-layout-select .layout-device-banner .layout-device-name{color:var(--color-blue-1200); font-weight:800; font-size:var(--font-md); padding:0 var(--padding-5);}
#modal-layout-select .layout-device-banner .layout-device-help{color:var(--color-blue-1200); font-weight:500; font-size:var(--font-xs); line-height:1.5;}
#modal-layout-select .layout-config-row.is-readonly,#modal-layout-select .vsplit-count.is-readonly{display:none !important;}
#modal-layout-select .area-row:has(.vsplit-count.is-readonly) .vsplit-count-label{display:none;}
#modal-layout-select .layout-row-help{margin:0 0 var(--margin-10); font-size:var(--font-xs); color:var(--color-black-500); line-height:1.5;}
#modal-layout-select .layout-row-editor{display:flex; flex-direction:column; gap:var(--gap-10); padding:var(--padding-10); background:var(--color-gray-100); border:1px solid var(--color-gray-300); border-radius:var(--radius-8); min-height:120px;}
#modal-layout-select .layout-row{display:flex; align-items:center; gap:var(--gap-10);}
#modal-layout-select .layout-row-label{flex:0 0 38px; font-size:var(--font-xs); font-weight:600; color:var(--color-gray-900); text-align:center;}
#modal-layout-select .layout-row-height{flex:0 0 auto; display:inline-flex; align-items:center; gap:3px;}
#modal-layout-select .layout-row-height-lbl{font-size:var(--font-xs); color:var(--color-gray-1000);}
#modal-layout-select .layout-row-ht-num{width:46px; height:26px; padding:0 4px; border:1px solid var(--color-gray-400); border-radius:var(--radius-5); font-size:12px; text-align:right;}
#modal-layout-select .layout-row-ht-unit{height:26px; padding:0 2px; border:1px solid var(--color-gray-400); border-radius:var(--radius-5); font-size:11px; background:#fff;}
#modal-layout-select .layout-row-gapb{flex:0 0 auto; display:inline-flex; align-items:center; gap:2px; font-size:11px; color:var(--color-gray-1000);}
#modal-layout-select .layout-row-gapb-lbl{font-size:13px; color:var(--color-gray-1100);}
#modal-layout-select .layout-row-gapb-num{width:44px; height:26px; padding:0 4px; border:1px solid var(--color-gray-400); border-radius:var(--radius-5); font-size:12px; text-align:right;}
#modal-layout-select .layout-cell-split{display:flex; align-items:center; gap:4px; margin-top:5px; flex-wrap:wrap;}
#modal-layout-select .layout-cell-split-lbl{font-size:11px; color:var(--color-gray-1000);}
#modal-layout-select .layout-cell-split-btn{height:24px; padding:0 8px; border:1px solid var(--color-gray-400); border-radius:var(--radius-5); background:#fff; color:var(--color-gray-1200); font-size:11px; cursor:pointer;}
#modal-layout-select .layout-cell-split-btn:hover{border-color:#4f46e5; color:#4f46e5;}
#modal-layout-select .layout-cell-split-clear{width:24px; height:24px; border:1px solid var(--color-gray-400); border-radius:var(--radius-5); background:#fff; color:var(--color-gray-1100); font-size:11px; cursor:pointer;}
#modal-layout-select .layout-cell-split-clear:hover{border-color:var(--color-red-1000,#dc2626); color:var(--color-red-1000,#dc2626);}
#modal-layout-select .layout-row-cards{flex:1; display:flex; flex-wrap:nowrap; gap:var(--gap-5); min-height:48px; min-width:0; padding:var(--padding-5); background:var(--color-white); border:1px dashed var(--color-gray-400); border-radius:var(--radius-5); transition:background .15s, border-color .15s; overflow-x:auto;}
#modal-layout-select .layout-row-cards.drag-over{background:var(--color-light-active); border-color:#4f46e5; border-style:solid;}
#modal-layout-select .layout-row-insert,#modal-slots-layout .layout-row-insert{display:none; height:0; margin:0; border-radius:var(--radius-5); background:transparent; border:1px dashed transparent;}
#modal-layout-select .layout-row-insert.is-drag-active,#modal-slots-layout .layout-row-insert.is-drag-active{display:block; height:16px; background:var(--color-white); border-color:var(--color-gray-400);}
#modal-layout-select .layout-row-insert.is-drag-active.drag-over,#modal-slots-layout .layout-row-insert.is-drag-active.drag-over{background:var(--color-light-active); border-color:#4f46e5; border-style:solid;}
#modal-layout-select .preview-cell-inner.preview-cell-empty,#modal-slots-layout .preview-cell-inner.preview-cell-empty{background:var(--color-gray-100); border:1px dashed var(--color-gray-700); color:var(--color-gray-1000); flex-direction:column; gap:4px; padding:10px 6px; min-height:54px;}
#modal-layout-select .preview-cell-inner.preview-cell-filled,#modal-slots-layout .preview-cell-inner.preview-cell-filled{background:var(--color-light-active); border:1px solid #4f46e5; color:var(--color-gray-1200); font-weight:600; flex-direction:column; gap:4px; padding:8px 6px; min-height:54px;}
#modal-layout-select .pv-area-name,#modal-slots-layout .pv-area-name{font-size:10px; line-height:1.2;}
#modal-layout-select .pv-add-pill,#modal-slots-layout .pv-add-pill{display:inline-flex; align-items:center; gap:3px; padding:3px 10px; background:#4f46e5; color:var(--color-white); border-radius:var(--radius-5); font-size:10px; font-weight:600; line-height:1; white-space:nowrap;}
#modal-layout-select .pv-widget-badge,#modal-slots-layout .pv-widget-badge{display:inline-flex; align-items:center; padding:2px 8px; background:var(--color-white); color:#4f46e5; border:1px solid #4f46e5; border-radius:999px; font-size:9px; font-weight:700; line-height:1.4; white-space:nowrap;}
#modal-layout-select .pv-stage,#modal-slots-layout .pv-stage{width:100%; overflow:hidden; pointer-events:none; user-select:none; display:flex; align-items:center; justify-content:center;}
#modal-layout-select .pv-stage.has-clone,#modal-slots-layout .pv-stage.has-clone{display:block; background:var(--color-white); border:1px solid var(--color-gray-300); border-radius:3px; text-align:initial; font-weight:normal;}
#modal-layout-select .pv-stage-inner,#modal-slots-layout .pv-stage-inner{pointer-events:none;}
#modal-free-image-picker{z-index:100002;}
#modal-free-image-picker .fip-filter-bar,#modal-free-icon-picker .fip-filter-bar{display:flex; flex-wrap:wrap; gap:6px; margin:0 0 12px;}
#modal-free-image-picker .fip-chip,#modal-free-icon-picker .fip-chip{padding:5px 12px; font-size:var(--font-sm); color:var(--color-gray-1200); background:var(--color-gray-100); border:1px solid var(--color-gray-300); border-radius:999px; cursor:pointer; line-height:1.2;}
#modal-free-image-picker .fip-chip em,#modal-free-icon-picker .fip-chip em{font-style:normal; font-size:var(--font-xs); color:var(--color-gray-900);}
#modal-free-image-picker .fip-chip:hover,#modal-free-icon-picker .fip-chip:hover{border-color:#4f46e5; color:#4f46e5;}
#modal-free-image-picker .fip-chip.is-active,#modal-free-icon-picker .fip-chip.is-active{background:#4f46e5; border-color:#4f46e5; color:var(--color-white);}
#modal-free-image-picker .fip-chip.is-active em,#modal-free-icon-picker .fip-chip.is-active em{color:var(--color-white);}
#modal-free-image-picker .fip-chip:focus-visible,#modal-free-icon-picker .fip-chip:focus-visible{outline:2px solid #4f46e5; outline-offset:1px;}
#modal-free-image-picker .fip-chip .fip-chip-heart,#modal-free-icon-picker .fip-chip .fip-chip-heart{display:inline-block; vertical-align:middle; width:13px; height:13px; margin:-2px 4px 0 0; background:url('/asset/images/icon_heart_on.svg') no-repeat center/contain; filter:invert(45%) sepia(35%) saturate(4000%) hue-rotate(343deg) brightness(96%) contrast(90%);}
#modal-free-image-picker .fip-chip.is-active .fip-chip-heart,#modal-free-icon-picker .fip-chip.is-active .fip-chip-heart{filter:brightness(0) invert(1);}
#modal-free-image-picker .fip-scroll{max-height:55vh; overflow-y:auto;}
#modal-free-image-picker .fip-grid{display:grid; grid-template-columns:repeat(auto-fill, minmax(140px, 1fr)); gap:10px;}
#modal-free-image-picker .fip-card{position:relative; padding:0; background:var(--color-white); border:1px solid var(--color-gray-300); border-radius:var(--radius-8); overflow:hidden; cursor:pointer; transition:border-color .12s ease, box-shadow .12s ease;}
#modal-free-image-picker .fip-card img{display:block; width:100%; aspect-ratio:4/3; object-fit:cover; background:var(--color-gray-200);}
#modal-free-image-picker .fip-card:hover{border-color:#4f46e5; box-shadow:0 4px 14px -6px rgba(0,0,0,.25);}
#modal-free-image-picker .fip-card:focus-visible{outline:2px solid #4f46e5; outline-offset:1px;}
#modal-free-image-picker .fip-fav{position:absolute; top:6px; right:6px; width:24px; height:24px; padding:0; border:0; -webkit-appearance:none; appearance:none; background:rgba(255,255,255,.9); border-radius:50%; cursor:pointer; box-shadow:0 1px 4px rgba(0,0,0,.25);}
#modal-free-image-picker .fip-fav::before{content:""; position:absolute; left:5px; top:5px; right:5px; bottom:5px; background:url('/asset/images/icon_heart.svg') no-repeat center/contain; filter:var(--filter-gray-700); transition:all ease 0.3s;}
#modal-free-image-picker .fip-fav.is-on::before{background-image:url('/asset/images/icon_heart_on.svg'); filter:invert(45%) sepia(35%) saturate(4000%) hue-rotate(343deg) brightness(96%) contrast(90%);}
#modal-free-image-picker .fip-fav:focus-visible{outline:2px solid #4f46e5; outline-offset:1px;}
#modal-free-image-picker .fip-used-badge{position:absolute; left:6px; top:6px; padding:2px 7px 3px; background:#4f46e5; color:var(--color-white); font-size:10px; font-weight:600; border-radius:999px; line-height:1.4;}
#modal-free-image-picker .fip-status{text-align:center; font-size:var(--font-sm); color:var(--color-gray-1000); padding:8px 0;}
#modal-free-image-picker .fip-note{margin:10px 0 0; font-size:var(--font-xs); color:var(--color-black-500);}
#modal-layout-select .layout-row,#modal-slots-layout .layout-row{flex-wrap:wrap;}
#modal-layout-select .layout-sub-row{flex-wrap:wrap;}
#modal-layout-select .layout-row-foot,#modal-slots-layout .layout-row-foot{width:100%; display:flex; justify-content:flex-end; padding:4px 0 0;}
#modal-layout-select .layout-row-halign-wrap,#modal-slots-layout .layout-row-halign-wrap,#modal-layout-select .layout-valign-wrap,#modal-slots-layout .layout-valign-wrap{display:inline-flex; align-items:center; gap:4px; margin-right:8px; vertical-align:middle;}
#modal-layout-select .layout-mini-label,#modal-slots-layout .layout-mini-label{font-size:11px; color:var(--color-gray-1100); white-space:nowrap;}
#modal-layout-select .select-box-mini,#modal-slots-layout .select-box-mini{display:inline-flex;}
#modal-layout-select .select-box-mini select,#modal-slots-layout .select-box-mini select{height:22px; font-size:11px; padding:0 20px 0 6px !important; background-position:calc(100% - 5px) center; background-size:12px;}
#modal-layout-select .layout-sub-align{display:inline-flex; align-items:center; margin-right:4px;}
#modal-layout-select .layout-sub-align .layout-mini-label{font-size:10px;}
#modal-layout-select .layout-sub-insert{display:none; height:0; margin:0; border-radius:var(--radius-5); background:transparent; border:1px dashed transparent;}
#modal-layout-select .layout-sub-insert.is-drag-active{display:block; height:10px; background:var(--color-white); border-color:var(--color-gray-400);}
#modal-layout-select .layout-sub-insert.is-drag-active.drag-over{background:var(--color-light-active); border-color:#4f46e5; border-style:solid;}
#modal-layout-select .layout-area-card{display:inline-flex; flex-direction:column; align-items:stretch; gap:var(--gap-5); padding:8px 10px; background:var(--color-white); border:1px solid var(--color-gray-400); border-radius:var(--radius-5); cursor:grab; font-size:var(--font-xs); user-select:none; transition:border-color .15s, box-shadow .15s; min-width:140px; flex:0 0 auto;}
#modal-layout-select .layout-area-card-head{display:inline-flex; align-items:center; gap:var(--gap-5); flex-wrap:wrap;}
#modal-layout-select .layout-area-card.has-subs{background:var(--color-gray-100);}
#modal-layout-select .layout-area-card:hover{border-color:#4f46e5; box-shadow:0 2px 6px -2px color-mix(in srgb, #4f46e5 30%, transparent);}
#modal-layout-select .layout-area-card:focus-visible{outline:2px solid #4f46e5; outline-offset:2px;}
#modal-layout-select .layout-area-card.dragging{opacity:.4; cursor:grabbing;}
#modal-layout-select .layout-area-card,#modal-slots-layout .layout-area-card{position:relative;}
.layout-area-card-delete{position:absolute; top:-7px; right:-7px; width:18px; height:18px; padding:0; border:0; border-radius:50%; background:var(--color-black-500); cursor:pointer; opacity:0; transition:opacity .12s, transform .12s; z-index:2;}
.layout-area-card-delete::before{content:""; position:absolute; inset:0; background:var(--color-white); -webkit-mask:url('/asset/images/icon_close.svg') no-repeat center / 10px 10px; mask:url('/asset/images/icon_close.svg') no-repeat center / 10px 10px;}
.layout-area-card-duplicate{position:absolute; top:-7px; right:15px; width:18px; height:18px; padding:0; border:0; border-radius:50%; background:var(--color-black-500); cursor:pointer; opacity:0; transition:opacity .12s, transform .12s; z-index:2;}
.layout-area-card-duplicate::before{content:""; position:absolute; inset:0; background:var(--color-white); -webkit-mask:url('/asset/images/icon_copy.svg') no-repeat center / 10px 10px; mask:url('/asset/images/icon_copy.svg') no-repeat center / 10px 10px;}
.layout-area-card:hover .layout-area-card-delete,.layout-area-card:focus-within .layout-area-card-delete,.layout-area-card:hover .layout-area-card-duplicate,.layout-area-card:focus-within .layout-area-card-duplicate{opacity:1;}
.layout-area-card-delete:hover,.layout-area-card-duplicate:hover{transform:scale(1.1);}
.layout-area-card-delete:focus-visible,.layout-area-card-duplicate:focus-visible{outline:2px solid #4f46e5; outline-offset:2px; opacity:1;}
.layout-area-card.is-dynamic{border-color:#4f46e5;}
.layout-area-card.is-dynamic .layout-area-card-label::before{content:"+"; display:inline-block; margin-right:3px; padding:0 4px; background:#4f46e5; color:var(--color-white); font-size:9px; font-weight:700; border-radius:3px; vertical-align:middle;}
#modal-slots-layout .layout-area-card.has-subs{flex-direction:column; align-items:stretch; min-width:160px;}
#modal-slots-layout .layout-area-card .card-sub-count{display:inline-block; margin-left:4px; padding:0 5px; background:var(--color-orange-800, #d97706); color:var(--color-white); font-style:normal; font-size:11px; font-weight:500; border-radius:3px; vertical-align:middle;}
#modal-slots-layout .layout-area-card .card-sub-list{display:flex; flex-direction:column; gap:3px; margin-top:6px; padding-top:6px; border-top:1px dashed var(--color-gray-400);}
#modal-slots-layout .layout-area-card .card-sub-item{position:relative; display:flex; align-items:center; gap:4px; padding:3px 6px; background:var(--color-gray-100); border:1px solid var(--color-gray-300); border-radius:3px; font-size:10px; color:var(--color-black-500); cursor:grab;}
#modal-slots-layout .layout-area-card .card-sub-item.dragging{opacity:0.5; cursor:grabbing;}
#modal-slots-layout .layout-area-card .card-sub-item.sub-drag-over{border-color:#4f46e5; background:var(--color-light-active);}
#modal-slots-layout .layout-area-card .card-sub-item:focus-visible{outline:2px solid #4f46e5; outline-offset:1px;}
#modal-slots-layout .layout-area-card .card-sub-delete{position:absolute; top:-5px; right:-5px; width:14px; height:14px; padding:0; border:0; border-radius:50%; background:var(--color-black-500); cursor:pointer; opacity:0; transition:opacity .12s, transform .12s; z-index:2;}
#modal-slots-layout .layout-area-card .card-sub-delete::before{content:""; position:absolute; inset:0; background:var(--color-white); -webkit-mask:url('/asset/images/icon_close.svg') no-repeat center / 8px 8px; mask:url('/asset/images/icon_close.svg') no-repeat center / 8px 8px;}
#modal-slots-layout .layout-area-card .card-sub-item:hover .card-sub-delete,#modal-slots-layout .layout-area-card .card-sub-item:focus-within .card-sub-delete{opacity:1;}
#modal-slots-layout .layout-area-card .card-sub-delete:hover{transform:scale(1.1);}
#modal-slots-layout .layout-area-card .card-sub-move{display:inline-flex; gap:2px; margin-left:auto;}
#modal-slots-layout .layout-area-card .card-sub-move button{width:16px; height:16px; padding:0; border:1px solid var(--color-gray-400); border-radius:3px; background:var(--color-white); color:var(--color-black-500); font-size:10px; line-height:1; cursor:pointer;}
#modal-slots-layout .layout-area-card .card-sub-move button:hover:not(:disabled){border-color:#4f46e5; color:#4f46e5;}
#modal-slots-layout .layout-area-card .card-sub-move button:disabled{opacity:.3; cursor:default;}
#modal-slots-layout .layout-area-card .card-sub-delete:focus-visible{outline:2px solid #4f46e5; outline-offset:2px; opacity:1;}
#modal-slots-layout .layout-area-card .card-sub-num{font-weight:700; flex-shrink:0;}
#modal-slots-layout .layout-area-card .card-sub-type{flex:1; min-width:0; color:var(--color-gray-900);}
#modal-slots-layout .layout-area-card .card-sub-ratio{font-size:9px; color:var(--color-gray-900); flex-shrink:0;}
#modal-slots-layout #slotsAreaSettings{display:flex; flex-direction:column; gap:8px;}
#modal-slots-layout #slotsAreaSettings .area-row{display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:8px 10px; background:var(--color-gray-100); border-radius:var(--radius-5);}
#modal-slots-layout #slotsAreaSettings .area-label{flex:1 1 0; font-size:var(--font-sm); font-weight:700; color:var(--color-black-500); line-height:var(--height-35); min-width:0;}
#modal-slots-layout #slotsAreaSettings .area-label-badge{display:inline-block; margin-left:5px; padding:0 5px; background:#4f46e5; color:var(--color-white); font-style:normal; font-size:10px; font-weight:700; border-radius:3px; line-height:1.6; vertical-align:middle;}
#modal-slots-layout #slotsAreaSettings .area-action-wrap{display:inline-flex; align-items:center; gap:5px; flex-shrink:0;}
#modal-slots-layout #slotsAreaSettings .btn-slot-action{height:var(--height-30); padding:0 var(--padding-10); background:var(--color-white); border:1px solid var(--color-gray-400); border-radius:var(--radius-5); font-size:var(--font-sm); font-weight:600; color:var(--color-black-500); cursor:pointer; transition:background .12s, border-color .12s, color .12s; white-space:nowrap;}
#modal-slots-layout #slotsAreaSettings .btn-slot-action:hover{background:var(--color-gray-200); border-color:#4f46e5; color:#4f46e5;}
#modal-slots-layout #slotsAreaSettings .btn-slot-action:focus-visible{outline:2px solid #4f46e5; outline-offset:1px;}
.slot-content-dynamic:empty::before{content:"여기에 입력하세요"; color:var(--color-gray-900); font-style:italic; opacity:.6;}
.slot-content-dynamic[data-editable-key]:empty{min-height:24px; padding:4px 8px; outline:1px dashed var(--color-gray-400); outline-offset:-1px; border-radius:4px;}
[data-sub-container="1"]{display:flex !important; flex-direction:column; gap:8px; min-width:0 !important; max-width:100% !important; box-sizing:border-box !important;}
[data-sub-container="1"],[data-sub-container="1"] *{min-width:0 !important; max-width:100% !important; overflow-wrap:anywhere !important;  box-sizing:border-box !important;}
#modal-slots-layout #slotsAreaSettings .area-label-badge-split{background:var(--color-orange-800, #d97706);}
#modal-slots-layout #slotsAreaSettings .area-row.is-split{background:color-mix(in srgb, #4f46e5 6%, var(--color-gray-100));}
#modal-layout-select .layout-area-card-handle{color:var(--color-gray-900); font-size:11px; letter-spacing:-2px;}
#modal-layout-select .layout-area-card-label{font-weight:700; color:var(--color-black-500);}
#modal-layout-select .layout-area-card-ratio{display:inline-flex; align-items:center; gap:2px; color:var(--color-black-500); font-weight:500; flex-shrink:0;}
#modal-layout-select .layout-area-card-ratio input{width:44px; height:24px; padding:0 4px; border:1px solid var(--color-gray-400); border-radius:3px; font-size:12px; text-align:center; flex-shrink:0;}
#modal-layout-select .layout-area-card-actions{display:inline-flex; gap:2px;}
#modal-layout-select .layout-area-move{width:20px; height:20px; padding:0; background:var(--color-gray-200); color:var(--color-gray-900); border:0; border-radius:3px; font-size:9px; cursor:pointer; transition:background .15s, color .15s; display:inline-flex; align-items:center; justify-content:center;}
#modal-layout-select .layout-area-move:hover{background:#4f46e5; color:var(--color-white);}
#modal-layout-select .layout-area-move:focus-visible{outline:2px solid #4f46e5; outline-offset:1px;}
#modal-layout-select .layout-preview-row{display:flex; flex-direction:row;}
#modal-layout-select .layout-preview-sub-row{display:flex; flex-direction:row;}
#modal-slots-layout.modal-box .box{max-width:min(720px, 95vw);}
#modal-slots-layout .layout-device-banner{display:flex; align-items:center; flex-wrap:wrap; gap:var(--gap-5); padding:var(--padding-10) var(--padding-15); margin:0 0 var(--margin-15); background:var(--color-blue-300); border:1px solid var(--color-blue-800); border-left:4px solid var(--color-blue-1000); border-radius:var(--radius-5); font-size:var(--font-sm);}
#modal-slots-layout .layout-device-banner .layout-device-label{color:var(--color-blue-1200); font-weight:600; font-size:var(--font-xs);}
#modal-slots-layout .layout-device-banner .layout-device-name{color:var(--color-blue-1200); font-weight:800; font-size:var(--font-md); padding:0 var(--padding-5);}
#modal-slots-layout .layout-device-banner .layout-device-help{color:var(--color-blue-1200); font-weight:500; font-size:var(--font-xs); line-height:1.5;}
#modal-slots-layout .slots-edit-block{margin:0 0 var(--margin-15);}
#modal-slots-layout .slots-block-title{margin:0 0 var(--margin-5); font-size:var(--font-sm); font-weight:700; color:var(--color-black-500);}
#modal-slots-layout .slots-block-sub{font-weight:600; font-size:var(--font-xs); color:var(--color-gray-1200);}
#modal-slots-layout .slots-block-sub strong{font-weight:700;}
#modal-slots-layout .slots-canvas .layout-area-card{min-width:72px;}
#modal-slots-layout .layout-area-card.is-selected{border-color:#4f46e5; background:var(--color-light-active); box-shadow:0 0 0 2px color-mix(in srgb, #4f46e5 40%, transparent);}
#modal-slots-layout .layout-area-card.is-selected .layout-area-card-label{color:#4f46e5;}
#modal-slots-layout .slots-sel-block{margin:0 0 var(--margin-15);}
#modal-slots-layout .slots-sel-panel{display:flex; flex-direction:column; gap:var(--gap-10); padding:var(--padding-15); background:color-mix(in srgb, #4f46e5 5%, #fff); border:1.5px solid color-mix(in srgb, #4f46e5 42%, #fff); border-radius:var(--radius-8); box-shadow:0 2px 8px color-mix(in srgb, #4f46e5 12%, transparent);}
#modal-slots-layout .slots-sel-empty{margin:0; padding:var(--padding-10); font-size:var(--font-sm); color:var(--color-gray-900); text-align:center;}
#modal-slots-layout .slots-sel-head{display:flex; align-items:center; gap:var(--gap-5); padding:0 0 var(--padding-5); border-bottom:1px solid color-mix(in srgb, #4f46e5 22%, transparent);}
#modal-slots-layout .slots-sel-name{font-size:var(--font-md); font-weight:800; color:var(--color-black-500);}
#modal-slots-layout .slots-sel-field{display:flex; align-items:center; gap:var(--gap-10);}
#modal-slots-layout .slots-sel-label{flex:0 0 64px; font-size:var(--font-sm); font-weight:700; color:var(--color-black-500);}
#modal-slots-layout .slots-sel-control{flex:1; min-width:0; display:flex; align-items:center; gap:var(--gap-10); flex-wrap:wrap;}
#modal-slots-layout .slots-sel-control .layout-mini-label{display:none;}
#modal-slots-layout .slots-sel-control .layout-valign-wrap,#modal-slots-layout .slots-sel-control .layout-row-halign-wrap{display:inline-flex; align-items:center; margin-right:0;}
#modal-slots-layout .slots-sel-control .select-box-mini select{height:var(--height-30); font-size:var(--font-sm); padding:0 26px 0 8px !important; background-position:calc(100% - 7px) center; background-size:14px;}
#modal-slots-layout .slots-sel-unit{font-size:var(--font-sm); color:var(--color-gray-900); font-weight:600;}
#modal-slots-layout .slots-ratio-slider{flex:1; min-width:120px;}
.db-fill-slider{-webkit-appearance:none; appearance:none; height:6px; border-radius:3px; background:var(--color-gray-400); cursor:pointer;}
.db-fill-slider::-webkit-slider-runnable-track{height:6px; border-radius:3px; background:transparent;}
.db-fill-slider::-webkit-slider-thumb{-webkit-appearance:none; appearance:none; width:16px; height:16px; margin-top:-5px; border-radius:50%; background:#4f46e5; border:2px solid var(--color-white); box-shadow:0 1px 3px rgba(15,23,42,.35); cursor:pointer;}
.db-fill-slider::-moz-range-track{height:6px; border-radius:3px; background:transparent;}
.db-fill-slider::-moz-range-progress{height:6px; border-radius:3px; background:#4f46e5;}
.db-fill-slider::-moz-range-thumb{width:16px; height:16px; border-radius:50%; background:#4f46e5; border:2px solid var(--color-white); box-shadow:0 1px 3px rgba(15,23,42,.35); cursor:pointer;}
.db-fill-slider:focus-visible{outline:2px solid #4f46e5; outline-offset:2px;}
#modal-layout-select .layout-row-cards .layout-area-card{min-width:96px;}
#modal-layout-select .layout-area-ratio-slider{width:100%; margin-top:6px;}
#modal-slots-layout .slots-sel-control .slots-card-ratio{width:64px; height:var(--height-30); padding:0 6px; border:1px solid var(--color-gray-400); border-radius:var(--radius-5); font-size:var(--font-sm); text-align:right; box-sizing:border-box;}
#modal-slots-layout .slots-sel-control .slots-sub-gap-input{width:80px; height:var(--height-30); padding:0 6px; border:1px solid var(--color-gray-400); border-radius:var(--radius-5); font-size:var(--font-sm); text-align:right; box-sizing:border-box;}
#modal-slots-layout .slots-sel-split{gap:var(--gap-5);}
#modal-slots-layout .slots-sel-danger{justify-content:flex-end; padding-top:var(--padding-5); border-top:1px solid var(--color-gray-300);}
#modal-slots-layout .slots-sel-delete{position:static; width:auto; height:var(--height-30); padding:0 var(--padding-15); opacity:1; border:1px solid var(--color-gray-400); border-radius:var(--radius-5); background:var(--color-white); color:var(--color-red-1000, #dc2626); font-size:var(--font-xs); font-weight:600; cursor:pointer;}
#modal-slots-layout .slots-sel-delete::before{display:none;}
#modal-slots-layout .slots-sel-delete:hover{border-color:var(--color-red-1000, #dc2626); background:color-mix(in srgb, var(--color-red-1000, #dc2626) 6%, var(--color-white));}
#modal-slots-layout .slots-sel-delete:focus-visible{outline:2px solid #4f46e5; outline-offset:2px; opacity:1;}
#modal-icon-settings .layout-config-row,#modal-slots-layout .layout-config-row{display:flex; align-items:flex-start; gap:var(--gap-15); margin:0 0 var(--margin-15);}
#modal-icon-settings .layout-config-label,#modal-slots-layout .layout-config-label{flex:0 0 90px; font-size:var(--font-sm); font-weight:700; color:var(--color-black-500); line-height:var(--height-35);}
#modal-icon-settings .layout-config-value,#modal-slots-layout .layout-config-value{flex:1; min-width:0;}
#modal-slots-layout .layout-row-help{margin:0 0 var(--margin-10); font-size:var(--font-xs); color:var(--color-black-500); line-height:1.5;}
#modal-slots-layout .layout-row-editor{display:flex; flex-direction:column; gap:var(--gap-10); padding:var(--padding-10); background:var(--color-gray-100); border:1px solid var(--color-gray-300); border-radius:var(--radius-8); min-height:80px;}
#modal-slots-layout .layout-row{display:flex; align-items:center; gap:var(--gap-10);}
#modal-slots-layout .layout-row-label{flex:0 0 38px; font-size:var(--font-xs); font-weight:600; color:var(--color-gray-900); text-align:center;}
#modal-slots-layout .layout-row-cards{flex:1; display:flex; flex-wrap:nowrap; gap:var(--gap-5); min-height:48px; min-width:0; padding:var(--padding-5); background:var(--color-white); border:1px dashed var(--color-gray-400); border-radius:var(--radius-5); transition:background .15s, border-color .15s; overflow-x:auto;}
#modal-slots-layout .layout-row-cards.drag-over{background:var(--color-light-active); border-color:#4f46e5; border-style:solid;}
#modal-slots-layout .layout-area-card{display:inline-flex; flex-direction:column; align-items:stretch; gap:var(--gap-5); padding:8px 10px; background:var(--color-white); border:1px solid var(--color-gray-400); border-radius:var(--radius-5); cursor:grab; font-size:var(--font-xs); user-select:none; transition:border-color .15s, box-shadow .15s; min-width:140px; flex:0 0 auto;}
#modal-slots-layout .layout-area-card:hover{border-color:#4f46e5; box-shadow:0 2px 6px -2px color-mix(in srgb, #4f46e5 30%, transparent);}
#modal-slots-layout .layout-area-card:focus-visible{outline:2px solid #4f46e5; outline-offset:2px;}
#modal-slots-layout .layout-area-card.dragging{opacity:.4; cursor:grabbing;}
#modal-slots-layout .layout-area-card-head{display:inline-flex; align-items:center; gap:var(--gap-5); flex-wrap:wrap;}
#modal-slots-layout .layout-area-card-handle{color:var(--color-gray-900); font-size:11px; letter-spacing:-2px;}
#modal-slots-layout .layout-area-card-label{font-weight:700; color:var(--color-black-500);}
#modal-slots-layout .layout-area-card-ratio{display:inline-flex; align-items:center; gap:2px; color:var(--color-black-500); font-weight:500; flex-shrink:0;}
#modal-slots-layout .layout-area-card-ratio input{width:44px; height:24px; padding:0 4px; border:1px solid var(--color-gray-400); border-radius:3px; font-size:12px; text-align:center; flex-shrink:0;}
#modal-slots-layout .layout-preview-box{min-height:80px; padding:var(--padding-10); background:var(--color-gray-100); border:1px dashed var(--color-gray-500); border-radius:var(--radius-8); display:flex; flex-direction:column;}
#modal-slots-layout .layout-preview-box .layout-preview-row{display:flex; flex-direction:row;}
#modal-slots-layout .layout-preview-box .layout-preview-cell{flex:1 1 0; min-width:24px; min-height:24px; display:flex; flex-direction:column;}
#modal-slots-layout .layout-preview-box .preview-cell-inner{flex:1 1 0; background:var(--color-white); border:1px solid var(--color-gray-400); border-radius:var(--radius-5); min-height:24px; min-width:0; padding:2px 4px; display:flex; align-items:center; justify-content:center; text-align:center; word-break:keep-all; overflow-wrap:anywhere; font-size:11px; color:var(--color-black-500); font-weight:500;}
#modal-slots-layout .layout-row-help,#modal-layout-select .layout-row-help{background:var(--color-blue-300); border-left:3px solid var(--color-blue-1000); padding:var(--padding-10); border-radius:var(--radius-5); color:var(--color-blue-1200);}
#modal-slots-layout .layout-row-help strong,#modal-layout-select .layout-row-help strong{color:var(--color-blue-1200); font-weight:700;}
#modal-slots-layout .layout-row-help kbd,#modal-layout-select .layout-row-help kbd{display:inline-block; min-width:18px; padding:1px 6px; margin:0 1px; background:var(--color-white); border:1px solid var(--color-blue-1000); border-bottom-width:2px; border-radius:3px; font-family:'Courier New', monospace; font-size:11px; font-weight:700; color:var(--color-blue-1200); line-height:1.4; text-align:center; vertical-align:middle; box-shadow:0 1px 0 color-mix(in srgb, var(--color-blue-1200) 20%, transparent);}
#modal-slots-layout .layout-area-card.is-focused,#modal-layout-select .layout-area-card.is-focused,#modal-layout-select .layout-sub-card.is-focused{background:var(--color-light-active) !important; border-color:#4f46e5 !important; box-shadow:0 0 0 2px color-mix(in srgb, #4f46e5 30%, transparent), 0 4px 12px -4px color-mix(in srgb, #4f46e5 50%, transparent) !important; transform:translateY(-1px); transition:background .15s, border-color .15s, box-shadow .15s, transform .15s;}
#modal-slots-layout .layout-area-card.is-focused .layout-area-card-handle,#modal-layout-select .layout-area-card.is-focused .layout-area-card-handle,#modal-layout-select .layout-sub-card.is-focused .layout-sub-card-handle{color:#4f46e5;}
#modal-slots-layout .layout-area-card.is-focused .layout-area-card-label,#modal-layout-select .layout-area-card.is-focused .layout-area-card-label,#modal-layout-select .layout-sub-card.is-focused .layout-sub-card-label{color:#4f46e5;}
#modal-slots-layout .gap-input:disabled,#modal-layout-select .gap-input:disabled{background:var(--color-gray-200); color:var(--color-gray-900); cursor:not-allowed; opacity:.6;}
#modal-slots-layout .gap-input:disabled + .ratio-unit,#modal-layout-select .gap-input:disabled + .ratio-unit{opacity:.6;}
#modal-icon-settings .layout-gap-row,#modal-slots-layout .layout-gap-row{display:flex; align-items:center; gap:var(--gap-15); flex-wrap:wrap;}
#modal-icon-settings .layout-gap-row .ratio-input-wrap,#modal-slots-layout .layout-gap-row .ratio-input-wrap{display:inline-flex; align-items:center; gap:6px; height:var(--height-35);}
#modal-icon-settings .gap-input,#modal-slots-layout .gap-input{width:64px; height:var(--height-35); padding:0 var(--padding-10); border:1px solid var(--color-gray-400); border-radius:var(--radius-5); font-size:var(--font-sm); text-align:right; box-sizing:border-box;}
#modal-icon-settings .gap-input:focus-visible,#modal-slots-layout .gap-input:focus-visible{outline:2px solid #4f46e5; outline-offset:1px; border-color:#4f46e5;}
#modal-icon-settings .ratio-unit,#modal-slots-layout .ratio-unit{font-size:var(--font-sm); color:var(--color-black-500); font-weight:500; line-height:var(--height-35);}
#modal-layout-select .layout-sub-editor{display:flex; flex-direction:column; gap:4px; margin-top:6px; padding:6px; background:var(--color-white); border:1px solid var(--color-gray-300); border-radius:4px;}
#modal-layout-select .layout-sub-row{display:flex; align-items:center; gap:4px;}
#modal-layout-select .layout-sub-cards{flex:1; display:flex; flex-wrap:nowrap; gap:5px; min-height:32px; min-width:0; padding:5px; background:var(--color-gray-100); border:1px dashed var(--color-gray-400); border-radius:3px; transition:background .15s, border-color .15s; overflow-x:auto;}
#modal-layout-select .layout-sub-cards.drag-over{background:var(--color-light-active); border-color:#4f46e5; border-style:solid;}
#modal-layout-select .layout-sub-card{display:flex; align-items:center; gap:4px; padding:5px 7px; background:var(--color-white); border:1px solid var(--color-gray-400); border-radius:3px; cursor:grab; font-size:11px; user-select:none; min-width:90px; flex:1 1 0;}
#modal-layout-select .layout-sub-card:hover{border-color:#4f46e5;}
#modal-layout-select .layout-sub-card:focus-visible{outline:2px solid #4f46e5; outline-offset:1px;}
#modal-layout-select .layout-sub-card.dragging{opacity:.4; cursor:grabbing;}
#modal-layout-select .layout-sub-card-handle{color:var(--color-gray-900); font-size:9px;}
#modal-layout-select .layout-sub-card-label{flex:1; min-width:0; font-weight:700; color:var(--color-black-500);}
#modal-layout-select .layout-sub-card-ratio{display:inline-flex; align-items:center; gap:1px; color:var(--color-black-500); font-weight:500; flex-shrink:0;}
#modal-layout-select .layout-sub-card-ratio input{width:52px; height:22px; padding:0 4px; border:1px solid var(--color-gray-400); border-radius:2px; font-size:11px; text-align:center; flex-shrink:0;}
#modal-layout-select .layout-sub-card-actions{display:inline-flex; gap:1px;}
#modal-layout-select .layout-sub-move{width:16px; height:16px; padding:0; background:var(--color-gray-200); color:var(--color-gray-900); border:0; border-radius:2px; font-size:7px; cursor:pointer; display:inline-flex; align-items:center; justify-content:center;}
#modal-layout-select .layout-sub-move:hover{background:#4f46e5; color:var(--color-white);}
#modal-layout-select .gridb-quickstart{margin:12px 0 10px;}
#modal-layout-select .gridb-quickstart-lbl{display:block; margin-bottom:8px; font-size:16px; font-weight:700; color:var(--color-black-600);}
#modal-layout-select .gridb-preset-swiper{display:flex; align-items:center; gap:8px; width:100%;}
#modal-layout-select .gridb-preset-arrow{flex:0 0 30px; width:30px; height:30px; border:1px solid var(--color-gray-300); border-radius:50%; background-color:var(--color-white); background-repeat:no-repeat; background-position:center; background-size:14px; cursor:pointer;}
#modal-layout-select .gridb-preset-arrow:hover{border-color:#4f46e5; background-color:var(--color-gray-100);}
#modal-layout-select .gridb-preset-arrow.is-off{opacity:.35; cursor:default;}
#modal-layout-select .gridb-canvas-wrap{margin:0 0 12px;}
#modal-layout-select .gridb-canvas{display:flex; flex-direction:column; width:100%; min-height:200px; padding:8px; border:1px solid var(--color-gray-400); border-radius:var(--radius-8); background:repeating-linear-gradient(45deg,transparent,transparent 9px,color-mix(in srgb,var(--color-gray-200) 45%,transparent) 9px,color-mix(in srgb,var(--color-gray-200) 45%,transparent) 18px);}
#modal-layout-select .gridb-row{display:flex; flex-direction:row; min-height:44px; min-width:0;}
#modal-layout-select .gridb-cell{position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; min-width:0; min-height:0; border:1.5px solid var(--color-gray-400); border-radius:var(--radius-5); background:var(--color-white); cursor:pointer; overflow:hidden; transition:border-color .1s, box-shadow .1s;}
#modal-layout-select .gridb-cell:hover{border-color:#4f46e5;}
#modal-layout-select .gridb-cell.is-sel{border-color:#4f46e5; box-shadow:0 0 0 2px color-mix(in srgb,#4f46e5 30%,transparent);}
#modal-layout-select .gridb-cell.has-sub{padding:3px; cursor:default;}
#modal-layout-select .gridb-cell-label{font-size:12px; font-weight:600; color:var(--color-gray-1100); pointer-events:none;}
#modal-layout-select .gridb-cell-size{font-size:10px; color:var(--color-gray-1000); pointer-events:none;}
#modal-layout-select .gridb-cell-tb{position:absolute; top:3px; right:3px; display:none; gap:2px; z-index:3;}
#modal-layout-select .gridb-cell.is-sel > .gridb-cell-tb,#modal-layout-select .gridb-cell:hover > .gridb-cell-tb{display:flex;}
#modal-layout-select .gridb-tb-btn{width:22px; height:22px; padding:0; display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--color-gray-500); border-radius:4px; background:var(--color-white); color:var(--color-gray-1200); font-size:12px; line-height:1; cursor:pointer;}
#modal-layout-select .gridb-tb-btn:hover{background:#4f46e5; border-color:#4f46e5; color:var(--color-white);}
#modal-layout-select .gridb-tb-del:hover{background:var(--color-red-1000,#dc2626); border-color:var(--color-red-1000,#dc2626);}
#modal-layout-select .gridb-sub{display:flex; flex-direction:column; width:100%; height:100%; gap:3px;}
#modal-layout-select .gridb-sub-row{display:flex; flex-direction:row; flex:1 1 0; gap:3px; min-height:22px;}
#modal-layout-select .gridb-sub-cell{display:flex; align-items:center; justify-content:center; min-width:0; border:1px dashed var(--color-gray-500); border-radius:3px; background:color-mix(in srgb,var(--color-gray-100) 70%,transparent);}
#modal-layout-select .gridb-sub-cell .gridb-cell-label{font-size:10px; color:var(--color-gray-1000);}
#modal-layout-select .gridb-divider-v{flex-shrink:0; cursor:col-resize; align-self:stretch; background:transparent; position:relative;}
#modal-layout-select .gridb-divider-v::before{content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:3px; height:60%; border-radius:2px; background:var(--color-gray-500);}
#modal-layout-select .gridb-divider-h{flex-shrink:0; cursor:row-resize; width:100%; background:transparent; position:relative;}
#modal-layout-select .gridb-divider-h::before{content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); height:3px; width:40px; border-radius:2px; background:var(--color-gray-500);}
#modal-layout-select .gridb-divider:hover::before,#modal-layout-select .gridb-divider.is-dragging::before{background:#4f46e5;}
#modal-layout-select .gridb-footbar{display:flex; align-items:center; gap:14px; flex-wrap:wrap; padding-top:10px; border-top:1px solid var(--color-gray-300);}
#modal-layout-select .gridb-gap{display:inline-flex; align-items:center; gap:5px; font-size:12px; color:var(--color-black-600);}
#modal-layout-select .gridb-gap input{width:52px; height:30px; padding:0 6px; border:1px solid var(--color-gray-400); border-radius:var(--radius-5); text-align:right;}
#modal-layout-select .gridb-gap em{font-style:normal; font-size:11px; color:var(--color-gray-1000);}
#modal-layout-select .gridb-foot-spacer{flex:1 1 auto;}
#modal-layout-select .gridb-sel-panel{display:none; align-items:center; gap:10px; flex-wrap:wrap; margin:8px 0 0; padding:8px 10px; border:1px solid #4f46e5; border-radius:var(--radius-8); background:color-mix(in srgb,#4f46e5 6%,var(--color-white));}
#modal-layout-select .gridb-sel-panel.is-active{display:flex;}
#modal-layout-select .gridb-sel-title{font-size:12px; font-weight:700; color:#4f46e5;}
#modal-layout-select .gridb-sel-f{display:inline-flex; align-items:center; gap:4px; font-size:12px; color:var(--color-black-600);}
#modal-layout-select .gridb-sel-f input{width:52px; height:28px; padding:0 5px; border:1px solid var(--color-gray-400); border-radius:var(--radius-5); text-align:right; font-size:12px;}
#modal-layout-select .gridb-sel-f select{height:28px; padding:0 4px; border:1px solid var(--color-gray-400); border-radius:var(--radius-5); font-size:12px; background:#fff;}
#modal-layout-select .gridb-sel-f em{font-style:normal; font-size:11px; color:var(--color-gray-1000);}
#modal-layout-select .gtree-cell{position:relative; min-width:0; min-height:0; box-sizing:border-box;}
#modal-layout-select .gtree-leaf{display:flex; align-items:center; justify-content:center; padding:26px 12px 12px; border:1.5px solid var(--color-gray-400); border-radius:var(--radius-5); background:var(--color-white); cursor:pointer; transition:border-color .1s, box-shadow .1s;}
#modal-layout-select .gtree-leaf:hover{border-color:#4f46e5; background:color-mix(in srgb,#4f46e5 8%,var(--color-white));}
#modal-layout-select .gtree-cont{border:1.5px dashed var(--color-gray-500); border-radius:var(--radius-5); background:color-mix(in srgb,var(--color-gray-100) 40%,transparent); padding:24px 5px 5px; box-sizing:border-box; cursor:pointer;}
#modal-layout-select .gtree-cont::before{content:"그룹"; position:absolute; top:4px; left:6px; font-size:10px; font-weight:600; color:var(--color-gray-1000); pointer-events:none;}
#modal-layout-select .gtree-cont:hover{border-color:#4f46e5; background:color-mix(in srgb,#4f46e5 8%,transparent);}
#modal-layout-select .gtree-cell.is-sel{border-color:#4f46e5; box-shadow:0 0 0 2px color-mix(in srgb,#4f46e5 30%,transparent);}
#modal-layout-select .gtree-cell.gtree-dropzone{outline:2px dashed #4f46e5; outline-offset:-2px;}
#modal-layout-select .gtree-label{position:absolute; top:3px; left:6px; font-size:11px; font-weight:600; color:var(--color-gray-1100); pointer-events:none; z-index:1;}
#modal-layout-select .gtree-hint{font-size:var(--font-sm); font-weight:500; color:var(--color-gray-1000); opacity:.7; pointer-events:none; user-select:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%; padding:0 6px; transition:opacity .12s, color .12s;}
#modal-layout-select .gtree-leaf:hover .gtree-hint,#modal-layout-select .gtree-leaf.is-sel .gtree-hint{opacity:1; color:#4f46e5;}
#modal-layout-select .gtree-tb{position:absolute; top:2px; right:2px; display:none; gap:2px; z-index:4;}
#modal-layout-select .gtree-cell:hover:not(:has(.gtree-cell:hover)) > .gtree-tb{display:flex;}
#layoutGridCanvas:not(:has(.gtree-cell:hover)) .gtree-cell.is-sel > .gtree-tb{display:flex;}
#modal-layout-select .gtree-tb-btn{width:20px; height:20px; padding:0; display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--color-gray-500); border-radius:4px; background:var(--color-white); color:var(--color-gray-1200); font-size:11px; line-height:1; cursor:pointer;}
#modal-layout-select .gtree-tb-btn:hover{background:#4f46e5; border-color:#4f46e5; color:var(--color-white);}
#modal-layout-select .gtree-tb-move{cursor:grab; touch-action:none;}
#modal-layout-select .gtree-tb-move:active{cursor:grabbing;}
#modal-layout-select .gtree-tb-del:hover{background:var(--color-red-1000,#dc2626); border-color:var(--color-red-1000,#dc2626);}
#modal-layout-select .gtree-divider{position:relative; place-self:stretch; z-index:3;}
#modal-layout-select .gtree-div-h{cursor:col-resize;}
#modal-layout-select .gtree-div-v{cursor:row-resize;}
#modal-layout-select .gtree-div-h::before{content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:3px; height:56%; border-radius:2px; background:var(--color-gray-500);}
#modal-layout-select .gtree-div-v::before{content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); height:3px; width:36px; border-radius:2px; background:var(--color-gray-500);}
#modal-layout-select .gtree-divider:hover::before,#modal-layout-select .gtree-divider.is-dragging::before{background:#4f46e5;}
#modal-layout-select .gtree-sel-title{font-size:12px; font-weight:700; color:#4f46e5;}
#modal-layout-select .gtree-sel-f{display:inline-flex; align-items:center; flex:0 0 auto; gap:6px; font-size:12px; color:var(--color-black-600);}
#modal-layout-select .gtree-sel-lbl{flex:0 0 auto; white-space:nowrap; font-size:12px; font-weight:600; color:var(--color-black-600);}
#modal-layout-select #gridbSelPanel .gtree-sel-ibox{width:96px; flex:0 0 96px; padding:0 8px;}
#modal-layout-select #gridbSelPanel .gtree-sel-ibox input{height:38px; text-align:right; font-size:13px;}
#modal-layout-select #gridbSelPanel .gtree-sel-ibox em{font-style:normal; font-size:12px; color:var(--color-gray-1000);}
#modal-layout-select #gridbSelPanel .gtree-sel-sbox{width:140px; flex:0 0 140px; min-width:140px;}
#modal-layout-select #gridbSelPanel .gtree-sel-sbox select{height:38px; font-size:13px;}
#modal-layout-select #gridbSelPanel .gtree-sel-cross{flex:0 0 auto; font-size:11px; color:var(--color-gray-1000); white-space:nowrap;}
#modal-layout-select .gtree-cell.gtree-flash{animation:gtreeFlash .7s ease;}
@keyframes gtreeFlash{0%{box-shadow:0 0 0 3px #4f46e5; background:color-mix(in srgb,#4f46e5 22%,transparent);} 100%{box-shadow:0 0 0 0 transparent;}}
#modal-layout-select .gtree-cell.gtree-dragging{outline:2px solid #4f46e5; outline-offset:-2px;}
.gtree-drag-ghost{position:fixed; z-index:100000; pointer-events:none; opacity:.55; border:2px solid #4f46e5; border-radius:var(--radius-5); background:var(--color-white); box-shadow:0 8px 24px -6px rgba(0,0,0,.35); overflow:hidden; box-sizing:border-box;}
#modal-layout-select .layout-config-row{display:flex; align-items:center; gap:var(--gap-15); margin:0 0 var(--margin-15);}
#modal-layout-select .layout-config-label{flex:0 0 100px; font-size:var(--font-sm); font-weight:700; color:var(--color-black-500);}
#modal-layout-select .layout-config-value{flex:1; min-width:0;}
#modal-layout-select .layout-config-row > .layout-config-value.layout-split-count{flex:0 0 auto; display:inline-flex; width:fit-content; gap:0; border:1px solid var(--color-gray-400); border-radius:var(--radius-8); overflow:hidden; background:var(--color-white);}
#modal-layout-select .split-count-btn{padding:0 var(--padding-15); height:var(--height-40); box-sizing:border-box; background:var(--color-white); border:0; border-right:1px solid var(--color-gray-300); font-size:var(--font-md); font-weight:500; color:var(--color-gray-900); cursor:pointer; transition:background .15s, color .15s; min-width:42px;}
#modal-layout-select .split-count-btn:last-child{border-right:0;}
#modal-layout-select .split-count-btn:hover{background:var(--color-gray-200);}
#modal-layout-select .split-count-btn.active{background:#4f46e5; color:var(--color-white);}
.side-area-grid-picker{border-bottom:1px solid var(--color-gray-300); margin-bottom:6px; padding-bottom:14px;}
.db-area-chip-hint{font-size:11.5px; color:var(--color-gray-1000); margin:0 0 9px; line-height:1.5;}
.db-area-chip-hint,.db-btnpick-hint,.db-le-tokens-hint,.richtext-side-notice,.rt-notice-hint,.db-listedit-desc,.db-exthelp-desc{word-break:keep-all;}
.split-area-editing-label{display:flex; align-items:center; gap:6px; margin-bottom:10px; padding:6px 10px; border:1px solid #c7d2fe; border-radius:var(--radius-8); background:#eef2ff; overflow:hidden; font-size:11.5px; font-weight:600; color:#3730a3;}
.split-area-editing-label::before{content:""; flex:0 0 auto; width:6px; height:6px; border-radius:50%; background:#4f46e5;}
.split-area-map{display:flex; gap:5px; height:auto; padding:6px; border:1px solid var(--color-gray-300); border-radius:var(--radius-8); background:var(--color-gray-100);}
.split-area-map.split-area-map-whole,.split-area-map.split-area-map-chips{display:inline-flex; flex-wrap:wrap; gap:6px; width:auto; max-width:100%; height:auto; min-height:0; margin:0 6px 0 0; padding:0; border:0; background:none; vertical-align:top;}
.split-area-map.split-area-map-whole > .split-area-map-cell,.split-area-map.split-area-map-chips .split-area-map-cell{flex:0 0 auto; width:auto; min-width:0; height:27px; padding:0 12px; border-radius:99px; font-size:11.5px;}
.split-area-map[data-area-slot="root"]{padding:7px; background:var(--color-white); box-shadow:inset 0 0 0 3px var(--color-gray-100);}
.split-area-map[data-area-slot="root"]:hover{border-color:#4f46e5;}
.split-area-map.has-style{border-color:#a5b4fc;}
.split-area-map.active{border-color:#4f46e5; background:#eef2ff; box-shadow:inset 0 0 0 3px #e0e7ff;}
.split-area-map-cap{display:block; margin:10px 0 6px; padding-top:10px; border-top:1px solid var(--color-gray-300); font-size:11px; font-weight:600; color:var(--color-gray-1000);}
.split-area-map-grp{position:relative; padding:5px; border:1px dashed var(--color-gray-500); border-radius:6px; cursor:pointer; transition:border-color .12s, background .12s;}
.split-area-map-grp:hover{border-color:#4f46e5;}
.split-area-map-grp.has-style{border-color:#a5b4fc;}
.split-area-map-grp.active{border-color:#4f46e5; border-style:solid; background:#e0e7ff;}
.split-area-map-col{display:flex; flex-direction:column; gap:5px; min-width:0;}
.split-area-map-cell.split-area-map-cell{position:relative; flex:1 1 0; min-height:26px; min-width:0; display:flex; align-items:center; justify-content:center; border:1px solid var(--color-gray-400); border-radius:6px; background:var(--color-white); font-size:11px; font-weight:500; color:var(--color-gray-1100); cursor:pointer; overflow:hidden; transition:border-color .12s, background .12s, color .12s, box-shadow .12s;}
.split-area-map-cell span{pointer-events:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 2px;}
.split-area-map-cell:hover{border-color:#4f46e5; background:#f5f5ff;}
.split-area-map-cell:focus-visible{outline:2px solid #4f46e5; outline-offset:1px;}
.split-area-map-cell.has-style{border-color:#a5b4fc; color:#4f46e5; font-weight:700;}
.split-area-map-cell.has-style::after{content:""; position:absolute; top:4px; right:4px; width:5px; height:5px; border-radius:50%; background:#4f46e5;}
.split-area-map-cell.active{background:#4f46e5; border-color:#4f46e5; color:var(--color-white); box-shadow:0 1px 4px rgba(79,70,229,.35);}
.split-area-map-cell.active.has-style{color:var(--color-white);}
.split-area-map-cell.active.has-style::after{background:var(--color-white);}
#modal-layout-select .layout-split-direction{display:inline-flex; gap:var(--gap-10);}
#modal-layout-select .split-dir-btn{padding:0 var(--padding-15); height:var(--height-40); background:var(--color-white); border:1px solid var(--color-gray-400); border-radius:var(--radius-8); font-size:var(--font-sm); font-weight:500; color:var(--color-gray-900); cursor:pointer; transition:border-color .15s, background .15s, color .15s;}
#modal-layout-select .split-dir-btn:hover{border-color:#4f46e5; color:#4f46e5;}
#modal-layout-select .split-dir-btn.active{background:#4f46e5; border-color:#4f46e5; color:var(--color-white);}
#modal-layout-select .layout-split-ratios{display:flex; flex-direction:column; gap:8px;}
#modal-layout-select .area-row{display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:8px 10px; background:var(--color-gray-100); border-radius:var(--radius-5);}
#modal-layout-select .area-row .area-label{flex:0 0 60px; font-size:var(--font-sm); font-weight:700; color:var(--color-black-500); line-height:var(--height-35);}
#modal-layout-select .layout-gap-row .ratio-input-wrap{display:inline-flex; align-items:center; gap:6px; height:var(--height-35);}
#modal-layout-select .gap-input,#modal-layout-select .area-row .vsplit-ratios .vsplit-ratio-input{width:64px; height:var(--height-35); padding:0 var(--padding-10); border:1px solid var(--color-gray-400); border-radius:var(--radius-5); font-size:var(--font-sm); text-align:right; box-sizing:border-box;}
#modal-layout-select .gap-input:focus-visible,#modal-layout-select .vsplit-ratio-input:focus-visible{outline:2px solid #4f46e5; outline-offset:1px; border-color:#4f46e5;}
#modal-layout-select .area-row .ratio-unit,#modal-layout-select .ratio-unit{font-size:var(--font-sm); color:var(--color-black-500); font-weight:500; line-height:var(--height-35);}
#modal-layout-select .area-row .vsplit-control{display:inline-flex; align-items:center; gap:6px; margin-left:auto;}
#modal-layout-select .area-row .vsplit-count{display:inline-flex; align-items:center; gap:0; height:var(--height-35); border:1px solid var(--color-gray-400); border-radius:var(--radius-5); overflow:hidden; background:var(--color-white); box-sizing:border-box;}
#modal-layout-select .area-row .vsplit-count-label{font-size:var(--font-sm); color:var(--color-black-500); font-weight:600; line-height:var(--height-35);}
#modal-layout-select .area-row .vsplit-count-btn{padding:0 var(--padding-10); height:100%; box-sizing:border-box; background:var(--color-white); border:0; border-right:1px solid var(--color-gray-300); font-size:var(--font-sm); font-weight:500; color:var(--color-gray-900); cursor:pointer; transition:background .15s, color .15s; min-width:36px;}
#modal-layout-select .area-row .vsplit-count-btn:last-child{border-right:0;}
#modal-layout-select .area-row .vsplit-count-btn:hover{background:var(--color-gray-200);}
#modal-layout-select .area-row .vsplit-count-btn.active{background:#4f46e5; color:var(--color-white);}
#modal-layout-select .area-row .vsplit-gaps{display:flex; flex-basis:100%; flex-wrap:wrap; align-items:center; gap:8px; padding-top:6px; border-top:1px dashed var(--color-gray-400);}
#modal-layout-select .area-row .vsplit-gaps .vsplit-label{font-size:var(--font-sm); color:var(--color-black-500); font-weight:600; white-space:nowrap;}
#modal-layout-select .area-row .vsplit-gap-item{display:inline-flex; align-items:center; gap:4px; font-size:var(--font-xs); color:var(--color-gray-900);}
#modal-layout-select .area-row .vsplit-gap-item em{font-style:normal; font-weight:700; color:var(--color-black-500);}
#modal-layout-select .area-row .vsplit-gap-item input{width:52px; height:var(--height-30); padding:0 4px; border:1px solid var(--color-gray-400); border-radius:var(--radius-5); font-size:var(--font-sm); font-weight:600; color:var(--color-black-500); text-align:center; box-sizing:border-box;}
#modal-layout-select .area-row .vsplit-ratios{display:flex; flex-basis:100%; flex-wrap:wrap; align-items:center; gap:10px; padding-top:6px; border-top:1px dashed var(--color-gray-400);}
#modal-layout-select .area-row .vsplit-ratios .vsplit-label{font-size:var(--font-sm); color:var(--color-black-500); font-weight:600; white-space:nowrap; line-height:var(--height-35);}
#modal-layout-select .layout-gap-row{display:flex; align-items:center; gap:var(--gap-15); flex-wrap:wrap;}
#modal-layout-select .layout-gap-row .ratio-input-wrap .ratio-input-label{font-size:var(--font-sm); color:var(--color-gray-900); white-space:nowrap; line-height:var(--height-35);}
#modal-layout-select .layout-preview-box{min-height:120px; padding:var(--padding-10); background:var(--color-gray-100); border:1px dashed var(--color-gray-500); border-radius:var(--radius-8); display:flex; gap:6px;}
#modal-layout-select .layout-preview-box > .layout-preview-cell{flex:1 1 0; min-width:24px; min-height:24px; display:flex; flex-direction:column; gap:4px;}
#modal-layout-select .layout-preview-box .preview-cell-inner{flex:1 1 0; background:var(--color-white); border:1px solid var(--color-gray-400); border-radius:var(--radius-5); min-height:44px; min-width:0; padding:8px 6px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; text-align:center; word-break:keep-all; overflow-wrap:anywhere; font-size:11px; color:var(--color-black-500); font-weight:500;}
#modal-layout-select .layout-preset-group{margin:0 0 var(--margin-20);}
#modal-layout-select .layout-preset-group-title{font-size:var(--font-sm); font-weight:600; color:var(--color-gray-900); margin:0 0 8px;}
#modal-layout-select .layout-preset-row{display:flex; flex-wrap:wrap; gap:var(--gap-10);}
#modal-layout-select .layout-preset-card{flex:0 0 auto; background:transparent; border:0; padding:0; cursor:pointer; transition:transform .15s ease;}
#modal-layout-select .layout-preset-card:hover{transform:translateY(-2px);}
#modal-layout-select .layout-preset-card:focus-visible{outline:2px solid #4f46e5; outline-offset:2px; border-radius:var(--radius-5);}
#modal-layout-select .preset-preview{width:88px; height:64px; background:transparent; border-radius:var(--radius-5); padding:0; transition:filter .15s;}
#modal-layout-select .layout-preset-card:hover .preset-preview{filter:brightness(1.04);}
#modal-layout-select .preset-grid{width:100%; height:100%; display:grid; gap:3px;}
#modal-layout-select .preset-grid > span{background:var(--color-gray-500); border-radius:2px;}
#modal-layout-select .preset-grid.full{grid-template-columns:1fr;}
#modal-layout-select .preset-grid.h2-eq{grid-template-columns:1fr 1fr;}
#modal-layout-select .preset-grid.h2-12{grid-template-columns:1fr 2fr;}
#modal-layout-select .preset-grid.h2-21{grid-template-columns:2fr 1fr;}
#modal-layout-select .preset-grid.v2-eq{grid-template-rows:1fr 1fr;}
#modal-layout-select .preset-grid.h3-eq{grid-template-columns:repeat(3, 1fr);}
#modal-layout-select .preset-grid.left-right2v{grid-template-columns:1fr 1fr; grid-template-rows:1fr 1fr;}
#modal-layout-select .preset-grid.left-right2v > .lg{grid-row:span 2;}
#modal-layout-select .preset-grid.left2v-right{grid-template-columns:1fr 1fr; grid-template-rows:1fr 1fr;}
#modal-layout-select .preset-grid.left2v-right > .lg{grid-row:span 2; grid-column:2;}
#modal-layout-select .preset-grid.top-bottom2h{grid-template-columns:1fr 1fr; grid-template-rows:1fr 1fr;}
#modal-layout-select .preset-grid.top-bottom2h > .lg{grid-column:span 2;}
#modal-layout-select .preset-grid.grid-2x2{grid-template-columns:1fr 1fr; grid-template-rows:1fr 1fr;}
#modal-layout-select .preset-grid.h4-eq{grid-template-columns:repeat(4, 1fr);}
#modal-layout-select .preset-grid.grid-2x3{grid-template-columns:repeat(3, 1fr); grid-template-rows:1fr 1fr;}
#modal-layout-select .preset-grid.grid-3x2{grid-template-columns:1fr 1fr; grid-template-rows:repeat(3, 1fr);}
#modal-layout-select .preset-grid.grid-2x4{grid-template-columns:repeat(4, 1fr); grid-template-rows:1fr 1fr;}
#modal-layout-select .preset-grid.grid-4x2{grid-template-columns:1fr 1fr; grid-template-rows:repeat(4, 1fr);}
#modal-layout-select .layout-preset-card:hover .preset-grid > span{background:#4f46e5;}
@media (max-width:600px){
#modal-layout-select .preset-preview{width:72px; height:54px;}
}
#modal-bg-image-settings.modal-box .box{max-width:min(1100px, 95vw); box-sizing:border-box;}
#modal-bg-image-settings .modal-body{box-sizing:border-box; max-width:100%; overflow-x:hidden;}
#modal-bg-image-settings .modal-body *{box-sizing:border-box;}
#modal-bg-image-settings .bg-modal-file-row{margin-bottom:var(--margin-15);}
.bg-ratio-presets{display:flex; flex-wrap:wrap; gap:var(--gap-5); padding:var(--padding-10); background:var(--color-gray-100); border:1px solid var(--color-gray-300); border-radius:var(--radius-5); margin-bottom:var(--margin-15); max-width:100%;}
.bg-ratio-btn{display:inline-flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; min-width:54px; padding:8px 10px; background:var(--color-white); border:1px solid var(--color-gray-400); border-radius:var(--radius-5); font-size:var(--font-xs); font-weight:500; color:var(--color-black-500); cursor:pointer; transition:border-color .12s, background .12s, color .12s;}
.bg-ratio-btn:hover{border-color:#4f46e5; color:#4f46e5;}
.bg-ratio-btn:focus-visible{outline:2px solid #4f46e5; outline-offset:1px;}
.ratio-icon{display:inline-block; height:14px; aspect-ratio:var(--ar, 1/1); border:1.5px solid currentColor; border-radius:2px;}
.ratio-icon-free{height:14px; width:14px; aspect-ratio:auto; border-style:dashed;}
#modal-bg-image-settings .bg-cropper-wrap{position:relative; width:100%; max-width:100%; min-height:340px; max-height:64vh; padding:20px; margin-bottom:var(--margin-15);}
#modal-bg-image-settings .bg-cropper-empty{min-height:300px;}
#modal-bg-image-settings .bg-cropper-empty[hidden]{display:none;}
#modal-bg-image-settings .bg-cropper-area{width:100%; max-height:60vh; min-height:300px;}
#modal-bg-image-settings .bg-cropper-area[hidden]{display:none;}
#modal-bg-image-settings .bg-cropper-area img{display:block; max-width:100%;}
#modal-bg-image-settings .bg-cropper-overlay{position:absolute; top:20px; right:20px; bottom:20px; left:20px; background:transparent; pointer-events:none; z-index:10;}
#modal-bg-image-settings .cropper-modal{background-color:#000; opacity:0.35;}
#modal-bg-image-settings .bg-modal-options-row{display:flex; flex-wrap:wrap; gap:var(--gap-15); max-width:100%;}
#modal-bg-image-settings .bg-modal-section{display:flex; flex-direction:column; gap:var(--gap-5); min-width:140px;}
#modal-bg-image-settings .bg-modal-section-title{font-size:var(--font-md); font-weight:700; color:var(--color-black); display:block; padding-bottom:9px; margin-bottom:12px; border-bottom:1px solid var(--color-gray-300);}
#modal-bg-image-settings .bg-position-grid{display:grid; grid-template-columns:repeat(3, 1fr); grid-template-rows:repeat(3, 32px); gap:var(--gap-5); width:108px;}
#modal-bg-image-settings .bg-pos-cell{position:relative; padding:0; background:var(--color-white); border:1px solid var(--color-gray-400); border-radius:var(--radius-5); cursor:pointer; transition:border-color .12s, background .12s;}
#modal-bg-image-settings .bg-pos-cell::after{content:""; position:absolute; top:50%; left:50%; width:8px; height:8px; background:var(--color-gray-500); border-radius:50%; transform:translate(-50%, -50%); transition:background .12s, transform .12s;}
#modal-bg-image-settings .bg-pos-cell:hover{border-color:#4f46e5;}
#modal-bg-image-settings .bg-pos-cell:focus-visible{outline:2px solid #4f46e5; outline-offset:1px;}
#modal-bg-image-settings .bg-pos-cell.is-active{border-color:#4f46e5; background:color-mix(in srgb, #4f46e5 10%, transparent);}
#modal-bg-image-settings .bg-pos-cell.is-active::after{background:#4f46e5; transform:translate(-50%, -50%) scale(1.5);}
#modal-bg-image-settings .bg-modal-area-preview-row{display:block; margin-top:var(--gap-15);}
#modal-bg-image-settings[data-mode="image"] .bg-modal-area-preview-row{display:none;}
#modal-bg-image-settings .bg-area-prev-empty{display:flex; align-items:center; justify-content:center; min-height:100px; padding:var(--padding-10); background:var(--color-gray-100); border:1px solid var(--color-gray-300); border-radius:var(--radius-5); color:var(--color-gray-900); font-size:var(--font-sm);}
#modal-bg-image-settings .bg-area-prev-empty[hidden]{display:none;}
#modal-bg-image-settings .bg-area-prev-box{position:relative; width:100%; aspect-ratio:16/6; min-height:160px; border:1px solid var(--color-gray-300); border-radius:var(--radius-5); overflow:hidden; background-color:var(--color-white); background-attachment:scroll;}
#modal-bg-image-settings .bg-area-prev-box[hidden]{display:none;}
#modal-bg-image-settings .bg-area-prev-overlay{position:absolute; inset:0; background:transparent; pointer-events:none; z-index:1;}
#modal-bg-image-settings .bg-area-prev-content{position:relative; z-index:2; display:flex; align-items:center; justify-content:center; height:100%; margin:0; color:var(--color-white); font-size:var(--font-sm); font-weight:500; text-shadow:0 1px 4px rgba(0,0,0,.55);}
#modal-bg-image-settings .bg-modal-image-style-row{display:block; margin-top:var(--gap-15);}
#modal-bg-image-settings .bg-modal-image-style-row[hidden],#modal-bg-image-settings[data-mode="area"] .bg-modal-image-style-row{display:none;}
#modal-bg-image-settings .bg-modal-image-style-row .tooltip-box .tooltip-btn{display:inline-flex; flex-wrap:wrap; align-items:center; gap:var(--gap-3);}
#modal-bg-image-settings .bg-modal-image-style-row .tooltip-box .tooltip-btn:after{display:inline-block; content:""; width:var(--icon-16); height:var(--icon-16); background:url('/asset/images/icon_tooltip.svg') no-repeat center / cover;}
#modal-bg-image-settings .bg-modal-image-style-row .tooltip-box .tooltip-inner{white-space:normal; width:300px;}
#modal-bg-image-settings .imgw-style-preview{display:block; max-width:300px;}
#modal-bg-image-settings .imgw-style-preview .imgw-prev-empty{min-height:100px; padding:var(--padding-10);}
#modal-bg-image-settings .imgw-style-preview .imgw-prev-empty[hidden]{display:none;}
#modal-bg-image-settings .imgw-style-preview .imgw-prev-stage{margin:0; padding:var(--padding-15);}
#modal-bg-image-settings .imgw-style-preview .imgw-prev-stage[hidden]{display:none;}
#modal-bg-image-settings .imgw-style-preview .imgw-prev-box{position:relative; overflow:hidden;}
#modal-bg-image-settings .imgw-style-preview .imgw-prev-box img{display:block; width:100%; height:auto; filter:var(--imgw-prevf, none);}
#modal-bg-image-settings .imgw-style-preview .imgw-prev-caption{margin:8px 0 0; font-size:14px; line-height:1.5; color:#666; text-align:center; word-break:keep-all;}
#modal-bg-image-settings .imgw-style-preview .imgw-prev-caption[hidden]{display:none;}
#modal-bg-image-settings .imgw-style-preview .imgw-prev-box.imgw-hov-brighten:hover img{filter:var(--imgw-prevf, brightness(1)) brightness(1.12);}
@media (prefers-reduced-motion:no-preference){
#modal-bg-image-settings .imgw-style-preview .imgw-prev-box{transition:transform .3s ease, box-shadow .3s ease;}
#modal-bg-image-settings .imgw-style-preview .imgw-prev-box img{transition:transform .35s ease, filter .3s ease;}
#modal-bg-image-settings .imgw-style-preview .imgw-prev-box.imgw-hov-zoom:hover img{transform:scale(1.06);}
#modal-bg-image-settings .imgw-style-preview .imgw-prev-box.imgw-hov-lift:hover{transform:translateY(-6px); box-shadow:0 12px 28px rgba(0,0,0,0.25);}
#modal-bg-image-settings .imgw-style-preview .imgw-prev-box.imgw-hov-press:hover{transform:scale(.97);}
#modal-bg-image-settings .imgw-style-preview .imgw-prev-box.imgw-hov-shadow:hover{transform:translateY(-1px); box-shadow:0 8px 20px -4px rgba(0,0,0,0.35);}
#modal-bg-image-settings .imgw-style-preview .imgw-prev-box.imgw-hov-rotate:hover{transform:rotate(-2deg) scale(1.02);}
#modal-bg-image-settings .imgw-style-preview .imgw-prev-box.imgw-hov-pulse:hover{animation:imgwPrevPulse .6s ease infinite;}
#modal-bg-image-settings .imgw-style-preview .imgw-prev-box.imgw-hov-shake:hover{animation:imgwPrevShake .4s ease;}
#modal-bg-image-settings .imgw-style-preview .imgw-prev-box.imgw-hov-float:hover{animation:imgwPrevFloat 1.2s ease-in-out infinite;}
#modal-bg-image-settings .imgw-style-preview .imgw-prev-box.imgw-hov-bounce:hover{animation:imgwPrevBounce .5s ease;}
}
@keyframes imgwPrevPulse{0%, 100% {transform:scale(1);} 50% {transform:scale(1.06);}}
@keyframes imgwPrevShake{0%, 100% {transform:translateX(0);} 20% {transform:translateX(-3px);} 40% {transform:translateX(3px);} 60% {transform:translateX(-2px);} 80% {transform:translateX(2px);}}
@keyframes imgwPrevFloat{0%, 100% {transform:translateY(0);} 50% {transform:translateY(-4px);}}
@keyframes imgwPrevBounce{0%, 100% {transform:translateY(0);} 30% {transform:translateY(-6px);} 50% {transform:translateY(0);} 70% {transform:translateY(-3px);}}
#dbSectionSide li:has([data-ctrl-managed]):not(.db-area-section){display:none;}
[data-ctrl-toggle],[data-ctrl-repeater-item]{position:relative;}
.ctrl-toggle-wrap{display:block; margin:0; padding:0;}
span.ctrl-toggle-wrap{display:inline-block;}
.db-section-side .db-opt-offnote{display:flex; align-items:center; gap:6px; margin-top:6px; color:var(--color-gray-1000); font-size:var(--font-xs);}
.db-section-side .db-opt-offreset{padding:2px 8px; border:1px solid var(--color-gray-300); border-radius:var(--radius-5); background:var(--color-white); color:#4f46e5; font-size:var(--font-xs); cursor:pointer;}
.db-section-side .db-opt-offreset:hover{border-color:#4f46e5; background:rgba(79,70,229,.06);}
.db-section-side .board-message-box p,.db-section-side .board-message-box ul li{font-size:var(--font-xs) !important; line-height:1.6; word-break:keep-all;}
.db-widget-box [data-db-opt-target]{outline:2px dashed #4f46e5 !important; outline-offset:2px; border-radius:inherit;}
html.db-optfocus .db-widget-box .db-area-active:not([data-db-opt-target]){outline:none !important;}
.ctrl-overlay-bar{position:absolute; display:flex; align-items:center; gap:3px; opacity:0; pointer-events:none; z-index:99999; transition:opacity .2s ease;}
.ctrl-overlay-bar > button{position:relative; top:auto; left:auto; right:auto; bottom:auto; margin:0; opacity:1; width:33px; height:33px; border-radius:50%; background:#4f46e5; border:2px solid #fff; cursor:pointer; box-shadow:0 3px 10px rgba(0,0,0,.25); display:flex; align-items:center; justify-content:center; padding:0; font-size:0; color:transparent; transition:transform .15s ease;}
.ctrl-overlay-bar > button:hover{transform:scale(1.1);}
.ctrl-overlay-bar > button:active{transform:scale(0.95);}
.ctrl-overlay-bar > button:focus-visible{outline:2px solid #4f46e5; outline-offset:2px;}
.ctrl-overlay-bar > button:hover .ctrl-image-tip{opacity:1;}
.ctrl-overlay-bar .ctrl-overlay-itemdel svg{display:block;}
.ctrl-overlay-bar .ctrl-overlay-drag{cursor:grab;}
.ctrl-overlay-bar .ctrl-overlay-drag:active{cursor:grabbing;}
.ctrl-overlay-image::before{content:''; display:block; width:16px; height:16px; filter:var(--filter-white); background:url('/asset/images/icon_image.svg') center/contain no-repeat;}
.ctrl-overlay-imagelink::before,.ctrl-overlay-link::before{content:''; display:block; width:16px; height:16px; filter:var(--filter-white); background:url('/asset/images/icon_link.svg') center/contain no-repeat;}
.ctrl-overlay-code::before{content:''; display:block; width:16px; height:16px; filter:var(--filter-white); background:url('/asset/images/icon_code.svg') center/contain no-repeat;}
.ctrl-overlay-codeicon::before{content:''; display:block; width:16px; height:16px; filter:var(--filter-white); background:url('/asset/images/icon_star.svg') center/contain no-repeat;}
.ctrl-overlay-codestyle::before{content:''; display:block; width:16px; height:16px; filter:var(--filter-white); background:url('/asset/images/icon_setting.svg') center/contain no-repeat;}
#modal-code-editor .code-preview-area{position:relative; display:flex; flex-direction:column; min-height:0;}
#modal-code-editor .code-preview-label{display:flex; align-items:center; gap:8px;}
#modal-code-editor .code-preview-area > iframe{flex:1 1 auto; min-height:0;}
#modal-code-editor .code-editor-area{display:flex; flex-direction:column; min-height:0;}
#modal-code-editor .code-editor-mount{flex:1 1 auto; min-height:0; overflow:auto;}
#modal-code-editor .ce-warn{flex:none; margin:6px 0 0; padding:9px 11px; border-radius:8px; background:#fdf6e6; font-size:11.5px; line-height:1.6; color:#8a6100;}
#modal-code-editor .ce-warn[hidden]{display:none;}
#modal-code-editor .ce-warn b{color:#7a4f00;}
#modal-code-editor .ce-warn code{padding:1px 5px; border-radius:4px; background:#f5e9cd; font-family:Consolas, Monaco, monospace; font-size:11px;}
#modal-code-editor .ce-tip{flex:none; margin:6px 0 0; padding:0; border:1px solid #e6e8ee; border-radius:8px; background:#fbfbfd;}
#modal-code-editor .ce-tip > summary{padding:8px 11px; font-size:11.5px; font-weight:600; color:#5c6472; cursor:pointer; list-style:none;}
#modal-code-editor .ce-tip > summary::-webkit-details-marker{display:none;}
#modal-code-editor .ce-tip > summary:before{content:"?"; display:inline-flex; align-items:center; justify-content:center; width:14px; height:14px; margin-right:6px; border-radius:50%; background:#e2e5ee; font-size:10px; font-weight:800; color:#5c6472; vertical-align:-2px;}
#modal-code-editor .ce-tip p{margin:0 11px 8px; font-size:11.5px; line-height:1.75; color:#5c6472;}
#modal-code-editor .ce-tip p b{color:#4f46e5;}
#modal-code-editor .ce-tip code{padding:1px 5px; border-radius:4px; background:#eef0f4; font-family:Consolas, Monaco, monospace; font-size:10.5px; color:#2b303b;}
#modal-code-editor .ce-pickbtn{padding:0 12px; height:28px; border:1px solid #4f46e5; border-radius:6px; background:#4f46e5; color:#fff; font-size:12px; font-weight:600; cursor:pointer;}
#modal-code-editor .ce-pickbtn:hover{background:#4338ca;}
#modal-code-editor .ce-panebtn{margin-left:auto; padding:0 10px; height:26px; border:1px solid #d4d4d8; border-radius:6px; background:#fff; color:#52525b; font-size:12px; cursor:pointer;}
#modal-code-editor .ce-panebtn:hover{background:#f4f4f5;}
.modal-box .box .modal-foot .button-box{display:flex; gap:8px; width:100%; justify-content:center;}
.modal-box .box .modal-foot .button-box .btn{height:45px; font-size:var(--font-md,14px); padding:0 var(--padding-15,15px); flex:0 0 auto; width:auto; min-width:auto;}
#modal-code-editor{--ce-drawer-w:min(400px, 58%); --ce-ink:#1f2430; --ce-dim:#8a92a2; --ce-line:#e8eaf0; --ce-key:#4f46e5;}
#modal-code-editor.ce-drawer-on .modal-foot .button-box{margin-right:var(--ce-drawer-w);}
#modal-code-editor .modal-foot .button-box{transition:margin-right .3s cubic-bezier(.16,1,.3,1);}
#modal-code-editor .code-style-pane{position:absolute; top:0; right:0; z-index:6; width:var(--ce-drawer-w); height:100%; display:flex; flex-direction:column; min-height:0; background:#fff; border-left:1px solid var(--ce-line); box-shadow:-20px 0 50px -22px rgba(20,24,34,.4); transform:translateX(101%); visibility:hidden; font-size:13px; line-height:1.5; color:var(--ce-ink); transition:transform .3s cubic-bezier(.16,1,.3,1), visibility 0s .3s;}
#modal-code-editor .code-style-pane.on{transform:none; visibility:visible; transition:transform .3s cubic-bezier(.16,1,.3,1), visibility 0s;}
#modal-code-editor .cs-top{flex:none; display:flex; align-items:center; gap:10px; height:52px; padding:0 12px 0 18px; border-bottom:1px solid var(--ce-line);}
#modal-code-editor .cs-top strong{flex:1; font-size:14px; font-weight:700; letter-spacing:-.01em;}
#modal-code-editor .cs-top button{flex:none; padding:0 11px; height:28px; border:1px solid var(--ce-line); border-radius:999px; background:#fff; font-size:11.5px; font-weight:600; color:#5c6472; cursor:pointer; transition:background .12s, border-color .12s, color .12s;}
#modal-code-editor .cs-top button:hover{border-color:#b6bcc8; background:#f4f5f8; color:var(--ce-ink);}
#modal-code-editor .cs-body{flex:1; min-height:0; overflow-y:auto; overflow-x:hidden; padding:0 0 20px;}
#modal-code-editor .cs-body::-webkit-scrollbar{width:9px;}
#modal-code-editor .cs-body::-webkit-scrollbar-thumb{background:rgba(110,120,140,.26); border-radius:99px;}
#modal-code-editor .cs-body code{font-family:Consolas, Monaco, monospace; font-size:11.5px; color:var(--ce-dim);}
#modal-code-editor .cs-blank{padding:56px 26px; text-align:center;}
#modal-code-editor .cs-blank p{margin:0; font-size:12.5px; line-height:1.85; color:var(--ce-dim);}
#modal-code-editor .cs-blank b{display:block; margin-bottom:4px; font-size:13.5px; color:var(--ce-ink);}
#modal-code-editor .cs-bar{display:flex; align-items:center; justify-content:space-between; gap:8px; padding:16px 18px 2px;}
#modal-code-editor .cs-bar > span{font-size:11px; font-weight:800; letter-spacing:.06em; color:var(--ce-dim);}
#modal-code-editor .cs-ghost{padding:0 10px; height:26px; border:1px solid var(--ce-line); border-radius:999px; background:#fff; font-size:11.5px; font-weight:600; color:#5c6472; cursor:pointer; transition:background .12s, border-color .12s, color .12s;}
#modal-code-editor .cs-ghost:hover{background:#f4f5f8;}
#modal-code-editor .cs-ghost.on{border-color:var(--ce-key); background:#eef0fc; color:var(--ce-key);}
#modal-code-editor .cs-arow{display:flex; align-items:center; gap:4px; margin:16px 14px 2px; padding:14px 0 0; border-top:1px solid #edeff4;}
#modal-code-editor .cs-list > .cs-arow:first-child{margin-top:2px; padding-top:0; border-top:0;}
#modal-code-editor .cs-afold{flex:1; min-width:0; display:flex; align-items:center; gap:6px; height:26px; padding:0; border:0; background:none; font-size:11.5px; font-weight:800; letter-spacing:.02em; color:#6b7383; cursor:pointer;}
#modal-code-editor .cs-afold:hover{color:var(--ce-ink);}
#modal-code-editor .cs-afold:before{flex:none; content:""; width:12px; height:12px; opacity:.55; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat center / contain; transform:rotate(-90deg); transition:transform .16s;}
#modal-code-editor .cs-arow.is-open .cs-afold:before{transform:none;}
#modal-code-editor .cs-afold > span{flex:none; max-width:76%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#modal-code-editor .cs-afold em{font-style:normal; font-size:10.5px; font-weight:700; color:#adb3bf;}
#modal-code-editor .cs-item{position:relative; display:flex; align-items:center; gap:8px; margin:0 14px 5px; padding:9px 30px 9px 12px; border:1px solid transparent; border-radius:9px; background:#f7f8fb; cursor:pointer; transition:background .12s, border-color .12s;}
#modal-code-editor .cs-item:has(.cs-ord){padding-right:10px; cursor:default;}
#modal-code-editor .cs-item:has(.cs-ord):after{display:none;}
#modal-code-editor .cs-item:hover{background:#f1f2f7; border-color:#e2e5ee;}
#modal-code-editor .cs-item:after{position:absolute; right:10px; top:50%; content:""; width:13px; height:13px; transform:translateY(-50%); background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b6bcc8' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m10 6 6 6-6 6'/%3E%3C/svg%3E") no-repeat center / contain;}
#modal-code-editor .cs-item:focus-visible{outline:2px solid var(--ce-key); outline-offset:1px;}
#modal-code-editor .cs-item .cs-iname{flex:none; max-width:46%; font-size:12.5px; font-weight:600; line-height:1.45; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#modal-code-editor .cs-item code{flex:1; min-width:0; line-height:1.45; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#modal-code-editor .cs-item .cs-n{flex:none; font-size:10.5px; color:#a6adba; white-space:nowrap;}
#modal-code-editor .cs-item.is-none .cs-n{font-weight:800; color:#c0392b;}
#modal-code-editor .cs-item.is-none code{color:#c0392b;}
#modal-code-editor .cs-item .cs-tot{flex:none; min-width:16px; height:16px; padding:0 5px; display:inline-flex; align-items:center; justify-content:center; border-radius:999px; background:var(--ce-key); font-size:10px; font-weight:800; color:#fff;}
#modal-code-editor .cs-item .cs-ord{position:relative; z-index:1;}
#modal-code-editor .cs-head{display:flex; align-items:center; gap:8px; padding:14px 18px 4px;}
#modal-code-editor .cs-head strong{flex:1; min-width:0; font-size:15px; font-weight:700; letter-spacing:-.01em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#modal-code-editor .cs-back{flex:none; display:inline-flex; align-items:center; gap:2px; padding:0 10px 0 4px; height:26px; border:1px solid var(--ce-line); border-radius:999px; background:#fff; font-size:11.5px; font-weight:600; color:#5c6472; cursor:pointer;}
#modal-code-editor .cs-back:before{content:""; width:14px; height:14px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235c6472' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m14 6-6 6 6 6'/%3E%3C/svg%3E") no-repeat center / contain;}
#modal-code-editor .cs-back:hover{background:#f4f5f8;}
#modal-code-editor .cs-sub{display:flex; align-items:baseline; gap:7px; margin:0; padding:0 18px 14px;}
#modal-code-editor .cs-sub span{font-size:11px; color:#a6adba;}
#modal-code-editor .cs-warn{margin:0 18px 12px; padding:9px 11px; border-radius:9px; background:#fdf1f0; font-size:11.5px; line-height:1.5; color:#b03a2e;}
#modal-code-editor .cs-tabs{position:sticky; top:0; z-index:3; display:flex; gap:2px; margin:0 18px 14px; padding:3px; border-radius:9px; background:#eef0f4;}
#modal-code-editor .cs-tabs button{position:relative; flex:1; height:28px; border:0; border-radius:7px; background:transparent; font-size:12px; font-weight:700; color:#5c6472; cursor:pointer;}
#modal-code-editor .cs-tabs button.on{background:#fff; color:var(--ce-key); box-shadow:0 1px 3px rgba(16,24,40,.14);}
#modal-code-editor .cs-tabs button i{position:absolute; right:8px; top:50%; width:4px; height:4px; margin-top:-2px; border-radius:50%; background:var(--ce-key);}
#modal-code-editor .cs-opts{padding:0 18px;}
#modal-code-editor .cs-none{margin:0; padding:22px 0; font-size:12px; color:#a6adba; text-align:center;}
#modal-code-editor .cs-opt{position:relative; display:flex; align-items:center; gap:7px; padding:8px 0 8px 11px; border-top:1px solid #f2f4f7;}
#modal-code-editor .cs-opt:first-child{border-top:0;}
#modal-code-editor .cs-opt:before{position:absolute; left:0; top:50%; content:""; width:5px; height:5px; margin-top:-2.5px; border-radius:50%; background:transparent;}
#modal-code-editor .cs-opt.is-set:before{background:var(--ce-key);}
#modal-code-editor .cs-opt > label{flex:none; width:86px; font-size:12px; font-weight:500; line-height:1.4; color:#4a5261; word-break:keep-all;}
#modal-code-editor .cs-inp{flex:1; min-width:0; display:flex; align-items:center; gap:5px; height:32px; padding:0 9px; border:1px solid #d9dde5; border-radius:8px; background:#fff; transition:border-color .12s, box-shadow .12s;}
#modal-code-editor .cs-inp:focus-within{border-color:var(--ce-key); box-shadow:0 0 0 3px rgba(79,70,229,.13);}
#modal-code-editor .cs-val{flex:1; min-width:0; width:100%; height:100%; border:0; background:transparent; font-size:12.5px; color:var(--ce-ink); outline:none;}
#modal-code-editor .cs-color{flex:none; width:18px; height:18px; padding:0; border:1px solid rgba(0,0,0,.12); border-radius:4px; cursor:pointer;}
#modal-code-editor .cs-color::-webkit-color-swatch-wrapper{padding:0;}
#modal-code-editor .cs-color::-webkit-color-swatch{border:0; border-radius:3px;}
#modal-code-editor .cs-imgthumb{flex:none; width:20px; height:20px; border:1px solid rgba(0,0,0,.12); border-radius:4px; background-color:#f2f4f7; background-position:center; background-size:cover; background-repeat:no-repeat;}
#modal-code-editor .cs-imgname{flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12.5px; color:var(--ce-ink);}
#modal-code-editor .cs-imgfile{position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0; clip:rect(0 0 0 0); overflow:hidden;}
#modal-code-editor .cs-imgbtn{flex:none; height:22px; padding:0 8px; border:1px solid #d9dde5; border-radius:6px; background:#f7f8fa; font-size:11.5px; font-weight:600; color:#4a5261; line-height:20px; cursor:pointer; transition:border-color .12s, background .12s, color .12s;}
#modal-code-editor .cs-imgbtn:hover{border-color:var(--ce-key); background:#f5f5ff; color:var(--ce-key);}
#modal-code-editor .cs-imgfile:focus-visible + .cs-imgbtn{border-color:var(--ce-key); box-shadow:0 0 0 3px rgba(79,70,229,.13);}
#modal-code-editor .cs-imgclr{flex:none; height:22px; padding:0 7px; border:0; border-radius:6px; background:transparent; font-size:11.5px; color:#8a91a0; cursor:pointer; transition:color .12s;}
#modal-code-editor .cs-imgclr:hover{color:#c0392b;}
#modal-code-editor .cs-opt.is-bad .cs-inp{border-color:#e6b0aa; background:#fdf6f5;}
#modal-code-editor .cs-opt.is-bad:before{background:#c0392b;}
#modal-code-editor .cs-bar2{display:flex; align-items:center; gap:6px; padding:16px 18px 0;}
#modal-code-editor .cs-primary{flex:1; height:34px; border:1px dashed #c3c8d4; border-radius:9px; background:#fff; font-size:12.5px; font-weight:700; color:#5c6472; cursor:pointer; transition:border-color .12s, color .12s, background .12s;}
#modal-code-editor .cs-primary:hover{border-color:var(--ce-key); background:#f6f7fe; color:var(--ce-key);}
#modal-code-editor .cs-picker{margin:8px 18px 0; border:1px solid var(--ce-line); border-radius:11px; background:#fbfbfd; overflow:hidden;}
#modal-code-editor .cs-picker[hidden]{display:none;}
#modal-code-editor .cs-psearch{display:flex; align-items:center; gap:6px; padding:9px 9px 8px; border-bottom:1px solid var(--ce-line); background:#fff;}
#modal-code-editor .cs-psearch input{flex:1; min-width:0; height:30px; padding:0 9px 0 28px; border:1px solid #d9dde5; border-radius:8px; background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2398a0ae' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.2-3.2'/%3E%3C/svg%3E") no-repeat left 9px center / 13px; font-size:12px; outline:none;}
#modal-code-editor .cs-psearch input:focus{border-color:var(--ce-key); box-shadow:0 0 0 3px rgba(79,70,229,.13);}
#modal-code-editor .cs-psearch button{flex:none; width:28px; height:28px; border:0; border-radius:7px; background:transparent; color:var(--ce-dim); font-size:15px; line-height:1; cursor:pointer;}
#modal-code-editor .cs-psearch button:hover{background:#f2f3f7;}
#modal-code-editor .cs-plist{max-height:240px; overflow-y:auto; padding:6px 9px 10px;}
#modal-code-editor .cs-plist::-webkit-scrollbar{width:8px;}
#modal-code-editor .cs-plist::-webkit-scrollbar-thumb{background:rgba(110,120,140,.26); border-radius:99px;}
#modal-code-editor .cs-pgroup{margin-top:8px;}
#modal-code-editor .cs-pgroup:first-child{margin-top:2px;}
#modal-code-editor .cs-pgroup > span{display:block; margin:0 0 5px 2px; font-size:10.5px; font-weight:800; letter-spacing:.04em; color:#a6adba;}
#modal-code-editor .cs-pitem{margin:0 4px 4px 0; padding:0 10px; height:27px; border:1px solid var(--ce-line); border-radius:999px; background:#fff; font-size:11.5px; font-weight:600; color:#4a5261; cursor:pointer; transition:border-color .12s, background .12s, color .12s;}
#modal-code-editor .cs-pitem:hover{border-color:var(--ce-key); background:#f6f7fe; color:var(--ce-key);}
#modal-code-editor .cs-pitem.on{border-color:#e8eaf0; background:#f2f3f7; color:#b6bcc8; cursor:default;}
#modal-code-editor .cs-more{margin:18px 18px 0; border-top:1px solid var(--ce-line);}
#modal-code-editor .cs-more > summary{padding:12px 0 10px; font-size:12px; font-weight:600; color:#6b7383; cursor:pointer; list-style:none;}
#modal-code-editor .cs-more > summary::-webkit-details-marker{display:none;}
#modal-code-editor .cs-more > summary:before{display:inline-block; content:""; width:11px; height:11px; margin-right:6px; opacity:.5; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat center / contain; transform:rotate(-90deg); transition:transform .16s; vertical-align:-1px;}
#modal-code-editor .cs-more[open] > summary:before{transform:none;}
#modal-code-editor .cs-row{display:flex; align-items:center; gap:8px; margin-bottom:7px;}
#modal-code-editor .cs-row label{flex:none; width:44px; font-size:12px; font-weight:500; color:#5c6472;}
#modal-code-editor .cs-row input{flex:1; min-width:0; height:32px; padding:0 9px; border:1px solid #d9dde5; border-radius:8px; font-size:12.5px; color:var(--ce-ink); outline:none; transition:border-color .12s, box-shadow .12s;}
#modal-code-editor .cs-row input:focus{border-color:var(--ce-key); box-shadow:0 0 0 3px rgba(79,70,229,.13);}
#modal-code-editor .cs-del{width:100%; margin-top:9px; height:32px; border:1px solid #ecd7d4; border-radius:8px; background:#fff; font-size:12px; font-weight:700; color:#b03a2e; cursor:pointer;}
#modal-code-editor .cs-del:hover{background:#fdf4f4;}
#modal-code-editor .cs-form{padding:4px 18px 0;}
#modal-code-editor .cs-hint{margin:0 0 18px; padding:10px 12px; border-radius:9px; background:#f6f7fe; font-size:11.5px; line-height:1.6; color:#5c6472;}
#modal-code-editor .cs-hint b{color:var(--ce-key);}
#modal-code-editor .cs-q{margin-bottom:18px;}
#modal-code-editor .cs-qt{display:block; margin-bottom:8px; font-size:12.5px; font-weight:700; color:var(--ce-ink);}
#modal-code-editor .cs-chips{display:flex; flex-wrap:wrap; gap:5px;}
#modal-code-editor .cs-chip{padding:0 12px; height:30px; border:1px solid #d9dde5; border-radius:999px; background:#fff; font-size:12px; font-weight:600; color:#5c6472; cursor:pointer; transition:border-color .12s, background .12s, color .12s;}
#modal-code-editor .cs-chip:hover{border-color:#b6bcc8;}
#modal-code-editor .cs-chip.on{border-color:var(--ce-key); background:var(--ce-key); color:#fff;}
#modal-code-editor .cs-chip-new{border-style:dashed;}
#modal-code-editor .cs-chip-new.on{background:#f6f7fe; color:var(--ce-key);}
#modal-code-editor .cs-in{width:100%; margin-top:7px; height:36px; padding:0 11px; border:1px solid #d9dde5; border-radius:9px; font-size:13px; color:var(--ce-ink); outline:none; transition:border-color .12s, box-shadow .12s;}
#modal-code-editor .cs-in:focus{border-color:var(--ce-key); box-shadow:0 0 0 3px rgba(79,70,229,.13);}
#modal-code-editor .cs-foot2{padding:2px 0 0;}
#modal-code-editor .cs-foot2 .cs-primary{width:100%; height:40px; border:0; border-radius:10px; background:var(--ce-key); font-size:13px; color:#fff;}
#modal-code-editor .cs-foot2 .cs-primary:hover{background:#4338ca; color:#fff;}
#modal-code-editor .cs-ord{flex:none; align-self:center; display:flex; flex-direction:column; gap:1px;}
#modal-code-editor .cs-ord button{position:relative; width:20px; height:12px; border:0; border-radius:5px; background:transparent; cursor:pointer;}
#modal-code-editor .cs-ord button:before{position:absolute; left:50%; top:50%; content:""; width:6px; height:6px; border-left:1.8px solid #5c6472; border-top:1.8px solid #5c6472;}
#modal-code-editor .cs-ord .cs-up:before{transform:translate(-50%, -25%) rotate(45deg);}
#modal-code-editor .cs-ord .cs-dn:before{transform:translate(-50%, -75%) rotate(-135deg);}
#modal-code-editor .cs-ord button:hover{background:#eef0f4;}
#modal-code-editor .cs-ord button:hover:before{border-color:var(--ce-key);}
#modal-code-editor .cs-ord button[disabled]{cursor:default;}
#modal-code-editor .cs-ord button[disabled]:before{border-color:#ccd1da;}
#modal-code-editor .cs-ord button[disabled]:hover{background:transparent;}
#modal-code-editor .cs-fx{flex:none; align-self:center; display:flex; align-items:center; justify-content:center; width:20px; height:20px; border:0; border-radius:6px; background:transparent; font-size:14px; line-height:1; color:#b6bcc8; cursor:pointer; transition:background .12s, color .12s;}
#modal-code-editor .cs-fx:hover{background:#fdf4f4; color:#c0392b;}
.ctrl-overlay-delete{position:absolute; top:-10px; right:-10px; width:28px; height:28px; border-radius:50%; background:#4f46e5; border:2px solid #fff; cursor:pointer; opacity:0; transition:opacity .2s ease, transform .15s ease; z-index:99999; box-shadow:0 3px 10px rgba(0,0,0,.25); display:flex; align-items:center; justify-content:center; padding:0; font-size:0; color:transparent;}
.ctrl-overlay-delete::before{content:''; display:block; width:15px; height:15px; background:url('/asset/images/icon_close.svg') no-repeat center / contain; filter:var(--filter-white);}
[data-ctrl-toggle]:hover > .ctrl-overlay-delete,[data-ctrl-repeater-item]:hover > .ctrl-overlay-delete{opacity:1;}
.ctrl-overlay-delete:hover{transform:scale(1.1);}
.ctrl-overlay-delete:active{transform:scale(0.95);}
.ctrl-overlay-drag{position:absolute; top:-10px; left:-10px; width:28px; height:28px; border-radius:50%; background:#4f46e5; border:2px solid #fff; cursor:grab; opacity:0; transition:opacity .2s ease, transform .15s ease; z-index:99999; box-shadow:0 3px 10px rgba(0,0,0,.25); display:flex; align-items:center; justify-content:center; padding:0; font-size:0; color:transparent;}
.ctrl-overlay-drag::before{content:''; display:block; width:15px; height:13px; background:linear-gradient(to bottom, #fff 0 2px, transparent 2px 4.33px, #fff 4.33px 6.5px, transparent 6.5px 8.67px, #fff 8.67px 11px, transparent 11px 13px);}
.ctrl-overlay-drag:hover{transform:scale(1.1);}
.ctrl-overlay-drag:active{cursor:grabbing; transform:scale(0.95);}
.ctrl-overlay-drag:focus-visible{outline:2px solid #4f46e5; outline-offset:2px;}
.ctrl-overlay-drag:hover .ctrl-image-tip{opacity:1;}
.ctrl-overlay-motion{position:absolute; top:-10px; left:-10px; width:28px; height:28px; border-radius:50%; background:#4f46e5; border:2px solid #fff; cursor:pointer; opacity:0; transition:opacity .2s ease, transform .15s ease; z-index:99999; box-shadow:0 3px 10px rgba(0,0,0,.25); display:flex; align-items:center; justify-content:center; padding:0;}
.ctrl-overlay-motion svg{width:17px; height:17px; display:block; fill:#fff;}
.ctrl-overlay-motion:hover{transform:scale(1.1);}
.ctrl-overlay-motion:active{transform:scale(0.95);}
.ctrl-overlay-motion:focus-visible{outline:2px solid #4f46e5; outline-offset:2px;}
.ctrl-overlay-motion:hover .ctrl-image-tip{opacity:1;}
.db-widget-box .db-overlay-layer:hover,.db-widget-box .db-overlay-layer:focus-within{outline:1px dashed #4f46e5; outline-offset:-1px;}
.db-widget-box .db-overlay-layer > .db-overlay-slot{display:contents;}
.db-overlay-layer .widget-setting{display:none !important;}
.db-motion-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:10px;}
.db-motion-card{display:flex; flex-direction:column; align-items:center; gap:8px; padding:14px 8px; border:2px solid var(--color-gray-400); border-radius:8px; background:#fff; cursor:pointer; transition:border-color .15s ease, box-shadow .15s ease;}
.db-motion-card:hover{border-color:#4f46e5;}
.db-motion-card:focus-visible{outline:2px solid #4f46e5; outline-offset:2px;}
.db-motion-demo{display:flex; align-items:center; justify-content:center; gap:4px; width:100%; height:54px; background:#f3f4f6; border-radius:6px; overflow:hidden;}
.db-motion-name{font-size:13px; color:#444;}
.db-motion-settings{display:grid; grid-template-columns:1fr 1fr; gap:10px 14px; margin-top:16px; padding-top:16px; border-top:1px solid var(--color-gray-400);}
.db-motion-field{display:flex; flex-direction:column; gap:5px;}
.db-motion-field > label{font-size:12px; font-weight:600; color:#444;}
.im-editor-toolbar{display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin-bottom:10px;}
.im-editor-toolbar .file-box{margin:0; flex:1; min-width:320px; max-width:560px;}
.im-device-label{font-size:15px; color:#64748b; margin-left:auto;}
.im-editor-split{display:flex; gap:24px; align-items:flex-start;}
.im-canvas-wrap{flex:1 1 56%; min-width:0; height:min(64vh,600px); overflow:hidden; position:sticky; top:0; background:#f1f5f9; border:1px solid var(--color-gray-400); border-radius:8px; cursor:grab;}
.im-canvas{position:absolute; left:0; top:0; transform-origin:0 0; line-height:0;}
.im-canvas img{display:block; width:100%; height:auto;}
.im-canvas .im-canvas-swap{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; opacity:0; pointer-events:none; transition:opacity .12s ease;}
.im-canvas-empty{position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:#94a3b8; font-size:18px; pointer-events:none;}
.im-stage{position:absolute; inset:0; cursor:crosshair;}
.im-a{position:absolute; box-sizing:border-box; border:2px solid #4f46e5; background:color-mix(in srgb, #4f46e5 18%, transparent); cursor:move;}
.im-a.sel{border-color:#4f46e5; z-index:2;}
.im-a.draft{pointer-events:none;}
.im-h{position:absolute; width:12px; height:12px; margin:-7px 0 0 -7px; background:#fff; border:2px solid #4f46e5; border-radius:2px; cursor:pointer; z-index:4;}
.im-h.im-v{border-radius:50%;}
.im-h.draft{background:#4f46e5; pointer-events:none;}
.im-stage .im-a.im-hv-pv{border-color:var(--im-hv-c,#2563eb); border-width:var(--im-hv-w,2px);}
.im-stage .im-a.im-hv-pv-f{background:var(--im-hv-cf,color-mix(in srgb, #2563eb 25%, transparent));}
.im-stage .im-a-lb{position:absolute; z-index:6; white-space:nowrap; line-height:1.4; pointer-events:none; max-width:80%; box-sizing:border-box;}
.im-stage .im-a-lb.im-a-lb-top{margin-top:-3px;}
.im-stage .im-a-lb.im-a-lb-bottom{margin-top:3px;}
.im-stage .im-a-lb .im-a-lb-t{display:block; max-width:100%; overflow:hidden; text-overflow:ellipsis;}
.im-side{flex:1 1 44%; min-width:0;}
.im-side-label{font-size:17px; font-weight:700; margin:22px 0 12px;}
.im-side > .im-side-label:first-child{margin-top:6px;}
.im-area-list{max-height:34vh; overflow:auto; white-space:nowrap;}
.im-area-list table{table-layout:fixed; width:100%; border-collapse:separate; border-spacing:0;}
.im-area-list table thead tr th{font-size:var(--font-sm); font-weight:600; padding:4px 5px; border-bottom:1px solid var(--color-gray-500); background:var(--color-white); color:var(--color-gray-1000); word-break:keep-all; overflow:hidden; text-overflow:ellipsis;}
.im-area-list table tbody tr td{font-size:var(--font-md); padding:4px 5px; color:var(--color-gray-1200); background:var(--color-white); border-bottom:1px solid var(--color-gray-300); vertical-align:middle; overflow:hidden; text-overflow:ellipsis;}
.im-area-list table tbody tr:last-of-type td{border-bottom:0;}
.im-area-list table tbody tr:hover td{background:var(--color-gray-200);}
.im-area-list td .input-box,.im-area-list td .select-box{width:100%; border-radius:5px;}
.im-area-list td .input-box input[type=text]{width:100%; min-width:0; height:var(--height-35); padding:0; border:0; background:transparent; font-size:13px;}
.im-area-list td .select-box select{height:var(--height-35); padding:0 30px 0 8px !important; font-size:13px; background-size:16px;}
.im-area-list .im-c-sel{text-align:center;}
.im-area-list .im-c-del{text-align:center; overflow:visible; text-overflow:clip;}
.im-area-list .im-c-del .im-row-del{display:inline-block; width:auto; max-width:none; text-indent:0;}
.im-area-list .im-row.sel > td{background:color-mix(in srgb, #4f46e5 10%, transparent);}
.im-area-list .im-row-empty td{text-align:center; color:#94a3b8; padding:14px;}
.im-row-del{border:0; background:transparent; color:#ef4444; font-size:14px; cursor:pointer; line-height:1; padding:2px 4px;}
.im-add-row{margin-top:8px;}
.im-swap-row{display:flex; flex-wrap:wrap; align-items:center; gap:12px;}
.im-swap-prev{width:80px; height:60px; border:1px solid var(--color-gray-300); border-radius:var(--radius-8); overflow:hidden; background:repeating-conic-gradient(#f2f2f2 0% 25%,#fafafa 0% 50%) 50%/12px 12px;}
.im-swap-prev img{width:100%; height:100%; object-fit:cover; display:block;}
html.db-sim-tablet .modal-box .board-list-box,html.db-sim-mobile .modal-box .board-list-box{overflow-x:auto; white-space:nowrap;}
html.db-sim-tablet .modal-box .board-list-box table colgroup,html.db-sim-mobile .modal-box .board-list-box table colgroup{display:table-column-group;}
html.db-sim-tablet .modal-box .board-list-box table thead,html.db-sim-mobile .modal-box .board-list-box table thead{display:table-header-group;}
html.db-sim-tablet .modal-box .board-list-box table tbody,html.db-sim-mobile .modal-box .board-list-box table tbody{display:table-row-group;}
html.db-sim-tablet .modal-box .board-list-box table tbody tr,html.db-sim-mobile .modal-box .board-list-box table tbody tr{display:table-row; padding:0;}
html.db-sim-tablet .modal-box .board-list-box table tbody tr td,html.db-sim-mobile .modal-box .board-list-box table tbody tr td{display:table-cell; order:0;}
.im-ga{margin-top:14px;}
.im-ga.im-sec{margin-top:22px;}
.im-ga .im-side-label{margin:14px 15px 10px;}
.im-ga.board-write-box table th{white-space:normal; word-break:keep-all;}
#modal-imagemap-editor .modal-foot{display:flex; align-items:center; justify-content:flex-end;}
#modal-imagemap-editor .modal-body{overflow-x:hidden;}
.im-help{font-size:14px; color:#94a3b8; line-height:1.6; margin-top:8px;}
@keyframes dbmFade{0%,100%{opacity:0;} 25%,70%{opacity:1;}}
@keyframes dbmSlideUp{0%{opacity:0; transform:translateY(16px);} 25%,70%{opacity:1; transform:none;} 100%{opacity:0; transform:translateY(16px);}}
@keyframes dbmSlideDown{0%{opacity:0; transform:translateY(-16px);} 25%,70%{opacity:1; transform:none;} 100%{opacity:0; transform:translateY(-16px);}}
@keyframes dbmZoomIn{0%{opacity:0; transform:scale(.5);} 25%,70%{opacity:1; transform:none;} 100%{opacity:0; transform:scale(.5);}}
@keyframes dbmBlurIn{0%{opacity:0; filter:blur(6px);} 25%,70%{opacity:1; filter:none;} 100%{opacity:0; filter:blur(6px);}}
@keyframes dbmSlideLeft{0%{opacity:0; transform:translateX(-16px);} 25%,70%{opacity:1; transform:none;} 100%{opacity:0; transform:translateX(-16px);}}
@keyframes dbmSlideRight{0%{opacity:0; transform:translateX(16px);} 25%,70%{opacity:1; transform:none;} 100%{opacity:0; transform:translateX(16px);}}
@keyframes dbmRotateIn{0%{opacity:0; transform:rotate(-12deg) scale(.8);} 25%,70%{opacity:1; transform:none;} 100%{opacity:0; transform:rotate(-12deg) scale(.8);}}
@keyframes dbmZoomOut{0%{opacity:0; transform:scale(1.6);} 25%,70%{opacity:1; transform:none;} 100%{opacity:0; transform:scale(1.6);}}
@keyframes dbmFlipX{0%{opacity:0; transform:perspective(400px) rotateX(80deg);} 25%,70%{opacity:1; transform:none;} 100%{opacity:0; transform:perspective(400px) rotateX(80deg);}}
@keyframes dbmFlipY{0%{opacity:0; transform:perspective(400px) rotateY(80deg);} 25%,70%{opacity:1; transform:none;} 100%{opacity:0; transform:perspective(400px) rotateY(80deg);}}
@keyframes dbmSkew{0%{opacity:0; transform:skewX(-18deg) translateX(14px);} 25%,70%{opacity:1; transform:none;} 100%{opacity:0; transform:skewX(-18deg) translateX(14px);}}
@keyframes dbmRollIn{0%{opacity:0; transform:rotate(-140deg) translateX(-14px);} 25%,70%{opacity:1; transform:none;} 100%{opacity:0; transform:rotate(-140deg) translateX(-14px);}}
.ctrl-sort-dragging{opacity:0 !important; transform:none !important; transition:opacity .12s ease;}
.ctrl-sort-clone{opacity:.95 !important; box-shadow:0 20px 44px -12px rgba(0,0,0,.5) !important; border-radius:8px; transition:none !important; will-change:transform; cursor:grabbing;}
.ctrl-sorting{cursor:grabbing !important; user-select:none;}
.ctrl-sorting *{cursor:grabbing !important;}
.ctrl-sorting [data-ctrl-repeater-item],.ctrl-sorting [data-ctrl-sort-item]{transition:transform .16s cubic-bezier(.2,.7,.3,1); will-change:transform;}
.ctrl-repeater-add-wrap{background:none !important; border:none !important; box-shadow:none !important; padding:0 !important; min-height:0 !important; overflow:visible !important; cursor:default;}
.ctrl-repeater-add{display:flex; align-items:center; justify-content:center; width:100%; min-height:64px; margin:14px 0 28px; padding:14px var(--padding-20); background:rgba(255,255,255,.92); backdrop-filter:blur(2px); color:#4f46e5; border:2px dashed color-mix(in srgb, #4f46e5 40%, var(--color-gray-400)); border-radius:var(--radius-10); font-size:var(--font-md); font-weight:600; cursor:pointer; transition:background-color .2s ease, border-color .2s ease, color .2s ease;}
.ctrl-repeater-add[hidden]{display:none !important;}
.ctrl-repeater-add:hover{background:color-mix(in srgb, #4f46e5 6%, var(--color-white)); border-color:#4f46e5; color:#4f46e5;}
.ctrl-repeater-add:active{transform:translateY(1px);}
[data-ctrl-image]{position:relative;}
a.img-link-wrap{display:block; color:inherit; text-decoration:none;}
:where(li, div, article):has(> a.card-link-cover){position:relative;}
a.card-link-cover{position:absolute; inset:0; z-index:1; border-radius:inherit; font-size:0; color:transparent;}
a.card-link-cover:focus-visible{outline:2px solid var(--color-active, #4f46e5); outline-offset:-2px;}
:where(li, div, article):has(> a.card-link-cover) :is(a:not(.card-link-cover), button, input, select, textarea, label){position:relative; z-index:2;}
.ctrl-image-overlay{position:absolute; bottom:10px; right:10px; display:flex; gap:8px; opacity:0; transition:opacity .2s ease; z-index:99998; pointer-events:none;}
[data-ctrl-image]:hover > .ctrl-image-overlay{opacity:1; pointer-events:auto;}
.ctrl-image-btn{width:34px; height:34px; border-radius:50%; background:#4f46e5; border:2px solid var(--color-white); cursor:pointer; padding:0; box-shadow:0 3px 10px rgba(0,0,0,.25); position:relative; display:flex; align-items:center; justify-content:center; transition:transform .15s ease, background-color .2s ease; font-size:0; color:transparent;}
.ctrl-image-btn:hover{transform:scale(1.1);}
.ctrl-image-btn:active{transform:scale(0.95);}
.ctrl-image-btn::before{content:''; display:block; width:16px; height:16px; filter:var(--filter-white); background:center/contain no-repeat;}
.ctrl-image-btn[data-ctrl-image-action="upload"]::before{background-image:url('/asset/images/icon_image.svg');}
.ctrl-image-btn[data-ctrl-image-action="link"]::before{background-image:url('/asset/images/icon_link.svg');}
.ctrl-image-tip{position:absolute; bottom:calc(100% + 8px); left:50%; transform:translateX(-50%); background:rgba(0,0,0,.85); color:var(--color-white, #fff); padding:4px 10px; border-radius:4px; font-size:var(--font-xs, 12px); font-weight:500; line-height:1.2; white-space:nowrap; pointer-events:none; opacity:0; transition:opacity .15s ease;}
.ctrl-image-tip::after{content:''; position:absolute; top:100%; left:50%; transform:translateX(-50%); border:4px solid transparent; border-top-color:rgba(0,0,0,.85);}
.ctrl-image-btn:hover .ctrl-image-tip,.ctrl-image-btn:focus-visible .ctrl-image-tip{opacity:1;}
.ctrl-text-icon-overlay{position:absolute; z-index:99997; display:flex; gap:8px;}
.ctrl-text-icon-btn{width:34px; height:34px; border-radius:50%; background:#4f46e5; border:2px solid var(--color-white); cursor:pointer; padding:0; box-shadow:0 3px 10px rgba(0,0,0,.25); position:relative; display:flex; align-items:center; justify-content:center; transition:transform .15s ease; font-size:0; color:transparent;}
.ctrl-text-icon-btn:hover{transform:scale(1.1);}
.ctrl-text-icon-btn:active{transform:scale(0.95);}
.ctrl-text-icon-btn::before{content:''; display:block; width:16px; height:16px; filter:var(--filter-white); background:url('/asset/images/icon_image.svg') center/contain no-repeat;}
.ctrl-text-icon-btn:hover .ctrl-image-tip,.ctrl-text-icon-btn:focus-visible .ctrl-image-tip{opacity:1;}
[data-ctrl-link]{position:relative;}
.ctrl-link-overlay{position:absolute; bottom:10px; right:10px; display:flex; gap:8px; opacity:0; transition:opacity .2s ease; z-index:99998; pointer-events:none;}
[data-ctrl-link]:hover > .ctrl-link-overlay{opacity:1; pointer-events:auto;}
.ctrl-link-btn{width:34px; height:34px; border-radius:50%; background:#4f46e5; border:2px solid var(--color-white); cursor:pointer; padding:0; box-shadow:0 3px 10px rgba(0,0,0,.25); position:relative; display:flex; align-items:center; justify-content:center; transition:transform .15s ease; font-size:0; color:transparent;}
.ctrl-link-btn:hover{transform:scale(1.1);}
.ctrl-link-btn:active{transform:scale(0.95);}
.ctrl-link-btn::before{content:''; display:block; width:16px; height:16px; filter:var(--filter-white); background:url('/asset/images/icon_link.svg') center/contain no-repeat;}
.ctrl-link-tip{position:absolute; bottom:calc(100% + 8px); left:50%; transform:translateX(-50%); background:rgba(0,0,0,.85); color:var(--color-white); padding:4px 10px; border-radius:4px; font-size:var(--font-xs); font-weight:500; line-height:1.2; white-space:nowrap; pointer-events:none; opacity:0; transition:opacity .15s ease;}
.ctrl-link-tip::after{content:''; position:absolute; top:100%; left:50%; transform:translateX(-50%); border:4px solid transparent; border-top-color:rgba(0,0,0,.85);}
.ctrl-link-btn:hover .ctrl-link-tip,.ctrl-link-btn:focus-visible .ctrl-link-tip{opacity:1;}
.ctrl-image-popover{background:var(--color-white); border:1px solid var(--color-gray-400); border-radius:var(--radius-8); box-shadow:0 10px 40px -10px rgba(0,0,0,.25), 0 4px 12px -4px rgba(0,0,0,.1); padding:12px; min-width:280px; max-width:420px;}
.ctrl-image-popover-title{font-size:var(--font-sm); font-weight:700; color:var(--color-gray-1200); margin-bottom:10px;}
.ctrl-image-popover-input{display:block; width:100%; padding:8px 10px; border:1px solid var(--color-gray-400); border-radius:var(--radius-5); font-size:var(--font-sm); color:var(--color-gray-1200); background:var(--color-white); box-sizing:border-box;}
#modal-bg-image-settings[data-mode="image"] .bg-modal-options-row{display:none;}
#modal-bg-image-settings[data-mode="area"] .bg-modal-image-alt-row{display:none;}
#modal-bg-image-settings .bg-modal-image-alt-row{margin-top:var(--gap-15);}
#modal-bg-image-settings .bg-modal-image-alt-row .bg-modal-section{width:100%; min-width:0;}
#modal-bg-image-settings .bg-modal-image-alt-row .tooltip-box .tooltip-btn{display:flex; flex-wrap:wrap; align-items:center; gap:var(--gap-3);}
#modal-bg-image-settings .bg-modal-image-alt-row .tooltip-box .tooltip-btn:after{display:inline-block; content:""; width:var(--icon-16); height:var(--icon-16); background:url('/asset/images/icon_tooltip.svg') no-repeat center / cover;}
.ctrl-image-popover-input:focus{border-color:#4f46e5; outline:2px solid color-mix(in srgb, #4f46e5 30%, transparent); outline-offset:1px;}
.ctrl-image-popover-actions{display:flex; gap:6px; justify-content:flex-end; margin-top:10px;}
.ctrl-image-popover-cancel,.ctrl-image-popover-apply{padding:6px 14px; border-radius:var(--radius-5); font-size:var(--font-sm); font-weight:600; cursor:pointer; border:1px solid var(--color-gray-400); background:var(--color-white); color:var(--color-gray-1200);}
.ctrl-image-popover-apply{background:#4f46e5; border-color:#4f46e5; color:var(--color-white);}
.ctrl-image-popover-cancel:hover{background:var(--color-gray-100);}
.ctrl-image-popover-apply:hover{background:color-mix(in srgb, #4f46e5 85%, var(--color-black));}
.board-write-box td .input-box + .file-box,.board-write-box td .file-box + .input-box,.board-write-box td .file-box + .vid-inline-row,.board-write-box td .file-box + .board-write-box{margin-top:8px;}
.modal-box .modal-body .input-box,.modal-box .modal-body .select-box{flex:1 1 0;width:100%;min-width:0;}
.ws-dir4{display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; gap: 5px !important;}
.ws-dir4 .input-box{flex: 1 1 calc(50% - 5px) !important; width: auto !important; max-width: none !important; min-width: 0 !important; box-sizing: border-box !important;}
.ws-dir4 .input-box em{font-size: 11px;}
#modal-table-editor .table-editor-guide{font-size:var(--font-sm);color:var(--color-gray-900);line-height:1.6;margin-bottom:var(--margin-15);}
#modal-table-editor .db-title-box .btn-sel-hint{margin-top:5px;}
#modal-table-editor .table-editor-mount{min-height:340px;}
#modal-table-editor .ratio-unit{font-size:var(--font-sm);color:var(--color-black-500);font-weight:500;line-height:var(--height-35);margin-left:var(--margin-5);}
#modal-table-editor .tbl-side-hint{font-size:var(--font-xs);color:var(--color-gray-900);line-height:1.5;margin-bottom:var(--margin-10);}
#modal-table-editor .tbl-side-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;}
#modal-table-editor .tbl-side-label{flex:0 0 40px;font-size:var(--font-sm);color:var(--color-gray-1000);font-weight:500;}
#modal-table-editor .tbl-side-row .input-box{flex:0 0 84px;width:84px;}
#modal-table-editor .tbl-side-row .input-box input{width:40px;text-align:center;}
#modal-table-editor .tbl-side-row .select-box{flex:0 0 100px;}
#modal-table-editor .tbl-side-row .color-box .sp-replacer{width:38px;height:32px;border-radius:var(--radius-5);}
#modal-tooltip-editor .tt-editor-guide{font-size:var(--font-sm);color:var(--color-gray-900);line-height:1.6;margin-bottom:var(--margin-15);}
#modal-tooltip-editor .tt-cols{display:flex;gap:24px;align-items:flex-start;}
#modal-tooltip-editor .tt-col-left{flex:1 1 50%;min-width:0;position:sticky;top:0;align-self:flex-start;}
#modal-tooltip-editor .tt-col-right{flex:1 1 50%;min-width:0;}
#modal-tooltip-editor .tt-preview-wrap{display:flex;align-items:center;justify-content:center;min-height:210px;padding:80px 60px;border:1px solid var(--color-gray-300);border-radius:var(--radius-8);background:repeating-conic-gradient(#f2f2f2 0% 25%,#fafafa 0% 50%) 50%/16px 16px;overflow:visible;}
#modal-tooltip-editor .tt-preview-box{display:flex;align-items:center;justify-content:center;}
#modal-tooltip-editor .ss-inline{display:flex;flex-wrap:wrap;align-items:center;gap:12px;}
#modal-tooltip-editor .tt-num{display:inline-flex;align-items:center;}
#modal-tooltip-editor .tt-num input{width:70px;text-align:left;}
#modal-tooltip-editor .ratio-unit{font-size:var(--font-sm);color:var(--color-black-500);font-weight:500;line-height:var(--height-35);margin-left:var(--margin-5);}
#modal-tab-style .tabst-guide{font-size:var(--font-sm);color:var(--color-gray-900);line-height:1.6;margin-bottom:var(--margin-15);}
.modal-box .board-message-box p,.modal-box .btn-sel-hint,.modal-box .tabst-guide,.modal-box .accst-guide,.modal-box .ln-guide,.modal-box .tt-editor-guide,.modal-box .btn-edit-guide{word-break:keep-all;}
#modal-tab-style tr[hidden]{display:none;}
#modal-tab-style .tabst-cols{display:flex;gap:24px;align-items:flex-start;}
#modal-tab-style .tabst-col-left{flex:1 1 50%;min-width:0;position:sticky;top:0;align-self:flex-start;}
#modal-tab-style .tabst-col-right{flex:1 1 50%;min-width:0;}
#modal-tab-style .tabst-preview-wrap{min-height:170px;padding:25px 20px;border:1px solid var(--color-gray-300);border-radius:var(--radius-8);background:repeating-conic-gradient(#f2f2f2 0% 25%,#fafafa 0% 50%) 50%/16px 16px;overflow:auto;}
#modal-tab-style .tabst-preview-box .db-tab-wrap{margin:0;}
#modal-tab-style .tabst-preview-box .tab.db-tab-icon-col{flex-direction:column;}
#modal-tab-style .tabst-preview-box .db-tab-panels > .tab-content-box:not([hidden]){min-height:70px;margin-top:10px;border:1px dashed var(--color-gray-500);border-radius:var(--radius-8);background:var(--color-white);display:flex;align-items:center;justify-content:center;color:var(--color-gray-800);font-size:var(--font-sm);}
#modal-tab-style .tabst-item-list{list-style:none;display:flex;flex-direction:column;gap:6px;margin:0;padding:0;}
#modal-tab-style .tabst-item-list li{display:flex;align-items:center;gap:6px;}
#modal-tab-style .tabst-item-list .input-box{flex:1;min-width:0;}
#modal-tab-style .tabst-item-list .input-box textarea{flex:1;width:100%;min-height:43px;background:none;border:0;font-size:var(--font-md);line-height:1.5;padding:10px 0;resize:none;box-sizing:border-box;}
#modal-tab-style .tabst-item-list .btn{flex:none;min-width:35px;padding:0 8px;}
#modal-tab-style .tabst-item-foot{justify-content:flex-start;margin-top:10px;}
#modal-tab-style .ss-inline{display:flex;flex-wrap:wrap;align-items:center;gap:12px;}
#modal-tab-style .tabst-num{display:inline-flex;align-items:center;}
#modal-tab-style .tabst-num input{width:70px;text-align:center;}
#modal-tab-style .ratio-unit{font-size:var(--font-sm);color:var(--color-black-500);font-weight:500;line-height:var(--height-35);margin-left:var(--margin-5);}
#modal-accordion-style .accst-guide{font-size:var(--font-sm);color:var(--color-gray-900);line-height:1.6;margin-bottom:var(--margin-15);}
#modal-accordion-style tr[hidden]{display:none;}
#modal-accordion-style .accst-cols{display:flex;gap:24px;align-items:flex-start;}
#modal-accordion-style .accst-col-left{flex:1 1 50%;min-width:0;position:sticky;top:0;align-self:flex-start;}
#modal-accordion-style .accst-col-right{flex:1 1 50%;min-width:0;}
#modal-accordion-style .accst-preview-wrap{min-height:170px;padding:25px 20px;border:1px solid var(--color-gray-300);border-radius:var(--radius-8);background:repeating-conic-gradient(#f2f2f2 0% 25%,#fafafa 0% 50%) 50%/16px 16px;overflow:auto;}
#modal-accordion-style .accst-preview-box .db-accordion-wrap{margin:0;}
#modal-accordion-style .accst-preview-box .accordion-box > ul{list-style:none;margin:0;padding:0;}
#modal-accordion-style .accst-preview-box .ac-body .tab-none-box{min-height:60px;padding:var(--padding-10);}
#modal-accordion-style .accst-item-list{list-style:none;display:flex;flex-direction:column;gap:6px;margin:0;padding:0;}
#modal-accordion-style .accst-item-list li{display:flex;align-items:center;gap:6px;}
#modal-accordion-style .accst-item-list .input-box{flex:1;min-width:0;}
#modal-accordion-style .accst-item-list .input-box textarea{flex:1;width:100%;min-height:43px;background:none;border:0;font-size:var(--font-md);line-height:1.5;padding:10px 0;resize:none;box-sizing:border-box;}
#modal-accordion-style .accst-item-list .btn{flex:none;min-width:35px;padding:0 8px;}
#modal-accordion-style .accst-item-foot{justify-content:flex-start;margin-top:10px;}
#modal-accordion-style .ss-inline{display:flex;flex-wrap:wrap;align-items:center;gap:12px;}
#modal-accordion-style .accst-num{display:inline-flex;align-items:center;}
#modal-accordion-style .accst-num input{width:70px;text-align:center;}
#modal-accordion-style .ratio-unit{font-size:var(--font-sm);color:var(--color-black-500);font-weight:500;line-height:var(--height-35);margin-left:var(--margin-5);}
#modal-overlay-editor .ove-guide{font-size:var(--font-sm);color:var(--color-gray-900);line-height:1.6;margin-top:var(--margin-10);}
#modal-overlay-editor .ove-cols{display:flex;gap:24px;align-items:flex-start;}
#modal-overlay-editor .ove-col-left{flex:1 1 50%;min-width:0;position:sticky;top:0;align-self:flex-start;}
#modal-overlay-editor .ove-col-right{flex:1 1 50%;min-width:0;}
#modal-overlay-editor .ove-preview-wrap{min-height:200px;padding:20px;border:1px solid var(--color-gray-300);border-radius:var(--radius-8);background:repeating-conic-gradient(#f2f2f2 0% 25%,#fafafa 0% 50%) 50%/16px 16px;overflow:auto;}
#modal-overlay-editor .ove-preview-box .db-overlay-layer{cursor:pointer;outline:1px dashed transparent;outline-offset:2px;opacity:1;--ov-reveal-tf:translate(0,0);}
#modal-overlay-editor .ove-preview-box .db-overlay-layer:hover{outline-color:#4f46e5;}
#modal-overlay-editor .ove-preview-box .db-overlay-layer.ove-selected{opacity:1;transform:var(--ov-anchor-tf,none);outline:2px solid #4f46e5;outline-offset:2px;}
#modal-overlay-editor .ss-inline{display:flex;flex-wrap:wrap;align-items:center;gap:12px;}
#modal-overlay-editor .ove-num{display:inline-flex;align-items:center;}
#modal-overlay-editor .ove-num input{width:80px;text-align:center;}
#modal-overlay-editor .ratio-unit{font-size:var(--font-sm);color:var(--color-black-500);font-weight:500;line-height:var(--height-35);margin-left:var(--margin-5);}
#modal-overlay-editor .ove-item-list,#modal-overlay-editor .ove-child-list{list-style:none;display:flex;flex-direction:column;gap:6px;margin:0;padding:0;}
#modal-overlay-editor .ove-item-list li,#modal-overlay-editor .ove-child-list li{display:flex;align-items:center;gap:6px;}
#modal-overlay-editor .ove-item-list .ove-item-sel{flex:1;min-width:0;text-align:left;justify-content:flex-start;}
#modal-overlay-editor .ove-item-list li.ove-cur .ove-item-sel{outline:2px solid #4f46e5;outline-offset:-2px;}
#modal-overlay-editor .ove-item-list .btn,#modal-overlay-editor .ove-child-list .btn{flex:none;min-width:35px;padding:0 8px;}
#modal-overlay-editor .ove-child-list li span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-sm);}
#modal-overlay-editor .ove-item-foot{justify-content:flex-start;margin-top:10px;}
#modal-overlay-editor .ove-empty-msg{margin-top:15px;}
#modal-overlay-editor .modal-box .board-message-box p,#modal-overlay-editor .board-message-box p{word-break:keep-all;}
#modal-overlay-editor .ove-bgimg-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;}
#modal-overlay-editor .ove-bgimg-prev{width:80px;height:60px;border:1px solid var(--color-gray-300);border-radius:var(--radius-8);overflow:hidden;background:repeating-conic-gradient(#f2f2f2 0% 25%,#fafafa 0% 50%) 50%/12px 12px;}
#modal-overlay-editor .ove-bgimg-prev img{width:100%;height:100%;object-fit:cover;display:block;}
#modal-line-style .ln-guide{font-size:var(--font-sm);color:var(--color-gray-900);line-height:1.6;margin-bottom:var(--margin-15);}
#modal-line-style tr[hidden]{display:none;}
#modal-line-style .ln-cols{display:flex;gap:24px;align-items:flex-start;}
#modal-line-style .ln-col-left{flex:1 1 50%;min-width:0;position:sticky;top:0;align-self:flex-start;}
#modal-line-style .ln-col-right{flex:1 1 50%;min-width:0;}
#modal-line-style .ln-preview-wrap{min-height:170px;padding:40px 24px;border:1px solid var(--color-gray-300);border-radius:var(--radius-8);background:repeating-conic-gradient(#f2f2f2 0% 25%,#fafafa 0% 50%) 50%/16px 16px;overflow:auto;display:flex;flex-direction:column;justify-content:center;}
#modal-line-style .ln-preview-box .db-line-wrap{margin:0;}
#modal-line-style .ss-inline{display:flex;flex-wrap:wrap;align-items:center;gap:12px;}
#modal-line-style .ln-num{display:inline-flex;align-items:center;}
#modal-line-style .ln-num input{width:70px;text-align:center;}
#modal-line-style .ratio-unit{font-size:var(--font-sm);color:var(--color-black-500);font-weight:500;line-height:var(--height-35);margin-left:var(--margin-5);}
#modal-button-editor .btn-edit-guide{font-size:var(--font-sm);color:var(--color-gray-900);line-height:1.6;margin-bottom:var(--margin-15);}
#modal-button-editor .btn-cols{display:flex;gap:24px;align-items:flex-start;}
#modal-button-editor .btn-col-left{flex:1 1 50%;min-width:0;position:sticky;top:0;align-self:flex-start;}
#modal-button-editor .btn-col-right{flex:1 1 50%;min-width:0;}
#modal-button-editor .btn-preview-wrap{display:flex;align-items:center;justify-content:center;min-height:90px;padding:20px;border:1px solid var(--color-gray-300);border-radius:var(--radius-8);background:repeating-conic-gradient(#f2f2f2 0% 25%,#fafafa 0% 50%) 50%/16px 16px;}
#modal-button-editor .btn-preview-box{width:100%;}
#modal-button-editor .btn-preview-box .pv-item{position:relative;display:flex;cursor:grab;transition:opacity .12s,background-color var(--btn-trans,.15s),color var(--btn-trans,.15s),border-color var(--btn-trans,.15s),box-shadow var(--btn-trans,.15s),transform var(--btn-trans,.15s);}
#modal-button-editor .btn-preview-box .pv-item:not(.is-sel){opacity:.45;}
#modal-button-editor .btn-preview-box .pv-item.dragging{opacity:.45;}
#modal-button-editor .btn-preview-box .pv-drop-ph{box-sizing:border-box;border:2px dashed #4f46e5;border-radius:8px;background:color-mix(in srgb,#4f46e5 8%,transparent);pointer-events:none;flex:0 0 auto;}
#modal-button-editor .btn-preview-box .pv-btn{cursor:inherit;pointer-events:none;}
#modal-button-editor .btn-preview-box .pv-del{position:absolute;top:-9px;right:-9px;width:22px;height:22px;border-radius:50%;background:#4f46e5;border:2px solid #fff;color:#fff;font-size:13px;line-height:1;cursor:pointer;opacity:0;transition:opacity .15s;z-index:2;box-shadow:0 2px 6px rgba(0,0,0,.28);display:flex;align-items:center;justify-content:center;padding:0;}
#modal-button-editor .btn-preview-box .pv-item:hover .pv-del,#modal-button-editor .btn-preview-box .pv-del:focus-visible{opacity:1;}
#modal-button-editor .btn-sel-hint{font-size:var(--font-xs);color:var(--color-gray-900);font-weight:500;margin-top:4px;line-height:1.5;}
#modal-button-editor .range-box{display:inline-flex;align-items:center;gap:6px;}
#modal-button-editor .range-box .range-label{font-size:var(--font-sm);color:var(--color-gray-900);font-weight:500;}
#modal-button-editor .ss-inline{display:flex;flex-wrap:wrap;align-items:center;gap:12px;}
#modal-button-editor .btn-num{flex:0 0 100px;width:100px;max-width:100px;padding:0 var(--padding-10);box-sizing:border-box;}
#modal-button-editor .btn-num input{width:44px;min-width:0;text-align:center;}
#modal-button-editor .btn-num em{font-style:normal;color:var(--color-gray-900);font-size:var(--font-xs);white-space:nowrap;}
#modal-button-editor .pv-btn.m-scale{transform:scale(1.04);}
#modal-button-editor .pv-btn.m-lift{transform:translateY(-3px);}
#modal-button-editor .pv-btn.m-press{transform:scale(.96);}
#modal-button-editor .pv-btn.m-shadow{transform:translateY(-1px);box-shadow:0 8px 20px -4px rgba(0,0,0,.35)!important;}
#modal-button-editor .pv-btn.m-rotate{transform:rotate(-2deg) scale(1.02);}
#modal-button-editor .pv-btn.m-pulse{animation:dbBtnPulse .6s ease infinite;}
#modal-button-editor .pv-btn.m-shake{animation:dbBtnShake .4s ease;}
#modal-button-editor .pv-btn.m-float{animation:dbBtnFloat 1.2s ease-in-out infinite;}
#modal-button-editor .pv-btn.m-bounce{animation:dbBtnBounce .5s ease;}
@keyframes dbBtnPulse{0%,100%{transform:scale(1);}50%{transform:scale(1.06);}}
@keyframes dbBtnShake{0%,100%{transform:translateX(0);}20%{transform:translateX(-3px);}40%{transform:translateX(3px);}60%{transform:translateX(-2px);}80%{transform:translateX(2px);}}
@keyframes dbBtnFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-4px);}}
@keyframes dbBtnBounce{0%,100%{transform:translateY(0);}30%{transform:translateY(-6px);}50%{transform:translateY(0);}70%{transform:translateY(-3px);}}
#modal-video-editor .vid-editor-split{display:flex; gap:24px; align-items:flex-start;}
#modal-video-editor .vid-editor-left{flex:1 1 42%; min-width:0; position:sticky; top:0;}
#modal-video-editor .vid-editor-right{flex:1 1 58%; min-width:0;}
#modal-video-editor .vid-preview-wrap{padding:16px;}
#modal-video-editor .vid-preview-box{width:100%;}
#modal-timer-editor .tm-editor-split{display:flex; gap:24px; align-items:flex-start;}
#modal-timer-editor .tm-editor-left{flex:1 1 42%; min-width:0; position:sticky; top:0;}
#modal-timer-editor .tm-editor-right{flex:1 1 58%; min-width:0;}
#modal-timer-editor .tm-preview-wrap{padding:20px;}
#modal-timer-editor .tm-preview-box{width:100%;}
#modal-timer-editor .check-line{display:flex; flex-wrap:wrap; gap:8px 16px; align-items:center; margin-bottom:6px;}
#modal-timer-editor .check-line .check-box{flex:0 0 auto;}
#modal-timer-editor .tm-unit-rows{display:grid; grid-template-columns:1fr 1fr; gap:8px 16px; margin-bottom:8px;}
#modal-timer-editor .tm-unit-item{display:flex; align-items:center; gap:8px; min-width:0;}
#modal-timer-editor .tm-unit-item .check-box{flex:0 0 auto; min-width:36px;}
#modal-timer-editor .tm-unit-item .tm-unit-label{flex:1 1 0; min-width:0; height:38px; box-sizing:border-box; border:1px solid var(--color-gray-400); border-radius:var(--radius-8); padding:0 10px; font-size:var(--font-md); background:#fff;}
#modal-timer-editor .layout-gap-row,#modal-chart-editor .layout-gap-row{display:flex; align-items:center; gap:var(--gap-10); flex-wrap:wrap;}
#modal-timer-editor .layout-gap-row .color-box,#modal-chart-editor .layout-gap-row .color-box{flex:0 0 auto;}
#modal-breadcrumb-editor .layout-gap-row{display:flex; align-items:center; gap:var(--gap-10); flex-wrap:nowrap;}
#modal-breadcrumb-editor .layout-gap-row .color-box{flex:0 0 auto;}
#modal-breadcrumb-editor .layout-gap-row .input-box,#modal-breadcrumb-editor .layout-gap-row .select-box{flex:1 1 0; min-width:0;}
#modal-chart-editor .ch-editor-split{display:flex; gap:24px; align-items:flex-start;}
#modal-chart-editor .ch-editor-left{flex:1 1 42%; min-width:0; position:sticky; top:0;}
#modal-chart-editor .ch-editor-right{flex:1 1 58%; min-width:0;}
#modal-chart-editor .ch-preview-wrap{padding:16px;}
#modal-chart-editor .ch-preview-box{width:100%; min-height:220px;}
#modal-chart-editor .check-line{display:flex; flex-wrap:wrap; gap:8px 16px; align-items:center; margin-bottom:6px;}
#modal-chart-editor .check-line .check-box{flex:0 0 auto;}
#modal-chart-editor .ch-series-list{display:flex; flex-direction:column; gap:8px; margin-bottom:10px;}
#modal-chart-editor .ch-series-row{display:flex; gap:8px; align-items:center;}
#modal-chart-editor .ch-series-row .ch-s-color{width:34px; height:36px; padding:0; border:1px solid var(--color-gray-400); border-radius:var(--radius-8); background:#fff; flex:0 0 auto; cursor:pointer;}
#modal-chart-editor .ch-series-row .input-plain{height:38px; border:1px solid var(--color-gray-400); border-radius:var(--radius-8); padding:0 10px; font-size:var(--font-md); min-width:0; background:#fff;}
#modal-chart-editor .ch-series-row .ch-s-name{flex:1 1 30%;}
#modal-chart-editor .ch-series-row .ch-s-vals{flex:1 1 55%;}
#modal-chart-editor .ch-series-row .ch-s-del{position:relative; flex:0 0 auto; width:36px; height:36px; border:1px solid var(--color-gray-400); border-radius:var(--radius-8); background:#fff; font-size:0; cursor:pointer;}
#modal-chart-editor .ch-series-row .ch-s-del::before{content:""; position:absolute; inset:0; background:var(--color-gray-1200); -webkit-mask:url('/asset/images/icon_close.svg') no-repeat center / 14px 14px; mask:url('/asset/images/icon_close.svg') no-repeat center / 14px 14px;}
#modal-chart-editor .ch-series-row .ch-s-del:disabled{opacity:.4; cursor:default;}
#modal-breadcrumb-editor .bc-editor-split{display:flex; gap:24px; align-items:flex-start;}
#modal-breadcrumb-editor .bc-editor-left{flex:1 1 40%; min-width:0; position:sticky; top:0;}
#modal-breadcrumb-editor .bc-editor-right{flex:1 1 60%; min-width:0;}
#modal-breadcrumb-editor .bc-preview-wrap{padding:16px; min-height:70px; display:flex; align-items:center; overflow:visible;}
#modal-breadcrumb-editor .bc-preview-box{width:100%;}
#modal-breadcrumb-editor .bc-item-list{display:flex; flex-direction:column; gap:8px; margin-bottom:10px;}
#modal-breadcrumb-editor .bc-item-row{display:flex; gap:6px; align-items:center;}
#modal-breadcrumb-editor .bc-item-row .bc-item-idx{flex:0 0 auto; width:22px; height:36px; display:flex; align-items:center; justify-content:center; font-size:12px; color:var(--color-gray-1100);}
#modal-breadcrumb-editor .input-plain{height:36px; border:1px solid var(--color-gray-400); border-radius:var(--radius-8); padding:0 10px; font-size:var(--font-md); min-width:0; background:#fff;}
#modal-breadcrumb-editor .bc-item-block{display:flex; flex-direction:column;}
#modal-breadcrumb-editor .bc-item-row .bc-i-label{flex:1 1 34%;}
#modal-breadcrumb-editor .bc-item-row .bc-i-link{flex:1 1 55%; display:flex; align-items:center; gap:6px; text-align:left; cursor:pointer; overflow:hidden;}
#modal-breadcrumb-editor .bc-item-row .bc-i-link .bc-i-linktxt{flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#modal-breadcrumb-editor .bc-item-row .bc-i-link .bc-i-linktxt.is-empty{color:var(--color-gray-1000);}
#modal-breadcrumb-editor .bc-item-row .bc-i-link .bc-i-newwin{flex:0 0 auto; color:#4f46e5; font-size:12px; font-weight:600;}
#modal-breadcrumb-editor .bc-chip-list{display:flex; flex-wrap:wrap; gap:6px;}
#modal-breadcrumb-editor .bc-chip{display:inline-flex; align-items:center; gap:5px; max-width:180px; height:30px; padding:0 10px; border:1px solid var(--color-gray-400); border-radius:999px; background:#fff; color:var(--color-gray-1200); font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; cursor:pointer;}
#modal-breadcrumb-editor .bc-chip.has-style{border-color:#4f46e5; color:#4f46e5; font-weight:600;}
#modal-breadcrumb-editor .bc-chip.editing{background:#4f46e5; border-color:#4f46e5; color:#fff;}
#modal-breadcrumb-editor .bc-chip .bc-chip-dot{flex:0 0 auto; width:6px; height:6px; border-radius:50%; background:#4f46e5;}
#modal-breadcrumb-editor .bc-chip.editing .bc-chip-dot{background:#fff;}
#modal-breadcrumb-editor .bc-chip-empty{font-size:12px; color:var(--color-gray-1000);}
#modal-breadcrumb-editor .bc-ib-peritem{margin-top:12px; padding:12px; border:1px solid #4f46e5; border-radius:var(--radius-8); background:var(--color-gray-100);}
#modal-breadcrumb-editor .bc-ib-peritem[hidden]{display:none;}
#modal-breadcrumb-editor .bc-ib-peritem .db-title-box{margin-bottom:8px;}
#modal-breadcrumb-editor .db-subhead{padding:15px; font-size:var(--font-md); font-weight:600; color:var(--color-black-600); text-align:left; background:var(--color-gray-100); border-top:1px solid var(--color-gray-400);}
#modal-breadcrumb-editor .bc-item-row .bc-i-childtoggle{flex:0 0 auto; display:inline-flex; align-items:center; gap:5px; height:36px; padding:0 10px; border:1px solid var(--color-gray-400); border-radius:var(--radius-8); background:#fff; color:var(--color-gray-1100); font-size:12px; white-space:nowrap; cursor:pointer;}
#modal-breadcrumb-editor .bc-item-row .bc-i-childtoggle::before{content:""; flex:0 0 auto; width:12px; height:12px; background:currentColor; -webkit-mask:url('/asset/images/icon_plus.svg') no-repeat center / 12px 12px; mask:url('/asset/images/icon_plus.svg') no-repeat center / 12px 12px;}
#modal-breadcrumb-editor .bc-item-row .bc-i-childtoggle.is-open{background:var(--color-gray-200); color:var(--color-gray-1200);}
#modal-breadcrumb-editor .bc-item-row .bc-i-del{position:relative; flex:0 0 auto; display:flex; align-items:center; justify-content:center; width:32px; height:36px; border:1px solid var(--color-gray-400); border-radius:var(--radius-8); background:#fff; cursor:pointer; font-size:0;}
#modal-breadcrumb-editor .bc-item-row button:disabled{opacity:.35; cursor:default;}
#modal-breadcrumb-editor .bc-item-row .bc-i-del::before{content:""; position:absolute; inset:0; background:var(--color-gray-1200); -webkit-mask:url('/asset/images/icon_close.svg') no-repeat center / 12px 12px; mask:url('/asset/images/icon_close.svg') no-repeat center / 12px 12px;}
#modal-breadcrumb-editor .bc-child-list{display:flex; flex-direction:column; gap:6px; margin:6px 0 2px 22px; padding:8px; border-left:2px solid var(--color-gray-400); background:var(--color-gray-100); border-radius:var(--radius-8);}
#modal-breadcrumb-editor .bc-child-list[hidden]{display:none;}
#modal-breadcrumb-editor .bc-child-row{display:flex; gap:6px; align-items:center;}
#modal-breadcrumb-editor .bc-child-row .bc-child-idx{flex:0 0 auto; width:16px; text-align:center; color:var(--color-gray-1100); font-size:12px;}
#modal-breadcrumb-editor .bc-child-row .bc-c-label{flex:1 1 38%;}
#modal-breadcrumb-editor .bc-child-row .bc-c-url{flex:1 1 55%;}
#modal-breadcrumb-editor .bc-child-row .bc-c-del{position:relative; flex:0 0 auto; display:flex; align-items:center; justify-content:center; width:30px; height:36px; border:1px solid var(--color-gray-400); border-radius:var(--radius-8); background:#fff; cursor:pointer; font-size:0;}
#modal-breadcrumb-editor .bc-child-row .bc-c-del::before{content:""; position:absolute; inset:0; background:var(--color-gray-1200); -webkit-mask:url('/asset/images/icon_close.svg') no-repeat center / 11px 11px; mask:url('/asset/images/icon_close.svg') no-repeat center / 11px 11px;}
#modal-breadcrumb-editor .bc-child-row .bc-c-icon{flex:0 0 auto; display:inline-flex; align-items:center; gap:5px; height:36px; padding:0 10px; border:1px solid var(--color-gray-400); border-radius:var(--radius-8); background:#fff; cursor:pointer; font-size:12px; color:var(--color-gray-1200); white-space:nowrap;}
#modal-breadcrumb-editor .bc-child-row .bc-c-icon.has-icon{border-color:#4f46e5; color:#4f46e5;}
#modal-breadcrumb-editor .bc-child-row .bc-c-iconclr{position:relative; flex:0 0 auto; width:20px; height:36px; border:0; background:transparent; cursor:pointer; font-size:0;}
#modal-breadcrumb-editor .bc-child-row .bc-c-iconclr::before{content:""; position:absolute; inset:0; background:var(--color-gray-1000); -webkit-mask:url('/asset/images/icon_close.svg') no-repeat center / 10px 10px; mask:url('/asset/images/icon_close.svg') no-repeat center / 10px 10px;}
#modal-breadcrumb-editor tr.bc-dd-opt[hidden],#modal-breadcrumb-editor tr.bc-ib-opt[hidden],#modal-breadcrumb-editor tr.bc-cur-opt[hidden]{display:none;}
#modal-video-editor .vid-prev-empty{margin:0; padding:30px 10px;}
#modal-video-editor tr[hidden]{display:none;}
#modal-video-editor .vid-inline-row{display:flex;flex-wrap:wrap;gap:var(--gap-10);align-items:center;}
#modal-video-editor .vid-device-label{display:block;margin-top:14px;font-size:12px;color:#888;word-break:keep-all;}
#modal-video-editor .vid-time-box{width:auto;display:inline-flex;align-items:center;gap:6px;}
#modal-video-editor .vid-cap-label-box{flex:1;min-width:0;gap:6px;}
#modal-video-editor .vid-time-box label,#modal-video-editor .vid-cap-label-box label{font-size:12px;color:var(--color-gray-800);white-space:nowrap;margin:0;}
#modal-video-editor .vid-time-box input{width:90px;}
#modal-video-editor .bg-ratio-presets{margin-bottom:0;}
#modal-slideshow-editor .ss-editor-split{display:flex;gap:24px;align-items:flex-start;}
#modal-slideshow-editor .ss-editor-left{flex:1 1 42%;min-width:0;position:sticky;top:0;}
#modal-slideshow-editor .ss-editor-right{flex:1 1 58%;min-width:0;}
#modal-slideshow-editor .bg-modal-section{display:flex;flex-direction:column;gap:var(--gap-5);margin-bottom:var(--margin-15);}
#modal-slideshow-editor .bg-modal-section[hidden]{display:none;}
#modal-slideshow-editor #ssSlideEditor{display:flex;flex-direction:column;gap:var(--gap-5);}
#modal-slideshow-editor .bg-modal-section-title{font-size:var(--font-md);font-weight:700;color:var(--color-black);display:block;padding-bottom:9px;margin-bottom:12px;border-bottom:1px solid var(--color-gray-300);}
#modal-slideshow-editor .ss-slide-list{display:flex;flex-wrap:wrap;gap:10px;}
#modal-slideshow-editor .ss-card{width:150px;border:2px solid var(--color-gray-300);border-radius:var(--radius-8);overflow:hidden;cursor:pointer;background:#fff;transition:border-color .12s,box-shadow .12s;}
#modal-slideshow-editor .ss-card:hover{border-color:var(--color-gray-500);}
#modal-slideshow-editor .ss-card.is-sel{border-color:#4f46e5;box-shadow:0 3px 12px -3px color-mix(in srgb,#4f46e5 55%,transparent);}
#modal-slideshow-editor .ss-card-preview{position:relative;width:100%;aspect-ratio:16/9;background:repeating-conic-gradient(#eee 0% 25%,#f7f7f7 0% 50%) 50%/16px 16px;display:flex;align-items:center;justify-content:center;overflow:hidden;}
#modal-slideshow-editor .ss-card-preview img{width:100%;height:100%;object-fit:cover;display:block;}
#modal-slideshow-editor .ss-card-text{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:6px;font-size:11px;line-height:1.35;overflow:hidden;box-sizing:border-box;word-break:break-all;}
#modal-slideshow-editor .ss-card-empty{color:#aaa;font-size:11px;}
#modal-slideshow-editor .ss-card-badge{position:absolute;top:5px;left:5px;background:rgba(0,0,0,.62);color:#fff;font-size:10px;padding:1px 7px;border-radius:10px;z-index:2;}
#modal-slideshow-editor .ss-card-vid{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;}
#modal-slideshow-editor .ss-card-vid::after{content:"";width:0;height:0;border-left:16px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent;filter:drop-shadow(0 1px 3px rgba(0,0,0,.55));}
#modal-slideshow-editor .ss-card-bar{display:flex;align-items:center;gap:3px;padding:5px 7px;border-top:1px solid var(--color-gray-200);}
#modal-slideshow-editor .ss-card-idx{font-weight:700;font-size:12px;color:#4f46e5;}
#modal-slideshow-editor .ss-card-type{font-size:11px;color:#777;flex:1;}
#modal-slideshow-editor .ss-card-bar button{border:0;background:transparent;cursor:pointer;font-size:11px;color:#999;padding:0 2px;line-height:1;}
#modal-slideshow-editor .ss-card-bar button:hover{color:#4f46e5;}
#modal-slideshow-editor .ss-card-bar .ss-chip-del{color:#e53935;font-size:15px;}
#modal-slideshow-editor .ss-card-bar .ss-chip-del:hover{color:#c62828;}
#modal-slideshow-editor .ss-field{margin-bottom:10px;}
#modal-slideshow-editor .ss-field > label,#modal-slideshow-editor .ss-field > .ss-field-label{display:block;font-size:13px;font-weight:600;margin-bottom:4px;}
#modal-slideshow-editor .ss-field .input-box,#modal-slideshow-editor .ss-field .select-box{width:100%;}
#modal-slideshow-editor .input-box textarea{flex:1;width:100%;min-height:72px;background:none;border:0;font-size:var(--font-md);padding:8px 0;resize:vertical;box-sizing:border-box;}
#modal-slideshow-editor .ss-opt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;}
#modal-slideshow-editor .ss-inline{display:flex;gap:14px;flex-wrap:wrap;align-items:center;}
#modal-slideshow-editor .ss-help{font-size:12px;color:#888;word-break:keep-all;}
#modal-slideshow-editor .ss-row2{display:flex;gap:8px;}
#modal-slideshow-editor .ss-row2 > *{flex:1;}
#modal-slideshow-editor .ss-btnset{display:flex;flex-wrap:wrap;gap:6px;}
#modal-slideshow-editor .ss-optbtn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:62px;padding:8px 10px;border:1px solid var(--color-gray-400);border-radius:var(--radius-5);background:#fff;font-size:12px;color:var(--color-black-500);cursor:pointer;transition:border-color .12s,background .12s,color .12s;}
#modal-slideshow-editor .board-write-box td .flex.g5{align-items:center;flex-wrap:wrap;}
#modal-slideshow-editor .board-write-box td .flex.g5 .input-box{width:auto;display:inline-flex;align-items:center;gap:4px;}
#modal-slideshow-editor .board-write-box td .flex.g5 .input-box label{font-size:12px;color:var(--color-gray-800);white-space:nowrap;margin:0;}
#modal-slideshow-editor .ss-optbtn:hover{border-color:#4f46e5;color:#4f46e5;}
#modal-slideshow-editor .ss-optbtn.is-active{background:#4f46e5;border-color:#4f46e5;color:#fff;}
#modal-slideshow-editor .ss-fx,#modal-slideshow-editor .ss-pg{display:block;width:26px;height:17px;position:relative;font-size:9px;line-height:17px;text-align:center;}
#modal-slideshow-editor .ss-fx-slide{border:1.5px solid currentColor;border-radius:2px;}
#modal-slideshow-editor .ss-fx-fade{border:1.5px solid currentColor;border-radius:2px;opacity:.55;}
#modal-slideshow-editor .ss-fx-cover{border:1.5px solid currentColor;border-radius:2px;transform:perspective(26px) rotateY(20deg);}
#modal-slideshow-editor .ss-fx-cube{border:1.5px solid currentColor;border-radius:2px;transform:perspective(24px) rotateY(-18deg);}
#modal-slideshow-editor .ss-fx-flip{border:1.5px solid currentColor;border-radius:2px;transform:rotateY(32deg) skewY(-7deg);}
#modal-slideshow-editor .ss-fx-cards{border:1.5px solid currentColor;border-radius:2px;box-shadow:3px 3px 0 -1px currentColor;}
#modal-slideshow-editor .ss-fx-creative{border:1.5px solid currentColor;border-radius:2px;transform:rotate(-9deg);}
#modal-slideshow-editor .ss-pg-bullets::before{content:"\25CF \25CF \25CF";font-size:6px;position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);}
#modal-slideshow-editor .ss-pg-dynamic::before{content:"\B7 \25CF \B7";font-size:9px;position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);}
#modal-slideshow-editor .ss-pg-bar::before{content:"";position:absolute;left:2px;right:2px;top:50%;height:3px;transform:translateY(-50%);background:currentColor;border-radius:2px;}
#modal-slideshow-editor .ss-pg-fill::before{content:"";position:absolute;left:2px;right:2px;top:50%;height:3px;transform:translateY(-50%);background:linear-gradient(to right,currentColor 55%,rgba(150,150,150,.35) 55%);border-radius:2px;}
#modal-slideshow-editor .ss-toggle-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:7px 16px;margin-top:8px;}
#modal-slideshow-editor .ss-toggle{display:flex;flex-direction:column;align-items:flex-start;gap:2px;}
#modal-slideshow-editor .ss-toggle .check-box{flex:0 0 auto;}
#modal-slideshow-editor .ss-tg-desc{font-size:11px;color:#999;line-height:1.35;padding-left:25px;}
#modal-slideshow-editor .ss-lbl-note{font-weight:400;font-size:11px;color:#999;}
#modal-slideshow-editor .ss-subhead{display:block;font-size:12px;font-weight:700;color:var(--color-black-600);letter-spacing:.02em;margin:18px 0 10px;padding-top:15px;border-top:1px solid var(--color-gray-200);}
#modal-slideshow-editor .ss-ovhead{display:block;font-size:12px;font-weight:700;color:#4f46e5;margin:14px 0 10px;padding-top:12px;border-top:1px dashed var(--color-gray-400);}
#modal-slideshow-editor .ss-field input[type=color]{width:48px;height:32px;padding:2px;border:0;background:none;cursor:pointer;flex:0 0 auto;}
#modal-slideshow-editor .ss-field .input-box:has(input[type=color]){width:auto;display:inline-flex;align-items:center;padding:4px 8px;}
#modal-slideshow-editor .ss-ovuse-box{margin:6px 0 10px;}
#modal-slideshow-editor .ss-pag-autofill{margin-top:8px;}
#modal-slideshow-editor .ss-opt-disabled{opacity:.45;}
#modal-slideshow-editor .ss-pg.ss-pg-ring{border-radius:50%;border:2px solid currentColor;background:none;}
#modal-slideshow-editor textarea.ss-ov-editor{display:block;width:100%;min-height:120px;padding:10px 12px;border:1px solid var(--color-gray-400);border-radius:6px;font-size:14px;line-height:1.5;resize:vertical;box-sizing:border-box;}
#modal-slideshow-editor .ss-field .tox-tinymce{border-radius:6px;}
#modal-slideshow-editor .ss-opt-grid > .ss-subhead{grid-column:1/-1;margin:14px 0 8px;}
#modal-slideshow-editor .ss-opt-grid .ss-field:has(.ss-btnset),#modal-slideshow-editor .ss-opt-grid .ss-field:has(.bg-ratio-presets){grid-column:1/-1;}
#modal-slideshow-editor .ss-opt-grid > .ss-row-full{grid-column:1/-1;}
#modal-slideshow-editor .ss-opt-grid > .ss-detail-row{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;}
#modal-slideshow-editor .ss-detail-row .ss-field{flex:1 1 0;min-width:92px;margin-bottom:0;}
#modal-slideshow-editor .ss-detail-row .ss-field > label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#modal-slideshow-editor .ss-detail-row{display:flex;flex-wrap:wrap;gap:8px;}
#modal-slideshow-editor .ss-detail-row .ss-field{flex:1 1 0;min-width:92px;margin-bottom:0;}
#modal-slideshow-editor .ss-icon-pick{display:flex;align-items:center;gap:4px;}
#modal-slideshow-editor .ss-icon-pick .ss-icon-prev{width:24px;height:24px;flex:0 0 auto;border:1px solid var(--color-gray-400);border-radius:4px;background:#fff center/16px no-repeat;}
#modal-slideshow-editor .ss-icon-pick .btn{padding:0 8px;}
#modal-slideshow-editor .ss-pv-devbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;}
#modal-slideshow-editor .ss-pv-devset{flex:0 0 auto;}
#modal-slideshow-editor .ss-pv-devset .ss-optbtn{flex-direction:row;min-width:0;padding:4px 10px;}
#modal-slideshow-editor .ss-pv-dev-note{font-size:12px;font-weight:600;color:#4f46e5;margin:0 0 8px;}
#modal-slideshow-editor .ss-preview{width:100%;}
#modal-slideshow-editor .ss-preview .ss-pv-empty{min-height:140px;}
#modal-slideshow-editor .ss-preview .ss-slide .ss-empty{color:#bbb;}
#modal-slideshow-editor .ss-preview .ss-slide.ss-video img{width:100%;height:100%;object-fit:cover;display:block;}
#modal-slideshow-editor .ss-ratio-custom{margin-top:8px;align-items:center;}
#modal-slideshow-editor .ss-ratio-custom-lbl{font-size:12px;font-weight:600;color:var(--color-black-600);white-space:nowrap;}
#modal-slideshow-editor .ss-ratio-custom .input-box{width:80px;}
#modal-slideshow-editor .ss-csec-cardbar{margin-bottom:4px;}
@keyframes ssAmFloat{0%,100%{transform:var(--ss-act-tf) translateY(0);}50%{transform:var(--ss-act-tf) translateY(-7px);}}
@keyframes ssAmPulse{0%,100%{transform:var(--ss-act-tf) scale(1);}50%{transform:var(--ss-act-tf) scale(1.03);}}
@keyframes ssAmTilt{0%,100%{transform:var(--ss-act-tf) rotate(-1.2deg);}50%{transform:var(--ss-act-tf) rotate(1.2deg);}}
@keyframes ssAmBounce{0%,100%{transform:var(--ss-act-tf) translateY(0);}30%{transform:var(--ss-act-tf) translateY(-9px);}50%{transform:var(--ss-act-tf) translateY(0);}65%{transform:var(--ss-act-tf) translateY(-4px);}80%{transform:var(--ss-act-tf) translateY(0);}}
@keyframes ssAmShine{0%{left:-70%;}100%{left:130%;}}
#modal-slideshow-editor .bg-ratio-presets{padding:0;background:none;border:0;border-radius:0;margin-bottom:0;gap:6px;}
#modal-slideshow-editor .ss-opt-grid .ss-fxopts{grid-column:1/-1;}
#modal-slideshow-editor .ss-fxopts{border-top:1px dashed var(--color-gray-300);padding-top:10px;margin-top:2px;}
#modal-slideshow-editor .ss-field > label,#modal-slideshow-editor .ss-field > .ss-field-label{font-size:12px;font-weight:600;color:var(--color-black-500);}
#modal-slideshow-editor .ss-toggle-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px 18px;}
#modal-slideshow-editor .bg-modal-section-title{padding-bottom:9px;}
.icon-modal-section{margin:var(--margin-15) 0 var(--margin-20);}
.icon-modal-section .bg-modal-section-title{display:block; margin:0 0 var(--margin-10);}
.icon-modal-preview{min-height:90px; display:flex; align-items:center; justify-content:center; gap:10px; padding:var(--padding-20); overflow:auto;}
#modal-icon-settings .layout-config-value > .select-box{max-width:200px; border-radius:var(--radius-5);}
#modal-icon-settings .layout-config-value > .select-box select{height:var(--height-35); font-size:var(--font-sm); border-radius:var(--radius-5);}
.ctrl-text-icon-overlay{position:absolute; opacity:0; transition:opacity .2s ease, transform .15s ease; z-index:99999; pointer-events:none;}
.ctrl-text-icon-overlay .ctrl-text-icon-btn{position:relative; width:28px; height:28px; border-radius:50%; background:#4f46e5; border:2px solid #fff; cursor:pointer; padding:0; box-shadow:0 3px 10px rgba(0,0,0,.25); display:flex; align-items:center; justify-content:center;}
.ctrl-text-icon-overlay .ctrl-text-icon-btn:hover{transform:scale(1.1);}
.ctrl-text-icon-overlay .ctrl-text-icon-btn:active{transform:scale(.95);}
.ctrl-text-icon-overlay .ctrl-text-icon-btn::before{content:''; display:block; width:14px; height:14px; filter:var(--filter-white); background:url('/asset/images/icon_smile.svg') center/contain no-repeat;}
.ctrl-text-icon-btn:hover .ctrl-image-tip,.ctrl-text-icon-btn:focus-visible .ctrl-image-tip,.ctrl-overlay-delete:hover .ctrl-image-tip,.ctrl-overlay-delete:focus-visible .ctrl-image-tip{opacity:1;}
#ficModalFilterBar{display:flex; flex-wrap:wrap; gap:var(--gap-5); margin:0 0 var(--margin-15);}
.fic-modal-grid{display:grid; grid-template-columns:repeat(auto-fill, minmax(72px, 1fr)); gap:var(--gap-10);}
.fic-modal-grid .fic-modal-card{position:relative; aspect-ratio:1/1; display:flex; align-items:center; justify-content:center; padding:14px; border:1px solid var(--color-gray-300); border-radius:var(--radius-10); background:var(--color-white); cursor:pointer;}
.fic-modal-grid .fic-modal-card:hover{border-color:#4f46e5;}
.fic-modal-grid .fic-modal-card:focus-visible{outline:2px solid #4f46e5; outline-offset:2px;}
.fic-modal-grid .fic-modal-card img{width:100%; height:100%; object-fit:contain; pointer-events:none;}
.fic-modal-grid .fic-modal-card .fic-modal-fav{position:absolute; right:4px; top:4px; width:18px; height:18px; padding:0; border:0; -webkit-appearance:none; appearance:none; background:var(--color-gray-500); -webkit-mask:url(/asset/images/icon_heart.svg) center/contain no-repeat; mask:url(/asset/images/icon_heart.svg) center/contain no-repeat; cursor:pointer;}
.fic-modal-grid .fic-modal-card .fic-modal-fav:focus-visible{outline:2px solid #4f46e5; outline-offset:2px;}
.fic-modal-grid .fic-modal-card .fic-modal-used{position:absolute; left:4px; top:4px; padding:1px 5px; font-size:10px; background:#4f46e5; color:var(--color-white); border-radius:var(--radius-5);}
#modal-progress-editor .prog-editor-split{display:flex; gap:24px; align-items:flex-start;}
#modal-progress-editor .prog-editor-left{flex:1 1 42%; min-width:0; position:sticky; top:0;}
#modal-progress-editor .prog-editor-right{flex:1 1 58%; min-width:0;}
#modal-progress-editor .prog-preview-wrap{display:flex; align-items:center; justify-content:center; min-height:90px; padding:20px; border:1px solid var(--color-gray-300); border-radius:var(--radius-8); background:repeating-conic-gradient(#f2f2f2 0% 25%,#fafafa 0% 50%) 50%/16px 16px;}
#modal-progress-editor .prog-preview-box{width:100%;}
#modal-progress-editor .prog-item-list{display:flex; flex-direction:column; gap:8px;}
#modal-progress-editor .prog-item-chip{display:flex; align-items:stretch; border:1px solid var(--color-gray-400); border-radius:var(--radius-8); overflow:hidden; background:var(--color-white);}
#modal-progress-editor .prog-item-chip.is-sel{border-color:#4f46e5; box-shadow:0 0 0 1px #4f46e5 inset;}
#modal-progress-editor .prog-chip-main{flex:1; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:9px 12px; background:none; border:0; cursor:pointer; text-align:left; font-size:var(--font-md); color:var(--color-black-500);}
#modal-progress-editor .prog-chip-label{font-weight:600; word-break:break-all;}
#modal-progress-editor .prog-chip-val{color:#4f46e5; font-weight:700; white-space:nowrap;}
#modal-progress-editor .prog-chip-del{flex:0 0 auto; width:36px; border:0; border-left:1px solid var(--color-gray-300); background:none; color:var(--color-gray-700); font-size:18px; cursor:pointer;}
#modal-progress-editor .prog-chip-del:hover{background:var(--color-gray-100); color:var(--color-red-500, #e11d48);}
#modal-progress-editor .prog-add-box{margin-top:12px;}
#modal-progress-editor .prog-num-box{display:inline-flex; align-items:center; gap:4px; width:auto;}
#modal-progress-editor .prog-guide{font-size:12px; color:var(--color-gray-900); line-height:1.5; margin:5px 0 0; word-break:keep-all;}
#modal-progress-editor .prog-num-box input{width:64px;}
#modal-progress-editor .prog-num-box em{font-size:12px; color:var(--color-gray-700);}
.db-field-num{display:inline-flex; align-items:center; gap:4px; width:auto;}
.db-field-num input{width:64px;}
.db-field-num em{font-style:normal; font-size:11px; color:var(--color-gray-700); min-width:16px; text-align:center;}
.db-field-side4{display:flex; gap:8px; flex-wrap:wrap;}
.db-field-side4 .db-field-num input{width:44px;}
.db-field-bor-row{display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin-top:6px;}
.db-field-bor-row .db-field-num input{width:52px;}
.db-field-bor-row .select-box{min-width:90px;}
.db-field-side{min-width:44px; font-size:12px; color:var(--color-gray-900);}
.db-field-grad{display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin-top:6px;}
.db-field-grad .select-box{min-width:90px;}
.db-field-bg{padding-bottom:8px;}
.db-field-bg-grad{margin-top:8px;}
.db-field-bor-type{margin-top:6px;}
.db-field-link{margin-top:6px;}
.db-field-shadow{display:flex; gap:8px; align-items:center; flex-wrap:wrap;}
.db-field-shadow .db-field-num input{width:52px;}
.db-field-filter{display:flex; gap:8px; align-items:center; flex-wrap:wrap;}
.db-field-filter .db-field-ftype{min-width:110px;}
.db-field-filter .db-field-fval{width:auto;}
.db-field-filter .db-field-fval input{width:56px;}
.db-field-color3{display:flex; gap:6px; align-items:center; flex-wrap:wrap;}
.mf-seo-preview-img{max-width:200px; max-height:120px; border:1px solid var(--color-gray-300); border-radius:4px;}
html.ca-pick-mode .db-widget-list-box .list > ul > .grid-sizer,html.ca-pick-mode .db-widget-list-box .list > ul > li.widget-list-item{width:calc((100% - 15px) / 2);}
.db-ca-zone{padding:14px 16px; background:var(--color-gray-100); border-bottom:1px solid var(--color-gray-300);}
.db-ca-zone.db-ca-zone-footer{border-bottom:0; border-top:1px solid var(--color-gray-300);}
.db-ca-zone-btn{display:flex; align-items:center; gap:14px; width:100%; padding:16px 20px; background:var(--color-white); border:2px dashed var(--color-gray-400); border-radius:var(--radius-10); cursor:pointer; text-align:left; transition:border-color .2s, background .2s;}
.db-ca-zone-btn:hover,.db-ca-zone-btn:focus-visible{border-color:#4f46e5; background:var(--color-gray-100);}
.db-ca-zone-plus{flex-shrink:0; width:32px; height:32px; border-radius:50%; background:#4f46e5; display:flex; align-items:center; justify-content:center; transition:transform .2s;}
.db-ca-zone-plus::after{content:""; width:var(--icon-16); height:var(--icon-16); background:url('/asset/images/icon_plus.svg') no-repeat center / cover; filter:var(--filter-white);}
.db-ca-zone-btn:hover .db-ca-zone-plus{transform:scale(1.12);}
.db-ca-zone-text{display:flex; flex-direction:column; gap:2px; min-width:0;}
.db-ca-zone-label{font-size:var(--font-md); font-weight:700; color:var(--color-black-500);}
.db-ca-zone-sub{font-size:var(--font-sm); color:var(--color-gray-1000);}
body:has(#siteHeader.ca-header){padding-top:0;}
html.fullpage-on #siteHeader.ca-header:not(:has(.siteheader-1)):not(:has(.siteheader-4)):not(:has(.siteheader-6)){position:fixed; top:0; left:0; right:0; z-index:1000;}
.db-widget-box:has(> .widget-content > .container > .db-siteheader-box){padding-left:0 !important; padding-right:0 !important;}
#siteHeader.ca-header:has(.siteheader-1) .siteheader-1,#siteHeader.ca-header:has(.siteheader-4) .siteheader-4,#siteHeader.ca-header:has(.siteheader-6) .siteheader-6{height:100%;}
#siteHeader.ca-header:has(.siteheader-1){position:fixed; left:0; top:0; bottom:0; width:var(--hd-side-w, 246px); z-index:1000;}
body:has(#siteHeader.ca-header .siteheader-1){padding-left:var(--hd-side-w, 246px);}
#siteHeader.ca-header:has(.siteheader-4){position:fixed; left:0; top:0; bottom:0; width:236px; z-index:1000;}
body:has(#siteHeader.ca-header .siteheader-4){padding-left:236px;}
#siteHeader.ca-header:has(.siteheader-6){position:fixed; right:0; top:0; bottom:0; width:242px; z-index:1000;}
body:has(#siteHeader.ca-header .siteheader-6){padding-right:242px;}
@media (max-width:900px){
#siteHeader.ca-header:has(.siteheader-1){position:static; width:auto;}
body:has(#siteHeader.ca-header .siteheader-1){padding-left:0;}
#siteHeader.ca-header:has(.siteheader-4){position:static; width:auto;}
body:has(#siteHeader.ca-header .siteheader-4){padding-left:0;}
#siteHeader.ca-header:has(.siteheader-6){position:static; width:auto;}
body:has(#siteHeader.ca-header .siteheader-6){padding-right:0;}
}
#dbWidgetArea:has(.db-widget-box .siteheader-1){position:relative; padding-left:var(--hd-side-w, 246px);}
#dbWidgetArea:has(.db-widget-box .siteheader-4){position:relative; padding-left:236px;}
#dbWidgetArea:has(.db-widget-box .siteheader-6){position:relative; padding-right:242px;}
#dbWidgetArea > .db-widget-box:has(.siteheader-1){position:sticky; top:0; width:var(--hd-side-w, 246px); height:100vh; margin-left:calc(-1 * var(--hd-side-w, 246px)); margin-bottom:-100vh;}
#dbWidgetArea > .db-widget-box:has(.siteheader-4){position:sticky; top:0; width:236px; height:100vh; margin-left:-236px; margin-bottom:-100vh;}
#dbWidgetArea > .db-widget-box:has(.siteheader-6){position:absolute; right:0; top:0; width:242px; height:100vh;}
#dbWidgetArea > .db-widget-box:has(.siteheader-1) .db-siteheader-box,#dbWidgetArea > .db-widget-box:has(.siteheader-1) .siteheader-1,#dbWidgetArea > .db-widget-box:has(.siteheader-4) .db-siteheader-box,#dbWidgetArea > .db-widget-box:has(.siteheader-4) .siteheader-4,#dbWidgetArea > .db-widget-box:has(.siteheader-6) .db-siteheader-box,#dbWidgetArea > .db-widget-box:has(.siteheader-6) .siteheader-6{height:100%; min-height:0;}
.db-widget-box:has(.db-siteheader-box){z-index:1000;}
.db-opt-subcat{list-style:none; padding:10px 2px 2px; margin:0;}
.db-opt-subcat:first-child{padding-top:2px;}
.db-opt-subcat strong{display:block; font-size:var(--font-sm); font-weight:700; color:var(--color-gray-1100); letter-spacing:-.01em; padding-bottom:6px; border-bottom:1px solid var(--color-gray-300);}
.db-widget-box:has(.db-siteheader-box) .ctrl-overlay-bar{display:none !important;}
.thumb-inner [data-amh-pop-panel]{display:none !important;}
html.db-sim-mobile .db-sitefooter-box .ft-fcol > label{pointer-events: auto !important; cursor: pointer;}
@media (max-width: 560px){
.showcase-head h1{font-size: 24px;}
.fitem,.showcase-head{padding-left: 16px; padding-right: 16px;}
}
@media (max-width: 380px){
.showcase-head,.fitem{padding-left: 14px; padding-right: 14px;}
.showcase-head h1{font-size: 22px;}
.sns{flex-wrap: wrap;}
}
.db-section-box .db-section-side .db-spacing-box{display:flex; flex-direction:column; gap:5px;}
.db-section-box .db-section-side .db-spacing-box .db-sp-all{width:100%;}
.db-section-box .db-section-side .db-spacing-box .db-sp-all input{font-weight:600;}
.db-section-box .db-section-side .db-spacing-box .ws-dir4{margin:0;}
.db-section-box .db-section-side .db-spacing-box .ws-dir4 .input-box em{color:#8a90a0; font-size:10.5px;}
.db-section-box .db-section-side .db-shadow-box{display:flex; flex-direction:column; gap:5px;}
.db-section-box .db-section-side .db-shadow-box .db-shadow-row{display:flex; align-items:center; gap:5px;}
.db-section-box .db-section-side .db-shadow-box .db-shadow-row .color-box{flex:1;}
.db-section-box .db-section-side .db-shadow-box .input-box em{color:#8a90a0; font-size:10.5px;}
.db-section-box .db-section-side .db-filter-box{display:flex; flex-direction:column; gap:4px;}
.db-section-box .db-section-side .db-filter-box .db-filter-row{display:flex; align-items:center; gap:6px;}
.db-section-box .db-section-side .db-filter-box .db-filter-name{flex:0 0 58px; font-size:11px; color:#6b7280;}
.db-section-box .db-section-side .db-filter-box .input-box em{color:#8a90a0; font-size:10.5px;}
.ws-dir4 .dir4-all{flex: 0 0 100% !important; max-width: 100% !important;}
.db-section-side .ws-dir4{flex-wrap: nowrap !important;}
.db-section-side .ws-dir4 .input-box{flex: 1 1 0 !important;}
.db-section-side .ws-dir4 .dir4-all{flex: 1 1 0 !important; max-width: none !important;}
.ws-dir4 .dir4-all input{font-weight: 600;}
.ws-dir4 .dir4-all em{color: #4f46e5; font-weight: 600;}
.ws-dir4 .select-box,.ws-dir4 .color-box{flex: 1 1 calc(50% - 5px) !important; width: auto !important; max-width: none !important; min-width: 0 !important; box-sizing: border-box; display: flex; align-items: center; gap: 4px;}
.ws-dir4 .select-box select{flex: 1 1 auto; min-width: 0;}
.ws-dir4 .select-box em,.ws-dir4 .color-box em{flex: 0 0 auto; font-size: 10.5px; font-style: normal; color: #8a90a0;}
.ws-dir4 .color-box .sp-replacer{flex: 1 1 auto;}
.ws-dir4 .dir4-all.select-box,.ws-dir4 .dir4-all.color-box{flex: 0 0 100% !important; max-width: 100% !important;}
.ws-dir4 .dir4-all.select-box em,.ws-dir4 .dir4-all.color-box em{color: #4f46e5; font-weight: 600;}
.db-border-head,.db-border-row{display: grid; grid-template-columns: 40px 1fr 1fr auto; gap: 5px; align-items: center;}
.db-border-head span{font-size: 10.5px; color: #8a90a0; text-align: center;}
.db-border-head span:first-child{text-align: left;}
.db-border-row .db-border-side{font-size: 11px; font-weight: 600; color: #4b5563;}
.db-border-row .input-box,.db-border-row .select-box,.db-border-row .color-box{width: auto; min-width: 0; margin: 0;}
.db-border-row .input-box input,.db-border-row .select-box select{min-width: 0;}
.db-border-row .input-box em{font-size: 10px; color: #8a90a0;}
#dbHistoryToast{width: 396px;}
#dbHistoryToast .box{background:#ffffff; border:0; border-radius:5px 13px 13px 5px; box-shadow:inset 6px 0 0 #4f46e5, 0 20px 54px -14px rgba(15,23,42,.34), 0 4px 12px rgba(15,23,42,.09); overflow:hidden;}
#dbHistoryToast .toast-head{background:transparent; border-bottom:0; padding:18px 20px 8px 24px;}
#dbHistoryToast .toast-head h2{display:flex; align-items:center; gap:10px; font-size:17px; font-weight:800; color:#1f2430; letter-spacing:-.01em; padding:0 14px 0 0;}
#dbHistoryToast .toast-head h2::before{content:""; flex:none; width:26px; height:26px; border-radius:50%; background:#4f46e5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E") no-repeat center / 14px;}
#dbHistoryToast .toast-head .close{width:16px; height:16px; filter:brightness(0); opacity:.35; transition:opacity .12s;}
#dbHistoryToast .toast-head .close:hover{opacity:.7;}
#dbHistoryToast .toast-head .toast-progress{left:0; right:auto; bottom:0; height:3px; background:#4f46e5; opacity:.5;}
#dbHistoryToast .toast-body{padding:2px 20px 12px 60px;}
#dbHistoryToast .toast-body .toast-body-text p{font-size:14px; color:#5b6472; line-height:1.6; word-break:keep-all;}
.db-widget-box .amh-box .amh-drawer,.db-widget-box [data-hd] .hd-drawer,.db-widget-box [data-hd] .hd-scrim{height:var(--db-drawer-h, 100dvh); max-height:var(--db-drawer-h, 100dvh);}
.db-le-row .btn.is-set{background:#4f46e5 !important; border-color:#4f46e5 !important; color:#ffffff !important;}
.db-le-row .btn.is-set:hover{background:#4338ca !important; border-color:#4338ca !important;}
#dbSectionSide .sp-preview:has(.sp-clear-display){background:#f1f2f5; box-shadow:inset 0 0 0 1px #d5d8e0;}
#dbSectionSide .sp-preview:has(.sp-clear-display) .sp-preview-inner{background:transparent !important; background-image:linear-gradient(135deg, transparent 44%, #b9bdc9 44%, #b9bdc9 56%, transparent 56%) !important;}
.db-btnpick{display:flex; flex-direction:column; gap:6px;}
.db-btnpick-chips{display:flex; flex-wrap:wrap; gap:6px;}
.db-btnpick-chip{padding:5px 12px; border:1px solid #d6d9e0; border-radius:999px; background:#fff; font-size:12px; font-weight:600; color:#3d4351; cursor:pointer; transition:all .15s ease;}
.db-btnpick-chip:hover{border-color:#4f46e5; color:#4f46e5;}
.db-btnpick-chip.on{background:#4f46e5; border-color:#4f46e5; color:#fff;}
.db-btnpick-hint{margin:0; font-size:11.5px; line-height:1.5; color:#8a90a0;}
.db-btnpick-hint strong{display:block; font-weight:700;}
.db-btnpick.is-ind .db-btnpick-hint strong{color:#4f46e5;}
.db-btnpick-reset{align-self:flex-start; padding:4px 10px; border:1px solid #d6d9e0; border-radius:6px; background:#fff; font-size:11.5px; font-weight:600; color:#8a90a0; cursor:pointer; transition:all .15s ease;}
.db-btnpick-reset:hover{border-color:#d92b2b; color:#d92b2b;}
.db-widget-box:has(.amh-box.is-fixed),.db-widget-box:has([data-hd].is-fixed){position:sticky; top:51px; z-index:60;}
html.db-sim-tablet .db-widget-box:has(.amh-box.is-fixed),html.db-sim-tablet .db-widget-box:has([data-hd].is-fixed),html.db-sim-mobile .db-widget-box:has(.amh-box.is-fixed),html.db-sim-mobile .db-widget-box:has([data-hd].is-fixed){top:0;}
.db-widget-box .amh-panel.db-force-open{opacity:1 !important; transform:none !important; visibility:visible !important; display:block !important; pointer-events:auto;}
.db-widget-box .amh-drawer.db-force-open{transform:none !important; visibility:visible !important; opacity:1 !important; pointer-events:auto;}
.db-widget-box .amh-dim.db-force-open{opacity:1 !important; visibility:visible !important; display:block !important;}
.db-widget-box .amh-search-full.db-force-open{display:flex !important; opacity:1 !important; visibility:visible !important;}
.db-widget-box .amh-acc-panel.db-force-open{height:auto !important; overflow:visible;}
.db-widget-box .hd-ddpanel.db-force-open,.db-widget-box .hd-flyout.db-force-open{opacity:1 !important; transform:none !important; visibility:visible !important; display:block !important;}
.db-widget-box .hd-drawer.db-force-open{transform:none !important; visibility:visible !important;}
.db-widget-box .hd-lang-menu.db-force-open,.db-widget-box .hd-pop.db-force-open{display:block !important; opacity:1 !important; transform:none !important; visibility:visible !important;}
.db-widget-box .hd-panel.db-force-open{opacity:1 !important; visibility:visible !important; pointer-events:auto !important;}
.db-widget-box .hd-panel.db-force-open{transform:none !important;}
.db-widget-box [class*="header-"] .hd-drawer.db-force-open{display:flex !important; transform:none !important; visibility:visible !important; opacity:1 !important; pointer-events:auto !important;}
.db-widget-box [class*="header-"] .hd-scrim.db-force-open{display:block !important; opacity:1; visibility:visible !important;}
.db-widget-box [class*="header-"] .hd-searchlayer.db-force-open{display:flex !important; opacity:1;
    visibility:visible !important; pointer-events:auto !important;}
.db-widget-box [class*="header-"] .hd-searchlayer:has(.db-force-open){display:flex !important; opacity:1;
    visibility:visible !important; pointer-events:auto !important;}
.db-widget-box .hd-scrim:not(.is-open):not(.db-force-open){opacity:0; pointer-events:none;}
.db-widget-box [class*="header-"] .hd-burger.db-force-open{display:flex !important;}
.db-widget-box [class*="header-"] .hd-drawer__nav.db-force-open{display:block !important;}
html:not(.db-sim-tablet):not(.db-sim-mobile) .db-widget-box .amh-box [data-amh-pc]{display:flex !important;}
html:not(.db-sim-tablet):not(.db-sim-mobile) .db-widget-box .amh-box [data-amh-mo]{display:none !important;}
html:not(.db-sim-tablet):not(.db-sim-mobile) .db-widget-box .amh-box .amh-menu-btn{display:none !important;}
html:not(.db-sim-tablet):not(.db-sim-mobile) .db-widget-box .amh-box .hide-t{display:flex !important;}
html:not(.db-sim-tablet):not(.db-sim-mobile) .db-widget-box .amh-box .hide-m{display:flex !important;}
html:not(.db-sim-tablet):not(.db-sim-mobile) .db-widget-box .amh-box .amh-drawer:not(.db-force-open):not(.is-open){visibility:hidden;}
html:not(.db-sim-tablet):not(.db-sim-mobile) .db-widget-box .amh-box.type11 .amh-menu-btn{display:flex !important;}
.db-widget-box .amh-box.type11 .amh-drawer.db-force-open{opacity:1 !important;}
#dbWidgetArea.has-amh-side,#dbWidgetArea.has-amh-rail{position:relative;}
#dbWidgetArea.has-amh-side{padding-left:272px;}
#dbWidgetArea.has-amh-rail{padding-top:68px; padding-left:78px;}
#dbWidgetArea.has-amh-side > .db-widget-box.db-ca-widget,#dbWidgetArea.has-amh-rail > .db-widget-box.db-ca-widget{position:sticky; top:0; z-index:5; height:100dvh; margin-bottom:-100dvh; min-height:0; pointer-events:none;}
#dbWidgetArea.has-amh-side > .db-widget-box.db-ca-widget{margin-left:-272px; width:calc(100% + 272px);}
#dbWidgetArea.has-amh-rail > .db-widget-box.db-ca-widget{margin-top:-68px; margin-left:-78px; width:calc(100% + 78px); height:calc(100dvh + 68px); margin-bottom:-100dvh;}
#dbWidgetArea.has-amh-side > .db-widget-box.db-ca-widget > *,#dbWidgetArea.has-amh-rail > .db-widget-box.db-ca-widget > *{pointer-events:auto;}
#dbWidgetArea.has-amh-side > .db-widget-box.db-ca-widget > .widget-setting,#dbWidgetArea.has-amh-rail > .db-widget-box.db-ca-widget > .widget-setting{opacity:.5; z-index:2001;}
#dbWidgetArea.has-amh-side > .db-widget-box.db-ca-widget > .widget-setting:hover,#dbWidgetArea.has-amh-rail > .db-widget-box.db-ca-widget > .widget-setting:hover{opacity:1;}
#dbWidgetArea.has-amh-side > .db-widget-box.db-ca-widget > .widget-setting{right:auto; left:230px; top:10px;}
#dbWidgetArea.has-amh-rail > .db-widget-box.db-ca-widget > .widget-setting{right:10px; left:auto; top:10px;}
#dbWidgetArea.has-amh-side > .db-widget-box.db-ca-widget > .widget-content,#dbWidgetArea.has-amh-rail > .db-widget-box.db-ca-widget > .widget-content,#dbWidgetArea.has-amh-side > .db-widget-box.db-ca-widget > .widget-content > .container,#dbWidgetArea.has-amh-rail > .db-widget-box.db-ca-widget > .widget-content > .container,#dbWidgetArea.has-amh-side > .db-widget-box.db-ca-widget .db-siteheader-box,#dbWidgetArea.has-amh-rail > .db-widget-box.db-ca-widget .db-siteheader-box{height:100%; min-height:0;}
@media (max-width:1100px){
#dbWidgetArea.has-amh-side,#dbWidgetArea.has-amh-rail{padding:0;}
#dbWidgetArea.has-amh-side > .db-widget-box.db-ca-widget,#dbWidgetArea.has-amh-rail > .db-widget-box.db-ca-widget{position:relative; inset:auto; height:auto; margin:0; width:auto; pointer-events:auto;}
}
html.db-sim-tablet .db-siteheader-box:has(> .amh-box.type06),html.db-sim-tablet .db-siteheader-box:has(> .amh-box.type07),html.db-sim-mobile .db-siteheader-box:has(> .amh-box.type06),html.db-sim-mobile .db-siteheader-box:has(> .amh-box.type07){min-height:0;}
html.db-sim-tablet .db-widget-box .amh-box.type06,html.db-sim-tablet .db-widget-box .amh-box.type07,html.db-sim-mobile .db-widget-box .amh-box.type06,html.db-sim-mobile .db-widget-box .amh-box.type07{position:relative; left:auto; top:auto; right:auto; bottom:auto;}
.db-elpick{display:flex; flex-direction:column; gap:6px;}
.db-elpick-chips{display:flex; flex-wrap:wrap; gap:6px;}
.db-elpick-chip{padding:5px 12px; border:1px solid #d6d9e0; border-radius:999px; background:#fff; font-size:12px; font-weight:600; color:#3d4351; cursor:pointer; transition:all .15s ease;}
.db-elpick-chip:hover{border-color:#4f46e5; color:#4f46e5;}
.db-elpick-chip.on{background:#4f46e5; border-color:#4f46e5; color:#fff;}
html.db-sim-tablet .db-widget-box [data-hd] [data-hd-show]:not([data-hd-show~="tablet"]):not(.db-force-open),html.db-sim-mobile .db-widget-box [data-hd] [data-hd-show]:not([data-hd-show~="mobile"]):not(.db-force-open){display:none !important;}
[data-hd].is-overlap{position:static;}
html.db-sim-tablet .db-widget-box [data-hd] .hd-drawer,html.db-sim-mobile .db-widget-box [data-hd] .hd-drawer,.db-widget-box [data-hd] .hd-drawer.db-force-open{display:flex; flex-direction:column;}
.db-widget-box [data-hd] .hd-drawer__body{flex:1 1 auto; min-height:0; overflow-y:auto; overscroll-behavior:contain;}
.db-widget-box [data-hd] .hd-drawer__head,.db-widget-box [data-hd] .hd-drawer__foot{flex:0 0 auto;}
.db-widget-box [class*="header-"] .hd-acc__panel.db-force-open,.db-widget-box [class*="header-"] .hd-acc2__panel.db-force-open{height:auto !important;}
html.db-sim-tablet .db-device-shell:has(.db-ca-widget .header-6) #dbWidgetArea,html.db-sim-mobile .db-device-shell:has(.db-ca-widget .header-6) #dbWidgetArea,html.db-sim-tablet .db-device-shell:has(.db-ca-widget .header-7) #dbWidgetArea,html.db-sim-mobile .db-device-shell:has(.db-ca-widget .header-7) #dbWidgetArea{padding-left:0;}
html.db-sim-tablet .db-device-shell:has(.db-ca-widget .header-6) .db-ca-widget,html.db-sim-mobile .db-device-shell:has(.db-ca-widget .header-6) .db-ca-widget,html.db-sim-tablet .db-device-shell:has(.db-ca-widget .header-7) .db-ca-widget,html.db-sim-mobile .db-device-shell:has(.db-ca-widget .header-7) .db-ca-widget{position:static; width:auto; height:auto; margin:0 !important;}
html.db-sim-tablet .db-device-shell:has(.db-ca-widget .header-7) .db-ca-widget .hd-rail,html.db-sim-mobile .db-device-shell:has(.db-ca-widget .header-7) .db-ca-widget .hd-rail{position:static; width:auto; height:auto;}
:root{--site-gap-top:100px; --site-gap-bottom:100px;}
@media (max-width:1100px){
:root{--site-gap-top:50px; --site-gap-bottom:50px;}
}
body:has(#siteHeader.ca-header:not(.ca-overlap)) #mainContent{margin-top:var(--site-gap-top);}
#siteHeader.ca-header:has([data-hd].is-overlap) ~ #mainContent{margin-top:0;}
.ca-footer{margin-top:var(--site-gap-bottom);}
.db-widget-box.db-ca-widget{margin-bottom:var(--site-gap-top);}
.db-widget-box.db-ca-widget:has([data-hd].is-overlap){margin-bottom:0;}
.db-widget-box.db-ca-footer{margin-top:var(--site-gap-bottom);}
.db-ca-zone{margin-bottom:var(--site-gap-top);}
.db-ca-zone.db-ca-zone-footer{margin-top:var(--site-gap-bottom); margin-bottom:0;}
.db-widget-box:has([data-hd] .hd-drawer.is-open),.db-widget-box:has([data-hd] .hd-drawer.db-force-open),.db-widget-box:has([data-hd] .hd-searchlayer.is-open),.db-widget-box:has([data-hd] .hd-searchlayer.db-force-open),.db-widget-box:has([data-hd] .hd-full.is-open),.db-widget-box:has([data-hd] .hd-full.db-force-open),.db-widget-box:has([data-hd] .hd-panel.db-force-open),.db-widget-box:has([data-hd] .hd-drop.db-force-open){z-index:2000 !important;}
.db-widget-box:has([data-hd] .hd-drawer.is-open) .widget-content,.db-widget-box:has([data-hd] .hd-drawer.db-force-open) .widget-content,.db-widget-box:has([data-hd] .hd-searchlayer.is-open) .widget-content,.db-widget-box:has([data-hd] .hd-searchlayer.db-force-open) .widget-content,.db-widget-box:has([data-hd] .hd-full.is-open) .widget-content,.db-widget-box:has([data-hd] .hd-full.db-force-open) .widget-content,.db-widget-box:has([data-hd] .hd-panel.db-force-open) .widget-content,.db-widget-box:has([data-hd] .hd-drop.db-force-open) .widget-content{z-index:2000;}
.db-widget-box [data-hd] .hd-drawer{z-index:2010;}
.db-widget-box [data-hd] .hd-scrim{z-index:2005;}
.db-widget-box [data-hd] .hd-searchlayer{z-index:2010;}
.db-widget-box [data-hd] .hd-full{z-index:2010;}
[data-hd].is-sticky-smart{transition:transform 0.28s cubic-bezier(.4,0,.2,1);}
[data-hd].is-sticky-smart.is-hidden{transform:translateY(-100%);}
[data-hd].is-sticky-shrink .container{transition:min-height 0.24s, padding 0.24s;}
[data-hd].is-sticky-shrink.is-shrunk .container{min-height:0; padding-block:10px;}
.db-widget-box [data-hd] .hd-drawer:not(.is-open):not(.db-force-open),.db-widget-box [data-hd] .hd-scrim:not(.is-open):not(.db-force-open){visibility:hidden;}
.db-widget-box [data-hd] .hd-drawer.is-open,.db-widget-box [data-hd] .hd-scrim.is-open{visibility:visible; pointer-events:auto;}
.db-section-box .db-section-content .content-inner{transition:none;}
html.db-sim-tablet .db-section-box .db-section-content .content-inner,html.db-sim-mobile .db-section-box .db-section-content .content-inner{transition:none;}
.db-device-shell{transition:none;}
.db-selfree .db-selfree-val{margin-top:6px; width:100%;}
.te-note{margin:6px 0 0;}
.te-grid{width:100%; border-collapse:collapse;}
.sap-scroll{max-height:200px; overflow-y:auto;}
#modal-layout-select .layout-card-preview.layout-preview-split > span.lp-full{flex:0 0 100%;}
#modal-layout-select .layout-card-preview.layout-preview-split > span.lp-half{flex:0 0 calc(50% - 3px);}
#modal-layout-select .layout-card-preview.layout-preview-split > span.lp-third{flex:0 0 calc(33% - 3px);}
#modal-layout-select .layout-card-preview.layout-preview-split > span.lp-third-grow{flex:1 1 calc(33% - 4px);}
#modal-layout-select .layout-card-preview.layout-preview-split > span.lp-30{flex:0 0 calc(30% - 3px);}
#modal-layout-select .layout-card-preview.layout-preview-split > span.lp-70-grow{flex:1 1 calc(70% - 3px);}
#modal-layout-select .layout-card-preview.layout-preview-split > span.lp-30p{flex:0 0 30%;}
#modal-layout-select .layout-card-preview.layout-preview-split > span.lp-22p{flex:0 0 22%;}
#modal-layout-select .layout-card-preview.layout-preview-split > span.lp-stack{flex:1; display:flex; flex-direction:column; gap:4px; background:none; border:0;}
#modal-layout-select .layout-card-preview .lp-stack > .lp-cell{flex:1; background:var(--color-white); border:1px solid var(--color-gray-400); border-radius:var(--radius-5);}