.c2fd-steps-content{min-height:50vh;text-align:center}.c2fd-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}.c2fd-fd-container{padding:6px 16px}.c2fd-form,.c2fd-result-area{width:100%}.c2fd-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}.c2fd-result-container.c2fd-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}}.c2fd-result-placeholder{width:100%;padding:20px 0;margin-bottom:20px;visibility:hidden}.c2fd-main-image-container{display:flex;justify-content:center;align-items:center;position:relative;width:100%;min-height:108px;padding:6px 0 8px;margin:0 auto}.c2fd-valve-island-main{display:flex;align-items:start;justify-content:center;gap:0;transform:scale(1);transform-origin:center center}.c2fd-valve-end-left,.c2fd-valve-end-right{display:block;object-fit:contain}.c2fd-valve-end-left{margin-right:-2px}.c2fd-valve-end-right{margin-left:-2px}.c2fd-valve-group{display:flex;gap:0;align-items:center}.c2fd-valve-item{margin:0 -1px}.c2fd-valve-image-wrapper,.c2fd-valve-item{position:relative}.c2fd-valve-image{display:block;width:auto;object-fit:contain}.c2fd-valve-mask{position:absolute;top:0;left:0;right:0;bottom:0;background-color:hsla(53,98%,77%,.6);pointer-events:none}.c2fd-position-label{position:absolute;display:flex;align-items:center;gap:7px;transition:.3s ease;z-index:5}.c2fd-label-text{font-size:9px;color:#6b7280;white-space:nowrap}.c2fd-label-line{width:25px;height:1px;background-color:#6b7280}.c2fd-left-exhaust-top .c2fd-label-text,.c2fd-right-exhaust-top .c2fd-label-text{margin-top:-5px}.c2fd-left-exhaust-bottom .c2fd-label-text,.c2fd-right-exhaust-bottom .c2fd-label-text{margin-top:5px}.c2fd-label-svg{display:block}.c2fd-left-inlet{left:5%;top:50%;transform:translateY(-50%)}.c2fd-left-exhaust-top{left:5%;top:27%}.c2fd-left-exhaust-bottom{left:5%;bottom:25%}.c2fd-right-inlet{right:5%;top:50%;transform:translateY(-50%)}.c2fd-right-exhaust-top{right:5%;top:27%}.c2fd-right-exhaust-bottom{right:5%;bottom:25%}.c2fd-config-box{width:100%;margin:0 auto 20px;background-color:#fff;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.c2fd-config-box,.c2fd-padding{padding:22px 18px}.c2fd-form-item{margin-bottom:16px}.c2fd-batch-valve-select,.c2fd-config-select,.c2fd-valve-dropdown{touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.c2fd-form-item:last-child{margin-bottom:0}.c2fd-form-item-label{margin-bottom:12px}.c2fd-form-item-label,.c2fd-left-content{display:flex;align-items:center;gap:8px}.c2fd-label-text-bold{font-weight:700;font-size:13px;color:#1f2937}.c2fd-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}.c2fd-required{color:#ef4444;margin-left:2px}.c2fd-error-message{padding:8px 12px;margin-bottom:12px;background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:12px}.c2fd-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}.c2fd-toggle-all-btn:hover{background-color:#dbeafe}.c2fd-toggle-all-btn:active{transform:scale(.98)}.c2fd-batch-setting-area{margin-bottom:12px}.c2fd-batch-setting-info{display:flex;align-items:center;justify-content:space-between;gap:12px}.c2fd-selected-count-text{font-size:12px;color:#64748bcc;font-weight:500;flex:1;text-align:left}.c2fd-batch-valve-select{width:80px!important;font-size:13px;padding-left:32px!important;font-weight:600}.c2fd-batch-valve-select .select-icon{color:#2563eb!important}.c2fd-dcfxh{display:flex;justify-content:space-between}.c2fd-valve-position-list{display:flex;flex-direction:column;gap:12px;padding-top:12px;border-top:1px solid #e5e7eb}.c2fd-valve-position-item{display:flex;align-items:center;gap:6px;transition:all .2s;border-bottom:1px solid #e5e7eb;padding-bottom:12px}.c2fd-io-checkbox{flex-shrink:0;width:18px;height:18px}.c2fd-valve-select-wrapper{flex:1;position:relative;min-width:0}.c2fd-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}.c2fd-valve-dropdown .select-icon{color:#2563eb!important}.c2fd-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}.c2fd-valve-select-display{display:flex;align-items:center;justify-content:space-between;gap:8px;height:100%}.c2fd-valve-info-block{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0;align-items:start;justify-content:space-between}.c2fd-valve-position-title{display:flex;align-items:center;gap:4px;font-size:12px;color:#6b7280}.c2fd-valve-text{font-weight:600;color:#2563eb;font-size:13px;line-height:6px}.c2fd-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}.c2fd-valve-label{font-size:11px;color:#64748bcc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c2fd-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}.c2fd-valve-dropdown-arrow{width:16px;height:16px;color:#2563eb;flex-shrink:0;margin-left:4px}.c2fd-valve-option-content{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.c2fd-valve-option-label{flex:1;font-size:12px;color:#374151;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c2fd-optional-config-group{margin-bottom:20px}.c2fd-config-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.c2fd-config-title{display:flex;align-items:center;gap:8px}.c2fd-config-switch{flex-shrink:0}.c2fd-config-content{padding-left:5px!important;transition:opacity .2s}.c2fd-config-content.c2fd-disabled{opacity:.5;pointer-events:none}.c2fd-kx{display:flex;flex-direction:column;gap:12px}.c2fd-kx-item{display:flex;justify-content:space-between;align-items:center}.c2fd-p-text,.c2fd-p-text-2{font-size:12px;color:#64748b;margin:0;font-weight:600}.c2fd-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}.c2fd-config-select .select-icon{color:#2563eb!important}.c2fd-config-select:disabled{background-color:#f3f4f6;cursor:not-allowed}.c2fd-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)}.c2fd-primary-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(37,99,235,.4)}.c2fd-primary-button:active{transform:translateY(0);box-shadow:0 2px 8px rgba(37,99,235,.3)}.c2fd-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)}.c2fd-model-code-display,.c2fd-model-code-display span{width:100%;text-align:center}.c2fd-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)}}.c2fd-copy-tooltip.c2fd-show{animation:slideInFadeOut 3s ease-in-out forwards}@media (max-width:480px){.c2fd-config-box{padding:16px 12px;margin-bottom:16px}.c2fd-valve-island-main{transform:scale(.77)}.c2fd-label-text-bold{font-size:12px}}@media (max-width:360px){.c2fd-valve-island-main{transform:scale(.6)}.c2fd-config-box{padding:12px 10px}}.c2fd-optional-config-item,.c2fd-optional-config-section{background-color:#fff}.c2fd-steps-content{scroll-behavior:smooth}.c2fd-config-select:focus,.c2fd-valve-dropdown:focus{outline:none!important;box-shadow:none!important}.c2fd-config-select:focus-visible,.c2fd-valve-dropdown:focus-visible{outline:none!important;box-shadow:none!important}.c2fd-config-select:disabled,.c2fd-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)}}.c2fd-result-container{animation:fadeIn .3s ease-out}.c2fd-valve-position-item{animation:fadeIn .2s ease-out}@media print{.c2fd-header-bg{display:none}.c2fd-result-container{position:static;box-shadow:none}.c2fd-primary-button{display:none}}