@charset "UTF-8";
/* db-section-box */
.db-section-box .db-section-side{width:420px; font-size:13px; line-height:1.5; color:#2b303b;}
.db-section-side *, .db-section-side *:before, .db-section-side *:after{box-sizing:border-box;}
.db-section-side ul, .db-section-side ol{list-style:none; margin:0; padding:0;}
.db-section-side li{list-style:none;}
.db-section-side p, .db-section-side h2, .db-section-side strong{margin:0;}
.db-section-side button{font:inherit; color:inherit; background:none; border:0; margin:0; padding:0; cursor:pointer;}
.db-section-side input, .db-section-side select, .db-section-side textarea{font:inherit;}
.db-section-side [hidden]{display:none !important;}
.db-section-side .sr-only{position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;}
/* db-section-side */
.db-section-side .flex{display:flex;}
.db-section-side .flex-vc{align-items:center;}
.db-section-side .flex-tj{justify-content:space-between;}
.db-section-side .flex-1{flex:1; min-width:0;}
.db-section-side .g5{gap:5px;}
.db-section-side .mb5{margin-bottom:5px;}
.db-section-side .mt5{margin-top:5px;}
/* side-head */
.db-section-side .side-head{flex:none; display:flex; align-items:center; justify-content:space-between; gap:10px; height:52px; padding:0 12px 0 16px; background:#312e81;}
.db-section-side .side-head h2{flex:1; min-width:0; font-size:14.5px; font-weight:700; letter-spacing:-.02em; color:#ffffff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.db-section-side .side-head .button-box{display:flex; gap:6px;}
.db-section-side .side-head .btn{height:30px; padding:0 13px; border-radius:7px; font-size:12.5px; font-weight:700;}
.db-section-side .side-head .btn-active{background:#6366f1; color:#ffffff;}
.db-section-side .side-head .btn-active:hover{background:#4f46e5;}
.db-section-side .side-head .btn-gray-300{background:#ffffff; color:#312e81;}
.db-section-side .side-head .btn-gray-300:hover{background:#e5e7f5;}
/* db-section-side */
.db-section-side .side-body{flex:1; min-height:0; overflow-y:auto; overscroll-behavior:contain; background:#ffffff;}
.db-section-side .side-body::-webkit-scrollbar{width:9px;}
.db-section-side .side-body::-webkit-scrollbar-thumb{background:rgba(110,120,140,.3); border-radius:99px;}
.db-section-side .side-body::-webkit-scrollbar-track{background:transparent;}
.db-section-side .side-foot{flex:none; padding:6px 8px; border-top:1px solid #e6e8ee; background:#ffffff;}
.db-section-side .side-foot .foot-list ul{display:flex; flex-wrap:nowrap; gap:2px;}
.db-section-side .side-foot .foot-list ul li{flex:1; min-width:0;}
.db-section-side .side-foot .btn{display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; width:100%; height:auto; padding:7px 2px; border:0; border-radius:8px; background:transparent; font-size:10.5px; font-weight:600; color:#6b7383; text-align:center; transition:background .12s, color .12s;}
.db-section-side .side-foot .btn:before{content:""; flex:none; width:18px; height:18px; background-color:currentColor; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center; -webkit-mask-size:contain; mask-size:contain;}
.db-section-side .side-foot .btn:hover{background:#f4f5f8; color:#2b303b;}
.db-section-side .side-foot .btn:disabled, .db-section-side .side-foot .btn.is-disabled{opacity:.38; cursor:not-allowed;}
.db-section-side .side-foot .btn:disabled:hover, .db-section-side .side-foot .btn.is-disabled:hover{background:transparent; color:#6b7383;}
.db-section-side .side-foot .btn-delete:hover{background:#fdf4f4; color:#c0392b;}
.db-section-side .side-foot .btn-refresh:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 11a8 8 0 1 0-2.3 5.7'/%3E%3Cpath d='M20 5v6h-6'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 11a8 8 0 1 0-2.3 5.7'/%3E%3Cpath d='M20 5v6h-6'/%3E%3C/svg%3E");}
.db-section-side .side-foot .btn-copy:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='11' height='11' rx='2'/%3E%3Cpath d='M5 15V5a2 2 0 0 1 2-2h10'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='11' height='11' rx='2'/%3E%3Cpath d='M5 15V5a2 2 0 0 1 2-2h10'/%3E%3C/svg%3E");}
.db-section-side .side-foot .btn-delete:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h16'/%3E%3Cpath d='M9 6V4h6v2'/%3E%3Cpath d='M6 6l1 14h10l1-14'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h16'/%3E%3Cpath d='M9 6V4h6v2'/%3E%3Cpath d='M6 6l1 14h10l1-14'/%3E%3C/svg%3E");}
.db-section-side .side-foot .btn-hide:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3l18 18'/%3E%3Cpath d='M10.6 5.1A9.5 9.5 0 0 1 12 5c5 0 9 4.5 9 7a12 12 0 0 1-2.2 3.1'/%3E%3Cpath d='M6.3 7.3C4.2 8.8 3 10.9 3 12c0 2.5 4 7 9 7a9.6 9.6 0 0 0 4.2-1'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3l18 18'/%3E%3Cpath d='M10.6 5.1A9.5 9.5 0 0 1 12 5c5 0 9 4.5 9 7a12 12 0 0 1-2.2 3.1'/%3E%3Cpath d='M6.3 7.3C4.2 8.8 3 10.9 3 12c0 2.5 4 7 9 7a9.6 9.6 0 0 0 4.2-1'/%3E%3C/svg%3E");}
.db-section-side .side-foot .btn-move-up:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20V5'/%3E%3Cpath d='m5 12 7-7 7 7'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20V5'/%3E%3Cpath d='m5 12 7-7 7 7'/%3E%3C/svg%3E");}
.db-section-side .side-foot .btn-move-down:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v15'/%3E%3Cpath d='m19 12-7 7-7-7'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v15'/%3E%3Cpath d='m19 12-7 7-7-7'/%3E%3C/svg%3E");}
.db-section-side .db-side-bar{flex:none; display:flex; flex-direction:column; gap:8px; padding:10px 12px; background:#ffffff; border-bottom:1px solid #e6e8ee;}
.db-section-side .db-side-bar .row{display:flex; align-items:center; gap:6px;}
.db-section-side .db-side-search{position:relative; flex:1; min-width:0;}
.db-section-side .db-side-search input{width:100%; height:34px; padding:0 30px 0 32px; border:1px solid #d7dbe3; border-radius:8px; background:#f7f8fb; font-size:12.5px; color:#2b303b; outline:none; transition:border-color .12s, box-shadow .12s, background .12s;}
.db-section-side .db-side-search input::placeholder{color:#98a0ae;}
.db-section-side .db-side-search input:focus{background:#ffffff; border-color:#4f46e5; box-shadow:0 0 0 3px rgba(79,70,229,.13);}
.db-section-side .db-side-search:before{position:absolute; left:11px; top:50%; content:""; width:14px; height:14px; margin-top:-7px; opacity:.45; pointer-events:none; 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' 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 center / contain;}
.db-section-side .db-side-search-clear{position:absolute; right:6px; top:50%; width:22px; height:22px; margin-top:-11px; display:flex; align-items:center; justify-content:center; border-radius:6px; background:#e8eaf0; color:#5f6878; font-size:13px; line-height:1;}
.db-section-side .db-side-search-clear:hover{background:#dcdfe8; color:#2b303b;}
.db-section-side .db-side-seg{flex:none; display:flex; gap:2px; padding:3px; background:#eef0f4; border-radius:8px;}
.db-section-side .db-side-seg button{height:28px; padding:0 10px; border-radius:6px; font-size:12px; font-weight:700; color:#5c6472; white-space:nowrap; transition:background .12s, color .12s;}
.db-section-side .db-side-seg button:hover{color:#2b303b;}
.db-section-side .db-side-seg button.on{background:#ffffff; color:#4f46e5; box-shadow:0 1px 3px rgba(16,24,40,.14);}
.db-section-side .db-side-chip{display:inline-flex; align-items:center; gap:5px; height:28px; padding:0 10px; border:1px solid #d7dbe3; border-radius:999px; background:#ffffff; font-size:12px; font-weight:600; color:#5c6472; white-space:nowrap; transition:border-color .12s, background .12s, color .12s;}
.db-section-side .db-side-chip:hover{border-color:#b9bfcc; color:#2b303b;}
.db-section-side .db-side-chip.on{border-color:#4f46e5; background:#eef0fc; color:#4f46e5;}
.db-section-side .db-side-chip .n{min-width:16px; height:16px; padding:0 4px; display:inline-flex; align-items:center; justify-content:center; border-radius:999px; background:#4f46e5; font-size:10.5px; font-weight:800; color:#ffffff;}
.db-section-side .db-side-hint{padding:2px 2px 0; font-size:11.5px; color:#8b93a2;}
.db-section-side .db-side-hint b{color:#4f46e5; font-weight:700;}
.db-section-side .body-list > ul > li{border-bottom:1px solid #eceef2;}
.db-section-side .body-list > ul > li:last-of-type{border-bottom:0;}
.db-section-side .body-list > ul > li > .toggle{position:relative; display:flex; align-items:center; justify-content:space-between; gap:8px; width:100%; height:44px; padding:0 14px 0 16px; text-align:left; transition:background .12s;}
.db-section-side .body-list > ul > li > .toggle:hover{background:#f5f6f8;}
.db-section-side .body-list > ul > li > .toggle:before{position:absolute; left:0; top:9px; bottom:9px; content:""; width:3px; border-radius:0 3px 3px 0; background:transparent; transition:background .14s;}
.db-section-side .body-list > ul > li > .toggle:after{flex:none; content:""; width:15px; height:15px; opacity:.5; transition:transform .2s; 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;}
.db-section-side .body-list > ul > li > .toggle span{flex:1; min-width:0; font-size:13.5px; font-weight:700; letter-spacing:-.01em; color:#2b303b;}
.db-section-side .body-list > ul > li > .toggle[aria-expanded="true"]{position:sticky; top:0; z-index:6; background:#f4f5fd; border-bottom:1px solid #e3e5f7;}
.db-section-side .body-list > ul > li > .toggle[aria-expanded="true"]:before{background:#4f46e5;}
.db-section-side .body-list > ul > li > .toggle[aria-expanded="true"] span{color:#312e81;}
.db-section-side .body-list > ul > li > .toggle[aria-expanded="true"]:after{transform:rotate(180deg); opacity:.8;}
.db-section-side .body-list > ul > li > .toggle .cnt{flex:none; min-width:18px; height:18px; padding:0 5px; display:inline-flex; align-items:center; justify-content:center; border-radius:999px; background:#4f46e5; font-size:10.5px; font-weight:800; color:#ffffff;}
.db-section-side .body-list > ul > li > .list{padding:0; background:#ffffff;}
.db-section-side .db-fp-group{padding:0; margin:0; border:0; background:transparent;}
.db-section-side .db-fp-subtitle{display:block; position:sticky; top:44px; z-index:4; padding:7px 14px; background:#f5f6f9; border-top:1px solid #e8eaef; border-bottom:1px solid #e8eaef; font-size:11.5px; font-weight:700; letter-spacing:.01em; color:#4a5261;}
.db-section-side .db-fp-group > .list{padding:0 14px;}
.db-section-side .db-fp-group.db-fp-mute > .list > li > .title{display:none;}
.db-section-side .db-fp-group.db-fp-mute > .list > li{padding-top:9px;}
.db-section-side .db-fp-group > .list > li{position:relative; display:flex; flex-wrap:nowrap; align-items:center; gap:10px; padding:8px 0; border-top:1px solid #f2f4f7;}
.db-section-side .db-fp-group > .list > li:first-of-type{border-top:0;}
.db-section-side .db-fp-group > .list > li:first-of-type{padding-top:8px;}
.db-section-side .db-fp-group > .list > li:last-of-type{padding-bottom:12px;}
.db-section-side .db-fp-group > .list > li > .title{flex:none; width:100px; font-size:12px; font-weight:500; line-height:1.4; color:#4a5261; word-break:keep-all;}
.db-section-side .db-fp-group > .list > li > .content{flex:1; min-width:0;}
.db-section-side .db-fp-group > .list > li:has(> .content > .switch-box) > .title{flex:1; width:auto;}
.db-section-side .db-fp-group > .list > li:has(> .content > .switch-box) > .content{flex:none;}
.db-section-side .db-fp-group > .list > li:not([data-opt-key]):has(.db-spacing-box), .db-section-side .db-fp-group > .list > li:not([data-opt-key]):has(.db-border-box), .db-section-side .db-fp-group > .list > li:not([data-opt-key]):has(.db-bg-grad-box), .db-section-side .db-fp-group > .list > li:not([data-opt-key]):has(.db-childwidth-box), .db-section-side .db-fp-group > .list > li:not([data-opt-key]):has(.db-side-exthelp), .db-section-side .db-fp-group > .list > li:not([data-opt-key]):has(.db-btnpick), .db-section-side .db-fp-group > .list > li:not([data-opt-key]):has(.db-elpick), .db-section-side .db-fp-group > .list > li:not([data-opt-key]):has(.file-box), .db-section-side .db-fp-group > .list > li:not([data-opt-key]):has(> .content > .radio-group-box){flex-wrap:wrap; align-items:flex-start;}
.db-section-side .db-fp-group > .list > li:not([data-opt-key]):has(.db-spacing-box) > .title, .db-section-side .db-fp-group > .list > li:not([data-opt-key]):has(.db-border-box) > .title, .db-section-side .db-fp-group > .list > li:not([data-opt-key]):has(.db-bg-grad-box) > .title, .db-section-side .db-fp-group > .list > li:not([data-opt-key]):has(.db-childwidth-box) > .title, .db-section-side .db-fp-group > .list > li:not([data-opt-key]):has(.db-side-exthelp) > .title, .db-section-side .db-fp-group > .list > li:not([data-opt-key]):has(.db-btnpick) > .title, .db-section-side .db-fp-group > .list > li:not([data-opt-key]):has(.db-elpick) > .title, .db-section-side .db-fp-group > .list > li:not([data-opt-key]):has(.file-box) > .title, .db-section-side .db-fp-group > .list > li:not([data-opt-key]):has(> .content > .radio-group-box) > .title{flex:1 0 100%; width:auto; margin-bottom:7px;}
.db-section-side .db-fp-group > .list > li:not([data-opt-key]):has(.db-spacing-box) > .content, .db-section-side .db-fp-group > .list > li:not([data-opt-key]):has(.db-border-box) > .content, .db-section-side .db-fp-group > .list > li:not([data-opt-key]):has(.db-bg-grad-box) > .content, .db-section-side .db-fp-group > .list > li:not([data-opt-key]):has(.db-childwidth-box) > .content, .db-section-side .db-fp-group > .list > li:not([data-opt-key]):has(.db-side-exthelp) > .content, .db-section-side .db-fp-group > .list > li:not([data-opt-key]):has(.db-btnpick) > .content, .db-section-side .db-fp-group > .list > li:not([data-opt-key]):has(.db-elpick) > .content, .db-section-side .db-fp-group > .list > li:not([data-opt-key]):has(.file-box) > .content, .db-section-side .db-fp-group > .list > li:not([data-opt-key]):has(> .content > .radio-group-box) > .content{flex:1 0 100%;}
.db-section-side .db-fp-group > .list > li[data-opt-key] > .content > .radio-group-box{flex-wrap:wrap; gap:4px 10px; margin:0;}
.db-section-side .db-fp-group > .list > li[data-opt-key] .file-box{margin:0;}
.db-section-side .db-fp-group > .list > li.is-dirty > .title:after{display:inline-block; content:""; width:5px; height:5px; margin-left:5px; border-radius:50%; background:#4f46e5; vertical-align:middle;}
.db-section-side .db-opt-undo{position:absolute; right:0; top:7px; width:22px; height:22px; display:none; align-items:center; justify-content:center; border-radius:6px;}
.db-section-side .db-opt-undo:before{content:""; width:13px; height:13px; 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' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 11a8 8 0 1 0-2.3 5.7'/%3E%3Cpath d='M20 5v6h-6'/%3E%3C/svg%3E") no-repeat center / contain;}
.db-section-side .db-opt-undo:hover{background:#eef0f4;}
.db-section-side .db-opt-undo:hover:before{opacity:.85;}
.db-section-side .db-fp-group > .list > li.is-dirty .db-opt-undo{display:flex;}
.db-section-side .db-fp-group > .list > li.is-dirty:not(:has(.db-spacing-box)):not(:has(.db-border-box)):not(:has(.db-bg-grad-box)) > .content{padding-right:26px;}
.db-section-side .db-opt-hidden-li{display:none !important;}
/* input-box */
.db-section-side .input-box{position:relative; display:flex; align-items:center; gap:4px; height:32px; padding:0 9px; border:1px solid #d7dbe3; border-radius:7px; background:#ffffff; transition:border-color .12s, box-shadow .12s;}
.db-section-side .input-box input{flex:1; min-width:0; width:100%; height:100%; border:0; background:transparent; font-size:12.5px; color:#2b303b; outline:none;}
.db-section-side .input-box input::placeholder{color:#a6adba;}
.db-section-side .input-box input::-webkit-outer-spin-button, .db-section-side .input-box input::-webkit-inner-spin-button{-webkit-appearance:none; margin:0;}
.db-section-side .input-box input[type=number]{-moz-appearance:textfield;}
.db-section-side .input-box em{flex:none; font-style:normal; font-size:10.5px; color:#98a0ae;}
.db-section-side .input-box:focus-within{border-color:#4f46e5; box-shadow:0 0 0 3px rgba(79,70,229,.13);}
.db-section-side .input-box textarea{width:100%; padding:6px 0; border:0; background:transparent; font-size:12.5px; resize:vertical; outline:none;}
/* db-section-side */
.db-section-side .select-box{position:relative; display:flex; align-items:center; height:32px; border:1px solid #d7dbe3; border-radius:7px; background:#ffffff; transition:border-color .12s, box-shadow .12s;}
.db-section-side .select-box select{flex:1; min-width:0; width:100%; height:100%; padding:0 27px 0 9px !important; border:0; border-radius:7px; background:transparent; font-size:12.5px; color:#2b303b; appearance:none; -webkit-appearance:none; outline:none; cursor:pointer; text-overflow:ellipsis;}
.db-section-side .select-box:after{position:absolute; right:9px; top:50%; content:""; width:12px; height:12px; margin-top:-6px; opacity:.45; pointer-events:none; 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;}
.db-section-side .select-box:focus-within{border-color:#4f46e5; box-shadow:0 0 0 3px rgba(79,70,229,.13);}
.db-section-side .color-box{position:relative; flex:none;}
.db-section-side .color-box .sp-replacer{display:flex; align-items:center; justify-content:center; gap:3px; height:32px; padding:0 5px; border:1px solid #d7dbe3; border-radius:7px; background:#ffffff; cursor:pointer;}
.db-section-side .color-box .sp-replacer:hover{border-color:#b9bfcc;}
.db-section-side .color-box .sp-preview{display:block !important; width:18px; height:18px; border-radius:4px; border:1px solid rgba(0,0,0,.12); overflow:hidden; background:repeating-conic-gradient(#cfd5e0 0 25%, #ffffff 0 50%) 50% / 6px 6px !important;}
.db-section-side .color-box .sp-preview-inner{display:block; width:100%; height:100%;}
.db-section-side .color-box .sp-preview-inner.sp-clear-display{background-image:none !important;}
.db-section-side .sp-dd{font-size:7px; color:#98a0ae;}
/* switch-box */
.db-section-side .switch-box{position:relative; display:inline-flex; align-items:center;}
.db-section-side .switch-box input{position:absolute; opacity:0; width:0; height:0;}
.db-section-side .switch-box label{position:relative; display:block; width:34px; height:19px; border:1px solid #cbd0d9; border-radius:999px; background:#dfe3ea; cursor:pointer; transition:background .16s, border-color .16s;}
.db-section-side .switch-box label span{position:absolute; top:2px; left:2px; width:13px; height:13px; border-radius:50%; background:#ffffff; box-shadow:0 1px 2px rgba(0,0,0,.28); transition:left .16s; text-indent:-9999px; overflow:hidden;}
.db-section-side .switch-box input:checked ~ label{background:#4f46e5; border-color:#4f46e5;}
.db-section-side .switch-box input:checked ~ label span{left:17px;}
.db-section-side .switch-box input:focus-visible ~ label{box-shadow:0 0 0 3px rgba(79,70,229,.2);}
.db-section-side .switch-box.is-disabled{opacity:.5;}
.db-section-side .switch-box.is-disabled label{cursor:not-allowed;}
/* db-section-side */
.db-section-side .radio-group-box{display:flex; flex-wrap:wrap; gap:8px 16px;}
.db-section-side .radio-box, .db-section-side .check-box{position:relative; display:inline-flex; align-items:center;}
.db-section-side .radio-box input, .db-section-side .check-box input{position:absolute; opacity:0; width:0; height:0;}
.db-section-side .radio-box label, .db-section-side .check-box label{display:inline-flex; align-items:center; gap:2px; cursor:pointer;}
.db-section-side .radio-box label:before{content:""; flex:none; width:15px; height:15px; border:1px solid #cbd0d9; border-radius:50%; background:#ffffff; transition:border-color .12s, background .12s;}
.db-section-side .radio-box input:checked ~ label:before{border-color:#4f46e5; background:radial-gradient(#ffffff 0 30%, #4f46e5 32%);}
.db-section-side .check-box label:before{content:""; flex:none; width:15px; height:15px; border:1px solid #cbd0d9; border-radius:4px; background:#ffffff; transition:border-color .12s, background .12s;}
.db-section-side .check-box input:checked ~ label:before{border-color:#4f46e5; 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.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 13 4.5 4.5L19 7'/%3E%3C/svg%3E") no-repeat center / 11px;}
.db-section-side .radio-box label span, .db-section-side .check-box label span{font-size:12.5px; color:#4a5261;}
.db-section-side .radio-box input:focus-visible ~ label:before, .db-section-side .check-box input:focus-visible ~ label:before{box-shadow:0 0 0 3px rgba(79,70,229,.2);}
/* range-box */
.db-section-side .range-box{display:flex; flex-wrap:nowrap; align-items:center; gap:9px;}
.db-section-side .range-box input[type=range]{flex:1; min-width:0; height:4px; border-radius:99px; background:#e6e8ee; appearance:none; -webkit-appearance:none; outline:none;}
.db-section-side .range-box input[type=range]::-webkit-slider-thumb{appearance:none; -webkit-appearance:none; width:15px; height:15px; border-radius:50%; background:#4f46e5; border:2px solid #ffffff; box-shadow:0 1px 3px rgba(16,24,40,.3); cursor:pointer;}
.db-section-side .range-box input[type=range]::-moz-range-thumb{width:13px; height:13px; border-radius:50%; background:#4f46e5; border:2px solid #ffffff; cursor:pointer;}
.db-section-side .range-box .range-value{flex:none; display:flex; align-items:center; gap:3px;}
.db-section-side .range-box .range-value input{width:48px; height:32px; padding:0 6px; border:1px solid #d7dbe3; border-radius:7px; text-align:center; font-size:12px; color:#2b303b; outline:none;}
.db-section-side .range-box .range-value em{font-style:normal; font-size:10.5px; color:#98a0ae;}
/* file-box */
.db-section-side .file-box{display:flex; align-items:center; gap:6px;}
.db-section-side .file-box .file-name{flex:1; min-width:0; padding:0 9px; border:1px solid #e2e5ec; border-radius:7px; background:#f7f8fb;}
.db-section-side .file-box .file-name p{height:30px; line-height:30px; font-size:11.5px; color:#6b7383; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.db-section-side .file-box .file-select{flex:none; margin:0;}
.db-section-side .file-box .file-select input{position:absolute; opacity:0; width:0; height:0;}
.db-section-side .file-box .file-select .btn{display:inline-flex; align-items:center; height:32px; padding:0 12px; border-radius:7px; background:#eef0f4; font-size:11.5px; font-weight:600; color:#4a5261; cursor:pointer;}
.db-section-side .file-box .file-select label:hover .btn{background:#e2e5ec;}
/* db-section-side */
.db-section-side .tooltip-box{position:relative; display:inline-flex; align-items:center; max-width:100%;}
.db-section-side .tooltip-box .tooltip-btn{display:inline-flex; align-items:center; gap:3px; line-height:1.35; cursor:help;}
.db-section-side .tooltip-box .tooltip-btn:after{flex:none; content:""; width:13px; height:13px; 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' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9.6 9.4a2.5 2.5 0 1 1 3.2 2.9c-.5.2-.8.7-.8 1.2v.5'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E") no-repeat center / contain;}
.db-section-side .tooltip-box .tooltip-inner{position:absolute; left:0; top:calc(100% + 7px); z-index:30; width:max-content; max-width:280px; padding:9px 11px; border-radius:8px; background:#2b303b; font-size:11.5px; font-weight:400; line-height:1.55; color:#ffffff; white-space:normal; opacity:0; visibility:hidden; transition:opacity .14s;}
.db-section-side .tooltip-box:hover .tooltip-inner{opacity:1; visibility:visible;}
.db-section-side .db-fp-group > .list > li[data-opt-key] .ws-dir4{flex-wrap:wrap; gap:4px 4px;}
.db-section-side .db-fp-group > .list > li[data-opt-key] .ws-dir4 .input-box{flex:1 1 40px; min-width:40px;}
.db-section-side .db-fp-group > .list > li[data-opt-key] .ws-dir4 .dir4-all{flex:1 1 100%; margin-right:0;}
.db-section-side .db-fp-group > .list > li[data-opt-key] .ws-dir4 .dir4-all:after{display:none;}
.db-section-side .db-fp-group > .list > li[data-opt-key].is-dirty > .content{padding-right:26px;}
.db-section-side .ws-dir4{display:flex; flex-wrap:nowrap; gap:4px;}
.db-section-side .ws-dir4 .input-box{flex:1; min-width:0; flex-direction:column; justify-content:center; gap:0; height:40px; padding:3px 3px;}
.db-section-side .ws-dir4 .input-box input{height:18px; padding:0; text-align:center; font-size:11.5px;}
.db-section-side .ws-dir4 .input-box em{display:block; width:100%; font-size:9.5px; text-align:center; color:#a6adba;}
.db-section-side .ws-dir4 .dir4-all{position:relative; margin-right:7px; background:#f5f6f9;}
.db-section-side .ws-dir4 .dir4-all:after{position:absolute; right:-5px; top:8px; bottom:8px; content:""; width:1px; background:#e3e6ec;}
.db-section-side .ws-dir4 .dir4-all input{font-weight:700;}
.db-section-side .db-fp-group > .list > li[data-opt-key] .db-border-box, .db-section-side .db-fp-group > .list > li[data-opt-key] .db-bg-grad-box, .db-section-side .db-fp-group > .list > li[data-opt-key] .db-childwidth-box, .db-section-side .db-fp-group > .list > li[data-opt-key] .db-side-exthelp{min-width:0; padding:8px;}
.db-section-side .db-fp-group > .list > li[data-opt-key] .db-border-head, .db-section-side .db-fp-group > .list > li[data-opt-key] .db-border-row{grid-template-columns:28px 1fr 1fr 46px; gap:3px;}
.db-section-side .db-fp-group > .list > li[data-opt-key] .db-border-box .input-box{padding:0 4px;}
.db-section-side .db-fp-group > .list > li[data-opt-key] .db-cw-row{grid-template-columns:52px 1fr 58px; gap:4px;}
.db-section-side .db-fp-group > .list > li[data-opt-key] .db-bg-grad-box > .flex{gap:6px;}
.db-section-side .db-fp-group > .list > li[data-opt-key] .db-numunit-box .select-box{width:58px;}
.db-section-side .db-border-box, .db-section-side .db-bg-grad-box, .db-section-side .db-childwidth-box, .db-section-side .db-side-exthelp{padding:10px; border:1px solid #e8eaef; border-radius:9px; background:#fafbfc;}
.db-section-side .db-border-link{margin-bottom:8px;}
.db-section-side .db-border-head, .db-section-side .db-border-row{display:grid; grid-template-columns:44px 1fr 1fr 42px; gap:4px; align-items:center;}
.db-section-side .db-border-head{margin-bottom:4px; font-size:10px; font-weight:700; color:#98a0ae;}
.db-section-side .db-border-row{margin-top:4px;}
.db-section-side .db-border-side{font-size:10.5px; font-weight:600; color:#5c6472;}
.db-section-side .db-border-box .input-box{padding:0 6px;}
.db-section-side .db-border-box .select-box{height:32px;}
.db-section-side .db-border-box .select-box select{padding:0 20px 0 7px !important; font-size:11px;}
.db-section-side .db-border-box .select-box:after{right:6px;}
/* db-bg-grad-box */
.db-section-side .db-bg-grad-box > .flex{flex-wrap:wrap; gap:9px;}
.db-section-side .db-bg-grad-box .mb5{margin-bottom:0;}
/* db-childwidth-box */
.db-section-side .db-cw-row{display:grid; grid-template-columns:56px 1fr 76px; gap:5px; align-items:center; margin-top:6px;}
.db-section-side .db-cw-row:first-child{margin-top:0;}
.db-section-side .db-cw-label{font-size:10.5px; font-weight:600; line-height:1.35; color:#5c6472; word-break:keep-all;}
/* db-numunit-box */
.db-section-side .db-numunit-box{display:flex; gap:5px;}
.db-section-side .db-numunit-box .input-box{flex:1; min-width:0;}
.db-section-side .db-numunit-box .select-box{flex:none; width:66px;}
/* db-section-side */
.db-section-side .db-btnpick, .db-section-side .db-elpick{display:flex; flex-direction:column; gap:7px;}
.db-section-side .db-btnpick-chips, .db-section-side .db-elpick-chips{display:flex; flex-wrap:wrap; gap:5px;}
.db-section-side .db-btnpick-chip, .db-section-side .db-elpick-chip{height:28px; padding:0 12px; border:1px solid #d7dbe3; border-radius:999px; background:#ffffff; font-size:11.5px; font-weight:600; color:#5c6472; transition:border-color .12s, background .12s, color .12s;}
.db-section-side .db-btnpick-chip:hover, .db-section-side .db-elpick-chip:hover{border-color:#4f46e5; color:#4f46e5;}
.db-section-side .db-btnpick-chip.on, .db-section-side .db-elpick-chip.on{border-color:#4f46e5; background:#4f46e5; color:#ffffff;}
.db-section-side .db-btnpick-hint{padding:9px 11px; border-radius:8px; background:#f1f2fd; font-size:11px; line-height:1.55; color:#5c6472;}
.db-section-side .db-btnpick-hint strong{display:block; margin-bottom:2px; font-size:11.5px; font-weight:700; color:#4f46e5;}
/* db-side-exthelp */
.db-section-side .db-exthelp-desc{margin:0 0 8px; font-size:11px; line-height:1.55; color:#6b7383;}
.db-section-side .db-exthelp-btn{width:100%; height:32px; border:1px solid #4f46e5; border-radius:7px; background:#ffffff; font-size:12px; font-weight:700; color:#4f46e5; transition:background .12s;}
.db-section-side .db-exthelp-btn:hover{background:#f1f2fd;}
/* db-section-side */
.db-section-side .db-bg-grad-box > .flex{align-items:center;}
.db-section-side .db-bg-grad-box .flex.flex-vc.g5.mb5{align-items:center; margin-bottom:0;}
.db-section-side .db-bg-grad-box .radio-group-box{align-items:center; margin:0;}
.db-section-side .db-bg-grad-box .radio-box{align-items:center;}
.db-section-side .db-bg-grad-box .color-box .sp-replacer{margin:0;}
.db-section-side .body-list > ul > li > .list > li:not(.db-fp-group){display:flex; flex-wrap:nowrap; align-items:center; justify-content:space-between; gap:10px; padding:9px 14px; border-top:1px solid #f2f4f7;}
.db-section-side .body-list > ul > li > .list > li:not(.db-fp-group):first-of-type{border-top:0;}
.db-section-side .body-list > ul > li > .list > li:not(.db-fp-group) > .title{flex:1; min-width:0; font-size:12px; font-weight:500; line-height:1.4; color:#4a5261; white-space:pre-line;}
.db-section-side .body-list > ul > li > .list > li:not(.db-fp-group) > .content{flex:none; max-width:62%;}
.db-section-side .db-fp-group > .list > li:has(> .content > .button-box){flex-wrap:nowrap; align-items:center;}
.db-section-side .db-fp-group > .list > li:has(> .content > .button-box) > .title{flex:1; width:auto; margin-bottom:0;}
.db-section-side .db-fp-group > .list > li:has(> .content > .button-box) > .content{flex:none;}
.db-section-side .button-box{display:flex; gap:5px;}
.db-section-side .button-box .btn{display:inline-flex; align-items:center; justify-content:center; height:30px; padding:0 13px; border:0; border-radius:7px; background:#4f46e5; font-size:12.5px; font-weight:700; color:#ffffff; white-space:nowrap;}
.db-section-side .button-box .btn:hover{background:#4338ca;}
.db-section-side #sideAreaList > li > .content{flex:0 0 62%; min-width:0;}
.db-section-side .db-anchor-dup-hint{margin-top:5px; font-size:11.5px; line-height:1.4; color:#dc2626;}
.db-section-side input.is-invalid{border-color:#dc2626; box-shadow:0 0 0 2px rgba(220,38,38,.12);}
.db-section-side .db-area-bgimg > .content{display:flex; align-items:center; justify-content:flex-start; gap:8px;}
.db-section-side .db-area-bgimg > .content > .button-box{flex:none;}
.db-section-side .db-area-bgimg #wsBgImageName{flex:1; min-width:0; margin:0; font-size:11.5px; color:#6b7280; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.db-section-side .side-body li[data-opt-key].db-opt-off{display:none !important;}
.db-section-side .side-body li.db-opt-baseonly.db-opt-off{display:none !important;}
.db-section-side .db-fp-group.is-hidden{display:none !important;}
.db-section-side .dynamic-category-section.is-hidden{display:none !important;}
.db-section-side .body-list > ul > li.is-hidden{display:none !important;}
.db-section-side .db-side-empty{display:none; padding:48px 20px; text-align:center;}
.db-section-side .db-side-empty p{font-size:12.5px; line-height:1.7; color:#8b93a2;}
.db-section-side.is-empty .db-side-empty{display:block;}
.db-section-side.is-empty .body-list{display:none;}
.db-section-side .db-fp-group .db-fp-group > .db-fp-subtitle{position:static; top:auto; margin:10px -14px 0; padding:7px 14px;}
.db-section-side .db-fp-group .db-fp-group:first-child > .db-fp-subtitle{margin-top:4px;}
.db-section-side #fpOpts{margin-top:10px;}
.db-section-side #fpOpts .mt5{margin-top:8px;}
.db-section-side #fpOpts .mt10{margin-top:10px;}
.db-section-side #fpOpts .flex.g5{gap:8px;}
.db-section-side #fpOpts .check-box{min-height:26px;}
.db-section-side #fpOpts .button-box{display:flex; margin-top:10px;}
.db-section-side #fpOpts .button-box > .btn{flex:1; width:100%;}
.db-section-side #fpSections > [data-fp-wid]{margin-top:0; padding:8px 0; border-top:1px solid #f2f4f7;}
.db-section-side #fpSections > [data-fp-wid]:first-child{border-top:0; padding-top:6px;}
.db-section-side #fpSections > [data-fp-wid] > .flex{margin-top:6px;}
.db-section-side .db-fp-group .db-fp-group > .list{padding:0;}
.db-section-side .db-fp-checks{display:flex; flex-wrap:wrap; gap:6px 12px;}
.db-section-side .db-fp-group > .list > li > .content:only-child{flex:1 1 auto; width:100%;}
.db-section-side .file-box{width:100%; flex-wrap:nowrap;}
.db-section-side .file-box .file-name{flex:1 1 auto; min-width:0; height:30px;}
.db-section-side .file-box .file-name p{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px;}
.db-section-side .file-box .file-select{flex:none;}
.db-section-side .button-box.g5 > .btn{flex:1;}
.db-section-side .tooltip-box .tooltip-inner p{font-size:11px; word-break:keep-all;}