*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.integration-form-container{background:#f5f5f7;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;padding:0}.integration-form-wrapper{background:#fff;box-shadow:none;margin:0 auto;max-width:100%;min-height:100vh}.form-header{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;padding:2rem 0;position:relative}.form-header>div{margin:0 auto;max-width:900px;padding:0 2rem}.form-title{font-size:1.875rem;font-weight:600;letter-spacing:-.02em;line-height:1.3;margin:0 0 .5rem}.form-subtitle{font-size:1rem;font-weight:400;line-height:1.5;margin:0;opacity:.95}.integration-form{margin:0 auto;max-width:900px;padding:3rem 2rem}.form-section{border-bottom:1px solid #e5e7eb;margin-bottom:3rem;padding-bottom:3rem}.form-section:last-of-type{border-bottom:none}.section-header{align-items:center;display:flex;gap:.75rem;margin-bottom:2rem}.section-header i{color:#7c3aed;display:flex;font-size:1.5rem;line-height:1}.section-header h2{color:#1f2937;font-size:1.25rem;font-weight:600;letter-spacing:-.01em;margin:0}.integration-subsection{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;margin-top:1.5rem;padding:1.75rem}.closer-section{background:#fef3c7;border-color:#fde047}.subsection-title{align-items:center;color:#374151;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 1.5rem}.subsection-title i{color:#7c3aed;font-size:1.125rem}.closer-section .subsection-title i{color:#d97706}.form-group{margin-bottom:1.5rem}.form-group:last-child{margin-bottom:0}.form-group>label{color:#374151;display:block;font-size:.875rem;font-weight:500;letter-spacing:0;margin-bottom:.5rem}.required{color:#dc2626;margin-left:2px}.form-group input[type=email],.form-group input[type=number],.form-group input[type=password],.form-group input[type=tel],.form-group input[type=text],.form-group input[type=url],.form-group select,.form-group textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;color:#111827;font-family:Inter,sans-serif;font-size:.9375rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236b7280' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;cursor:pointer;padding-right:2.5rem}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#9ca3af}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.form-group textarea{line-height:1.6;min-height:100px;resize:vertical}.form-hint{color:#6b7280;display:block;font-size:.8125rem;font-weight:400;line-height:1.4;margin-top:.375rem}.radio-group{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.radio-label{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:400;gap:.5rem;padding:.75rem 1.25rem;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none}.radio-label:hover{background:#fafafa;border-color:#d1d5db}.radio-label input[type=radio]{align-items:center;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;border:2px solid #d1d5db;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:20px;justify-content:center;margin:0;padding:0;position:relative;transition:all .15s ease;width:20px}.radio-label input[type=radio]:checked{background:#7c3aed;border-color:#7c3aed;border-width:6px}.radio-label input[type=radio]:focus{box-shadow:0 0 0 3px #7c3aed1a;outline:none}.radio-label:has(input[type=radio]:checked){background:#faf5ff;border-color:#7c3aed;color:#1f2937}.radio-label span{color:inherit;font-weight:400}.radio-group-vertical{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.radio-card{align-items:flex-start;background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;gap:.875rem;padding:1rem 1.25rem;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none}.radio-card:hover{background:#fafafa;border-color:#d1d5db}.radio-card input[type=radio]{height:0;opacity:0;position:absolute;width:0}.radio-card:has(input[type=radio]:checked){background:#faf5ff;border-color:#7c3aed;box-shadow:0 2px 8px #7c3aed26;padding-left:3.5rem}.radio-card:has(input[type=radio]:checked):before{background:#7c3aed;border-radius:50%;content:"";height:20px;left:1.25rem;position:absolute;top:50%;transform:translateY(-50%);width:20px}.radio-card:has(input[type=radio]:checked):after{align-items:center;color:#fff;content:"✓";display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;left:1.25rem;position:absolute;top:50%;transform:translateY(-50%);width:20px;z-index:1}.radio-card-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.radio-card-title{color:#111827;display:block;font-size:.9375rem;font-weight:500}.radio-card-description{color:#6b7280;display:block;font-size:.8125rem;line-height:1.4}.radio-card:has(input[type=radio]:checked) .radio-card-title{color:#7c3aed}.form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.ip-section{background:#fafafa;border:1px solid #e5e7eb;border-radius:10px;padding:2rem}.ip-section .section-header{margin-bottom:1.5rem}.ip-instruction{color:#4b5563;font-size:.9375rem;font-weight:400;line-height:1.6;margin-bottom:1.25rem}.ip-list{display:flex;flex-direction:column;gap:.625rem;margin-bottom:1.25rem}.ip-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:.875rem 1rem;transition:all .2s ease}.ip-item:hover{border-color:#d1d5db;box-shadow:0 1px 3px #0000000d}.ip-item code{color:#111827;font-family:SF Mono,Monaco,Courier New,monospace;font-size:.875rem;font-weight:500;letter-spacing:.01em}.copy-btn{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:inline-flex;justify-content:center;line-height:1;padding:.5rem .625rem;transition:all .2s ease}.copy-btn:hover{background:#7c3aed;border-color:#7c3aed;color:#fff}.copy-btn i{display:flex;font-size:.6rem}.copy-all-btn{align-items:center;background:#7c3aed;border:none;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#fff;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:500;gap:.5rem;justify-content:center;padding:.875rem 1.25rem;transition:all .2s ease;width:100%}.copy-all-btn:hover{background:#6d28d9;box-shadow:0 2px 4px #0000001a}.copy-all-btn i{display:flex;font-size:1rem}.form-actions{border-top:1px solid #e5e7eb;margin-top:2.5rem;padding-top:2.5rem}.submit-btn{align-items:center;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:8px;box-shadow:0 2px 8px #7c3aed40;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:.625rem;justify-content:center;padding:1rem 1.5rem;transition:all .2s ease;width:100%}.submit-btn:hover{box-shadow:0 4px 12px #7c3aed59;transform:translateY(-1px)}.submit-btn:active{transform:translateY(0)}.submit-btn i{display:flex;font-size:1.125rem}@media (max-width:768px){.form-header>div{padding:0 1.5rem}.form-title{font-size:1.5rem}.form-subtitle{font-size:.9375rem}.integration-form{padding:2.5rem 1.5rem}.form-section{margin-bottom:2.5rem;padding-bottom:2.5rem}.form-row{grid-template-columns:1fr}.radio-group{flex-direction:column}.radio-label{width:100%}.integration-subsection,.ip-section{padding:1.5rem}}@media (max-width:480px){.form-header{padding:1.5rem 0}.form-header>div{padding:0 1rem}.form-title{font-size:1.375rem}.form-subtitle{font-size:.875rem}.integration-form{padding:2rem 1rem}.form-section{margin-bottom:2rem;padding-bottom:2rem}.section-header h2{font-size:1.125rem}.form-group input,.form-group select,.form-group textarea{font-size:.875rem}.ip-section{padding:1.25rem}.ip-item{padding:.75rem .875rem}.ip-item code{font-size:.8125rem}.integration-subsection{padding:1.25rem}.radio-card{padding:.875rem 1rem}}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #7c3aed;outline-offset:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-section{animation:fadeIn .3s ease-out}@keyframes spin{to{transform:rotate(1turn)}}.submit-btn:disabled i{animation:spin 1s linear infinite}.submit-message{align-items:center;animation:slideDown .3s ease-out;border-radius:8px;display:flex;font-size:.9375rem;font-weight:500;gap:.75rem;margin:1.5rem 0 0;padding:1rem 1.5rem}.submit-message i{flex-shrink:0;font-size:1.25rem}.submit-message.success{background:#d1fae5;border:1px solid #6ee7b7;color:#065f46}.submit-message.error{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.submit-message.info{background:#dbeafe;border:1px solid #93c5fd;color:#1e40af}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.submit-btn:disabled:hover{box-shadow:0 2px 8px #7c3aed40}.slider-container{margin:1rem auto;width:80%}.quality-slider{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#7c3aed 0,#a855f7);border-radius:5px;cursor:pointer;height:8px;outline:none;width:100%}.quality-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#7c3aed;border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0003;cursor:pointer;height:24px;-webkit-transition:all .2s ease;transition:all .2s ease;width:24px}.quality-slider::-moz-range-thumb{background:#7c3aed;border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0003;cursor:pointer;height:24px;-moz-transition:all .2s ease;transition:all .2s ease;width:24px}.quality-slider::-webkit-slider-thumb:hover{box-shadow:0 3px 12px #7c3aed66;transform:scale(1.1)}.quality-slider::-moz-range-thumb:hover{box-shadow:0 3px 12px #7c3aed66;transform:scale(1.1)}.slider-labels{display:flex;justify-content:space-between;margin-top:.75rem;padding:0 2px}.slider-labels span{color:#6b7280;flex:1 1;font-size:.8125rem;font-weight:500;padding:0 60px;text-align:center;transition:all .2s ease}.slider-labels span:first-child{padding-left:0}.slider-labels span:last-child{padding-right:0}.slider-labels span.active{color:#7c3aed;font-weight:600}.transfer-info-box{animation:fadeIn .3s ease-out;background:#faf5ff;border:2px solid #e9d5ff;border-radius:10px;margin-top:1.5rem;padding:1.25rem}.info-header{flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:.75rem}.info-header strong{color:#111827;font-size:.9375rem}.badge{display:flex;font-size:.8125rem;margin-bottom:1rem;padding:.375rem 1rem;text-align:left;width:-webkit-fit-content;width:fit-content}.badge.recommended{background:linear-gradient(135deg,#10b981,#059669)}.transfer-info-box p{margin:0 0 1.5rem;padding-bottom:20px}@media (max-width:480px){.slider-labels span{font-size:.75rem}.info-header{align-items:flex-start;flex-direction:column}}.info-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1.5rem}.model-tag{background:#f3f4f6;color:#6b7280;padding:.375rem .75rem}.badge,.model-tag{border-radius:6px;font-size:.75rem;font-weight:500;letter-spacing:.02em}.badge{background:#7c3aed;color:#fff;display:inline-flex;padding:.375rem .875rem}.badge.recommended{background:#10b981}.transfer-info-box p{color:#6b7280;font-size:.8125rem;line-height:1.6;margin:0}.metrics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:0}.metric-card{align-items:center;display:flex;flex-direction:column;gap:.75rem}.metric-circle{height:100px;position:relative;width:100px}.circular-chart{display:block;height:100%;transform:rotate(-90deg);width:100%}.circle-bg{stroke:#e5e7eb}.circle,.circle-bg{fill:none;stroke-width:2.5}.circle{stroke-linecap:round;animation:progress 1s ease-out forwards}.circle.quality{stroke:#7c3aed}.circle.volume{stroke:#3b82f6}@keyframes progress{0%{stroke-dasharray:0 100}}.metric-number{font-feature-settings:"tnum";color:#111827;font-size:1.5rem;font-variant-numeric:tabular-nums;font-weight:600;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.metric-label{color:#6b7280;font-size:.8125rem;font-weight:500;text-align:center}@media (max-width:480px){.metrics-grid{gap:1rem}.metric-circle{height:80px;width:80px}.metric-number{font-size:1.25rem}.metric-label{font-size:.75rem}.info-header{flex-wrap:wrap}}
/*# sourceMappingURL=main.62edf5c8.css.map*/