:root{--primary-color: #0777bc;--primary-hover: #0d1c37;--background-color: #f4f5f7;--text-color: #172b4d;--card-background: #ffffff;--border-color: #dfe1e6;--error-color: #de350b;--font-family: "Telegraf", sans-serif;--border-radius: 8px;--box-shadow: 0 4px 8px rgba(0, 0, 0, .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--background-color);color:var(--text-color);line-height:1.6;padding:2rem;display:flex;justify-content:center;align-items:flex-start;min-height:100vh}#app-container{background-color:var(--card-background);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:2.5rem;width:100%;max-width:800px}header{text-align:center;margin-bottom:2rem}header h1{font-size:2rem;margin-bottom:.5rem;color:var(--primary-color)}header p{font-size:1rem;color:#5e6c84}#calculator-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.camera-group{border:1px solid var(--border-color);padding:1.5rem;border-radius:var(--border-radius);margin-bottom:1.5rem;background-color:#fafbfc;box-shadow:0 2px 4px #0000000d}.camera-group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.camera-group-name{border:none;background:transparent;font-size:1.2rem;font-weight:500;font-family:inherit;padding:.25rem;margin:-.25rem;width:100%;border-radius:4px;transition:background-color .2s,box-shadow .2s}.camera-group-name:focus{outline:none;background-color:#fff;box-shadow:0 0 0 2px var(--primary-color)}.remove-group-btn{background:transparent;border:none;font-size:1.5rem;font-weight:700;line-height:1;cursor:pointer;color:#6b778c;padding:0;transition:color .2s}.remove-group-btn:hover{color:var(--error-color)}#add-group-btn{display:block;width:100%;padding:.75rem;background-color:transparent;color:var(--primary-color);border:2px solid var(--primary-color);border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:2rem}#add-group-btn:hover{background-color:var(--primary-color);color:#fff}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1 / -1}.form-group.failover-group{margin-bottom:0;margin-top:1.5rem}.form-group.slider-group{margin-top:1rem;margin-bottom:1rem}.form-group label{font-weight:500;margin-bottom:.5rem}.form-group small{color:#5e6c84;font-size:.8rem;margin-top:.5rem}.form-group input,.form-group select{padding:.75rem;border:1px solid var(--border-color);border-radius:4px;font-size:1rem;font-family:var(--font-family);width:100%;transition:border-color .2s,box-shadow .2s}.input-with-button{display:flex;gap:.5rem}.input-with-button input{flex-grow:1}.btn-secondary{padding:.75rem 1rem;background-color:#f4f5f7;color:var(--text-color);border:1px solid var(--border-color);border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background-color:#dfe1e6;border-color:#c1c7d0}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #0052cc33}.radio-group{display:flex;flex-wrap:wrap;gap:1rem;background-color:#fff;padding:.5rem;border-radius:4px;border:1px solid var(--border-color)}.radio-option{display:flex;align-items:center}.radio-option input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:none}.radio-option label{padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:background-color .2s,color .2s;font-weight:400;margin-bottom:0;border:1px solid transparent}.radio-option input[type=radio]:checked+label{background-color:var(--primary-color);color:#fff;font-weight:500;border-color:var(--primary-color)}.radio-option input[type=radio]:focus-visible+label{box-shadow:0 0 0 2px #0052cc4d}.radio-option label:hover{background-color:#ebecf0}.radio-option input[type=radio]:checked+label:hover{background-color:var(--primary-hover)}.toggle-switch-container{display:flex;justify-content:space-between;align-items:center;background-color:#fafbfc;padding:1rem;border-radius:4px;border:1px solid var(--border-color)}.toggle-label{font-weight:500;margin-bottom:0}.toggle-switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:50px;height:28px;background-color:#a5adba;border-radius:25px;position:relative;cursor:pointer;transition:background-color .2s}.toggle-switch:before{content:"";position:absolute;width:22px;height:22px;border-radius:50%;background-color:#fff;top:3px;left:4px;transition:transform .2s ease-in-out}.toggle-switch:checked{background-color:var(--primary-color)}.toggle-switch:checked:before{transform:translate(21px)}.tooltip-container{display:flex;align-items:center;gap:.5rem;position:relative}.tooltip-icon{display:inline-block;width:20px;height:20px;line-height:20px;border-radius:50%;background-color:#6b778c;color:#fff;text-align:center;font-weight:700;font-size:.8rem;cursor:help}.tooltip-text{visibility:hidden;width:250px;background-color:var(--primary-hover);color:#fff;text-align:center;border-radius:6px;padding:8px;position:absolute;z-index:10;bottom:125%;right:0;opacity:0;transition:opacity .3s;font-size:.85rem}.tooltip-container:hover .tooltip-text,.tooltip-icon:focus+.tooltip-text{visibility:visible;opacity:1}#scalability-buffer-value{font-weight:700;color:var(--primary-color)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;background:var(--border-color);border-radius:5px;outline:none;opacity:.9;transition:opacity .2s;margin-top:.5rem}input[type=range]:hover{opacity:1}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:var(--primary-color);cursor:pointer;border-radius:50%;border:2px solid white;box-shadow:0 1px 3px #0003}input[type=range]::-moz-range-thumb{width:20px;height:20px;background:var(--primary-color);cursor:pointer;border-radius:50%;border:2px solid white;box-shadow:0 1px 3px #0003}.actions-container{display:grid;grid-template-columns:1fr;gap:1rem;margin:2rem 0;padding-top:2rem;border-top:1px solid var(--border-color)}#calculate-btn,.btn-primary{width:100%;padding:1rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;font-family:Telegraf,sans-serif;font-size:1.1rem;font-weight:700;cursor:pointer;transition:background-color .2s;display:flex;justify-content:center;align-items:center;gap:.5rem;min-height:52px}.btn-primary{font-size:1rem;min-height:48px}#calculate-btn:hover:not(:disabled),.btn-primary:hover:not(:disabled){background-color:var(--primary-hover)}#calculate-btn:disabled,.btn-primary:disabled{background-color:#a5adba;cursor:not-allowed}#results-container{margin-top:2rem}#recommendations-container h3{font-size:1.5rem;margin-bottom:1.5rem;margin-top:2.5rem;color:var(--text-color);padding-bottom:.5rem;border-bottom:2px solid var(--border-color)}#recommendations-container .instructions{margin-top:-1rem;margin-bottom:1.5rem;color:#5e6c84}#instant-results-container{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.result-card{background-color:#fafbfc;padding:1.5rem;border-radius:var(--border-radius);border-left:5px solid var(--primary-color)}.result-card h3{margin-top:0;margin-bottom:.5rem;font-size:1.2rem}.result-card p{font-size:1rem}.result-card .value{font-weight:700;font-size:1.5rem;color:var(--primary-color);margin-bottom:.5rem}.result-card .primary-failover-label{font-size:.9rem;font-weight:500;color:#5e6c84}.result-card small{display:block;color:#5e6c84;font-size:.8rem;margin-top:.25rem}.recommendations-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:3rem 1rem;text-align:center;color:#5e6c84;border:2px dashed var(--border-color);border-radius:var(--border-radius);margin-top:2rem}.progress-bar-container{width:100%;max-width:400px;height:8px;background-color:#e9ecef;border-radius:4px;overflow:hidden}.progress-bar{width:100%;height:100%;background-color:var(--primary-color);border-radius:4px;animation:indeterminate-progress 2s infinite linear;transform-origin:0% 50%}@keyframes indeterminate-progress{0%{transform:translate(-100%)}to{transform:translate(100%)}}.recommendations-grid{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1rem}.recommendation-card{background-color:#fafbfc;padding:1.5rem;border-radius:var(--border-radius);border-top:5px solid var(--primary-color);box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:row;gap:1.5rem;align-items:center;position:relative}.compare-checkbox-container{position:absolute;top:1rem;right:1rem;z-index:10}.compare-checkbox{width:24px;height:24px;cursor:pointer}.compare-checkbox:disabled{cursor:not-allowed}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.recommendation-image-container{flex-shrink:0;width:150px;height:150px;display:flex;justify-content:center;align-items:center;background-color:#fff;border-radius:var(--border-radius);padding:.5rem;border:1px solid var(--border-color)}.recommendation-image{max-width:100%;max-height:100%;object-fit:contain}.recommendation-details{display:flex;flex-direction:column;flex-grow:1;align-self:stretch}.recommendation-details h3{margin-top:0;margin-bottom:.25rem;font-size:1.1rem;color:var(--primary-color);font-weight:700;border-bottom:none}.recommendation-details h4{font-size:1.25rem;margin-bottom:1rem;font-weight:500}.recommendation-details p{font-size:.9rem;margin-bottom:.75rem;color:#5e6c84}.recommendation-details .reason{flex-grow:1}.recommendation-details .product-link{margin-top:auto;width:fit-content}.comparison-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.comparison-table{width:100%;min-width:650px;border-collapse:collapse;text-align:center;margin-top:1.5rem}.comparison-table th,.comparison-table td{padding:1rem .75rem;border-bottom:1px solid var(--border-color);vertical-align:middle}.comparison-table thead th{font-size:1.2rem;font-weight:500;color:var(--primary-color);border-bottom-width:2px;border-bottom-color:var(--primary-color)}.comparison-table tbody th{text-align:left;font-weight:500;color:#5e6c84;white-space:nowrap}.comparison-table tbody td{font-size:1rem}.comparison-header{display:flex;flex-direction:column;align-items:center;gap:.5rem}.comparison-table .sku-row td{font-weight:500;font-size:.9rem;background-color:#fafbfc}.comparison-table .sku-row th{background-color:#fafbfc}.comparison-table .link-row td,.comparison-table .link-row th{border-bottom:none}.product-link{display:inline-block;padding:.6rem 1.2rem;background-color:var(--primary-color);color:#fff;text-decoration:none;border-radius:4px;font-weight:500;transition:background-color .2s;text-align:center;font-size:.9rem;white-space:nowrap}.product-link:hover{background-color:var(--primary-hover)}.spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-message{background-color:#ffebe6;color:var(--error-color);padding:1rem;border-radius:4px;border:1px solid var(--error-color);margin-top:1.5rem;text-align:center}.quote-card{background-color:#fafbfc;padding:1.5rem;border-radius:var(--border-radius);margin-bottom:1rem;border-left:5px solid var(--primary-hover);text-align:center}.quote-card p{margin-bottom:1.5rem}#failover-quote-note{display:block;margin-top:-.5rem;margin-bottom:1.5rem;font-style:italic;color:var(--primary-hover)}.quote-link{width:auto}.calculation-details{margin-top:1rem;font-size:.9rem;background-color:#f4f5f7;border-radius:4px;padding:.75rem 1rem;border:1px solid var(--border-color)}.calculation-details summary{cursor:pointer;font-weight:500;color:var(--primary-color)}.calculation-details[open] summary{margin-bottom:.75rem}.calculation-details summary:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:2px}.calculation-steps{list-style:none;padding-left:0;margin:0;color:#5e6c84}.calculation-steps li{padding:.35rem 0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;gap:1rem}.calculation-steps li:last-child{border-bottom:none}.calculation-steps .subtotal-step{border-top:2px solid var(--border-color);margin-top:.5rem;padding-top:.5rem;font-weight:500;color:var(--text-color)}.final-total-line{margin-top:.75rem;padding-top:.75rem;border-top:2px solid var(--primary-color);font-weight:700;font-size:1rem;color:var(--primary-color);display:flex;justify-content:space-between}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#172b4d80;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.modal-content{background-color:var(--card-background);padding:2rem;border-radius:var(--border-radius);box-shadow:0 8px 16px #0003;width:100%;max-width:600px;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.modal-header h2{margin:0;font-size:1.5rem}.modal-close-btn{background:transparent;border:none;font-size:2rem;line-height:1;cursor:pointer;color:#6b778c}.modal-body .modal-instructions{margin-bottom:1.5rem;font-size:.9rem;color:#5e6c84}.modal-body #advanced-bitrate-form,.modal-body #advanced-bitrate-form .form-grid{margin-bottom:1.5rem}.modal-body #advanced-bitrate-form .form-grid .form-group+.form-group{margin-top:1rem}.modal-result{margin-top:1.5rem;padding:1rem;background-color:#fafbfc;border-radius:4px;border:1px solid var(--border-color)}.modal-result h4{margin-top:0;margin-bottom:1rem;font-size:1.2rem;color:var(--primary-color)}#adv-result-explanation{font-size:.9rem;color:#5e6c84}#adv-result-explanation ul{list-style:none;padding-left:0}#adv-result-explanation li{padding:.25rem 0}.modal-footer{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end}.modal-footer button{width:auto}@media print{body{padding:0;background-color:#fff}#app-container{box-shadow:none;padding:1rem;max-width:100%}header p,.actions-container,.quote-card,.compare-checkbox-container,#add-group-btn,.remove-group-btn,.tooltip-icon,.tooltip-text,.calculation-details summary,.advanced-bitrate-btn{display:none}.calculation-details{border:none;padding:0}.calculation-details[open]{display:block}#calculator-form{border-bottom:1px solid var(--border-color);padding-bottom:1.5rem;margin-bottom:1.5rem}#results-container{margin-top:0}#instant-results-container{grid-template-columns:1fr 1fr;border-bottom:2px solid var(--border-color);padding-bottom:1.5rem;margin-bottom:1.5rem}.recommendation-card{page-break-inside:avoid}.comparison-table{min-width:0}.product-link{display:none}}@media (max-width: 600px){body{padding:1rem}#app-container{padding:1.5rem;max-width:100%}#calculator-form .form-grid{grid-template-columns:1fr;gap:1rem}#instant-results-container{grid-template-columns:1fr}header h1{font-size:1.5rem}.recommendation-card{flex-direction:column;align-items:stretch}.recommendation-image-container{width:100%;height:200px}.recommendation-details .product-link{width:100%}}[hidden]{display:none!important}