.steps-content{text-align:center;min-height:80vh}.xh{width:17px;height:17px;background-color:#2563eb;color:#fff;border-radius:999px;display:flex;justify-content:center;align-items:center;margin-right:6px;font-size:14px}.fd_container{padding:24px 0}.custom-select{color:#5a6b83;text-align:left;padding:0}.custom-select select{font-weight:500}.a_space{display:flex}.a_space .valve-type-select{flex-basis:78%;max-width:78%}.a_space .form-item{margin-bottom:0}.xh_css{background-color:#63738a;color:#fff;border-radius:3px;width:24px;height:16px;display:flex;align-items:center;justify-content:center;margin-right:4px}.no-border select{border-radius:0;box-shadow:none!important;border-top:none!important;border-right:none!important;border-left:none!important;border-bottom:2px solid #e1e0e9;background:transparent;width:100%;padding:8px 0;font-weight:500;color:#5a6b83;outline:none}.no-border select:focus{border-bottom:2px solid #4096ff}.no-border-input{border-radius:0;box-shadow:none!important;border-top:none!important;border-right:none!important;border-left:none!important;border-bottom:2px solid #e1e0e9;padding:0;text-align:center;color:#2563eb;font-weight:500;background:transparent;outline:none}.no-border-input:focus{border-bottom:2px solid #4096ff}.kx{border-left:1px solid #eeedf2;padding:0 0 0 16px;flex-direction:column;gap:10px}.kx,.kx_d{display:flex;justify-content:space-between}.kx_d{align-items:end}.kx_d p{font-weight:700;white-space:nowrap;height:fit-content;margin:0}.p_text{font-size:13px;text-align:start;line-height:32px}.p_text_2{font-size:13px;text-align:end;height:fit-content;line-height:34px}.xh_text{display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:700!important;margin-top:10px;padding:12px 0;background-color:#f3f5f9;color:#000;min-height:50px}.font-bold{font-weight:700}.required-asterisk{color:red;margin-left:4px}.error-message{color:red;margin-bottom:8px;text-align:left}.valve-model-item{display:flex;width:100%}.flex-center{display:flex;align-items:center}.count-unit{margin-left:5px;font-weight:700}.add-button{color:#2563eb}.optional-config-item,.optional-config-section{margin-bottom:15px;margin-top:15px}.space_css .form-item-content{gap:10px;display:flex;flex-direction:column;margin-top:6px}.select_css{background-color:#d3e0fb;color:#2563eb;border-radius:999px;display:flex;justify-content:center;align-items:center;width:16px!important;height:16px!important;position:absolute;right:8px;top:50%;transform:translateY(-50%);pointer-events:none}.select_css svg{width:14px!important;height:14px!important;transition:transform .3s ease}.valve-type-select{width:100%;position:relative}.valve-count-input{width:40px;height:32px}.add-valve-button{border:none;background-color:transparent;display:flex;align-items:center;width:100%;color:#2563eb;cursor:pointer;padding:8px;justify-content:center;gap:8px}.add-valve-button:disabled{color:#ccc;cursor:not-allowed}.add-button-text{white-space:nowrap;font-size:13px;margin:0}.config-select{width:150px}.config-select-icon{margin-bottom:4px}.return-button{margin-bottom:30px;margin-left:15px;padding:8px 16px;background-color:#6b7280;color:#fff;border:none;border-radius:4px;cursor:pointer}.model-code-display{padding-bottom:40px}.primary-button{padding:8px 16px;background-color:#2563eb;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer;margin-bottom:15px}.margin_bottm select{display:flex;align-items:center}.form-item{margin-bottom:16px}.form-item-label{display:flex;align-items:center;margin-bottom:8px}.form-item-content{position:relative}.remove-button{color:#ef4444;cursor:pointer;padding:4px;background:none;border:none}.xbf-steps-content{min-height:80vh;text-align:center}.xbf-header-bg{width:100%;height:60px;background:linear-gradient(180deg,#2563eb,rgba(37,99,235,0));position:fixed;top:0;left:0;z-index:1;pointer-events:none}.xbf-fd-container{padding:6px 16px}.xbf-form,.xbf-result-area{width:100%}.xbf-result-container{position:fixed;top:90px;left:0;right:0;z-index:10;background-color:#fff;padding:0 4vw 2px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:none;transform:translateY(-100%);opacity:0}.xbf-result-container.xbf-visible{display:block;animation:slideInFromTop .4s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideInFromTop{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.xbf-result-placeholder{width:100%;padding:20px 0;margin-bottom:20px;visibility:hidden}.xbf-main-image-container{display:flex;justify-content:center;align-items:center;position:relative;width:100%;min-height:90px;margin:0 auto}.xbf-valve-island-main{display:flex;align-items:start;justify-content:center;gap:0;transform:scale(1);transform-origin:center center}.xbf-valve-end-left,.xbf-valve-end-right{display:block;object-fit:contain}.xbf-valve-end-left{margin-right:-2px}.xbf-valve-end-right{margin-left:-2px}.xbf-valve-group{display:flex;gap:0;align-items:center}.xbf-valve-item{margin:0 -1px}.xbf-valve-image-wrapper,.xbf-valve-item{position:relative}.xbf-valve-image{display:block;width:auto;object-fit:contain}.xbf-valve-mask{position:absolute;top:0;left:0;right:0;bottom:0;background-color:hsla(53,98%,77%,.6);pointer-events:none}.xbf-position-label{position:absolute;display:flex;align-items:center;gap:7px;transition:.3s ease;z-index:5}.xbf-label-text{font-size:9px;color:#6b7280;white-space:nowrap}.xbf-label-line{width:25px;height:1px;background-color:#6b7280}.xbf-left-exhaust-top .xbf-label-text,.xbf-right-exhaust-top .xbf-label-text{margin-top:-5px}.xbf-left-exhaust-bottom .xbf-label-text,.xbf-right-exhaust-bottom .xbf-label-text{margin-top:5px}.xbf-label-svg{display:block}.xbf-left-inlet{left:5%;top:50%;transform:translateY(-50%)}.xbf-left-exhaust-top{left:5%;top:27%}.xbf-left-exhaust-bottom{left:5%;bottom:25%}.xbf-right-inlet{right:5%;top:50%;transform:translateY(-50%)}.xbf-right-exhaust-top{right:5%;top:27%}.xbf-right-exhaust-bottom{right:5%;bottom:25%}.xbf-config-box{width:100%;margin:0 auto 20px;background-color:#fff;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.xbf-config-box,.xbf-padding{padding:22px 18px}.xbf-form-item{margin-bottom:16px}.xbf-batch-valve-select,.xbf-config-select,.xbf-valve-dropdown{touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.xbf-form-item:last-child{margin-bottom:0}.xbf-form-item-label{margin-bottom:12px}.xbf-form-item-label,.xbf-left-content{display:flex;align-items:center;gap:8px}.xbf-label-text-bold{font-weight:700;font-size:13px;color:#1f2937}.xbf-number{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;background-color:#2563eb;color:#fff;border-radius:50%;font-size:12px;font-weight:500;flex-shrink:0}.xbf-required{color:#ef4444;margin-left:2px}.xbf-error-message{padding:8px 12px;margin-bottom:12px;background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:12px}.xbf-toggle-all-btn{padding:1px 9px;font-size:12px;color:#2563eb;background-color:#eff6ff;border:1px solid #2563eb;border-radius:5px;cursor:pointer;transition:all .2s;flex-shrink:0}.xbf-toggle-all-btn:hover{background-color:#dbeafe}.xbf-toggle-all-btn:active{transform:scale(.98)}.xbf-batch-setting-area{margin-bottom:12px}.xbf-batch-setting-info{display:flex;align-items:center;justify-content:space-between;gap:12px}.xbf-selected-count-text{font-size:12px;color:#64748bcc;font-weight:500;flex:1;text-align:left}.xbf-batch-valve-select{width:80px!important;font-size:13px;padding-left:32px!important;font-weight:600}.xbf-batch-valve-select .select-icon{color:#2563eb!important}.xbf-dcfxh{display:flex;justify-content:space-between}.xbf-valve-position-list{display:flex;flex-direction:column;gap:12px;padding-top:12px;border-top:1px solid #e5e7eb}.xbf-valve-position-item{display:flex;align-items:center;gap:6px;transition:all .2s;border-bottom:1px solid #e5e7eb;padding-bottom:12px}.xbf-io-checkbox{flex-shrink:0;width:18px;height:18px}.xbf-valve-select-wrapper{flex:1;position:relative;min-width:0}.xbf-valve-dropdown{width:100%;font-size:12px;box-shadow:none!important;border:none!important;border-bottom:1px solid #64748b14!important;color:#235adb;padding-left:0;padding-right:0;font-weight:600}.xbf-valve-dropdown .select-icon{color:#2563eb!important}.xbf-valve-custom-display-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;padding:8px 12px;padding-right:0!important;background-color:#fff;border:none!important;border-radius:6px}.xbf-valve-select-display{display:flex;align-items:center;justify-content:space-between;gap:8px;height:100%}.xbf-valve-info-block{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0;align-items:start;justify-content:space-between}.xbf-valve-position-title{display:flex;align-items:center;gap:4px;font-size:12px;color:#6b7280}.xbf-valve-text{font-weight:600;color:#2563eb;font-size:13px;line-height:6px}.xbf-valve-position-number{font-weight:700;color:#2563eb;border:1px solid #2563eb;border-radius:50%;width:16px;height:16px;font-size:10px;display:inline-flex;align-items:center;justify-content:center;line-height:6px}.xbf-valve-label{font-size:11px;color:#64748bcc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xbf-valve-type-tag{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;background-color:#2563eb;color:#fff;border-radius:3px;font-size:11px;font-weight:600;flex-shrink:0}.xbf-valve-dropdown-arrow{width:16px;height:16px;color:#2563eb;flex-shrink:0;margin-left:4px}.xbf-valve-option-content{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.xbf-valve-option-label{flex:1;font-size:12px;color:#374151;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xbf-optional-config-group{margin-bottom:20px}.xbf-config-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.xbf-config-title{display:flex;align-items:center;gap:8px}.xbf-config-switch{flex-shrink:0}.xbf-config-content{padding-left:5px!important;transition:opacity .2s}.xbf-config-content.xbf-disabled{opacity:.5;pointer-events:none}.xbf-kx{display:flex;flex-direction:column;gap:12px}.xbf-kx-item{display:flex;justify-content:space-between;align-items:center}.xbf-p-text,.xbf-p-text-2{font-size:12px;color:#64748b;margin:0;font-weight:600}.xbf-config-select{width:100%;max-width:160px;font-size:12px;box-shadow:none!important;background-color:#fff;border:none!important;border-bottom:1px solid #64748b14!important;color:#235adb;font-weight:600}.xbf-config-select .select-icon{color:#2563eb!important}.xbf-config-select:disabled{background-color:#f3f4f6;cursor:not-allowed}.xbf-primary-button{width:100%;padding:12px 24px;margin-top:24px;font-size:13px;font-weight:600;color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:8px;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px rgba(37,99,235,.3)}.xbf-primary-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(37,99,235,.4)}.xbf-primary-button:active{transform:translateY(0);box-shadow:0 2px 8px rgba(37,99,235,.3)}.xbf-model-code-display{padding:12px 10px;margin-top:20px;gap:10px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #2563eb;border-radius:8px;font-size:14px;font-weight:600;color:#1e40af;word-break:break-all;box-shadow:0 2px 8px rgba(37,99,235,.15)}.xbf-model-code-display,.xbf-model-code-display span{width:100%;text-align:center}.xbf-copy-tooltip{position:absolute;bottom:calc(100% + 8px);right:0;color:#fff;padding:5px 10px;border-radius:5px;font-size:12px;font-weight:500;white-space:nowrap;pointer-events:none;z-index:100}@keyframes slideInFadeOut{0%{opacity:0;transform:translateY(5px)}15%{opacity:1;transform:translateY(0)}85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-5px)}}.xbf-copy-tooltip.xbf-show{animation:slideInFadeOut 3s ease-in-out forwards}@media (max-width:480px){.xbf-config-box{padding:16px 12px;margin-bottom:16px}.xbf-valve-island-main{transform:scale(.77)}.xbf-label-text-bold{font-size:12px}}@media (max-width:360px){.xbf-valve-island-main{transform:scale(.6)}.xbf-config-box{padding:12px 10px}}.xbf-valve-model-form-item{padding:18px}.xbf-optional-config-item,.xbf-optional-config-section{background-color:#fff}.xbf-steps-content{scroll-behavior:smooth}.xbf-config-select:focus,.xbf-valve-dropdown:focus{outline:none!important;box-shadow:none!important}.xbf-config-select:focus-visible,.xbf-valve-dropdown:focus-visible{outline:none!important;box-shadow:none!important}.xbf-config-select:disabled,.xbf-valve-dropdown:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.xbf-result-container{animation:fadeIn .3s ease-out}.xbf-valve-position-item{animation:fadeIn .2s ease-out}@media print{.xbf-header-bg{display:none}.xbf-result-container{position:static;box-shadow:none}.xbf-primary-button{display:none}}