.filesize-page .duration-group label{margin-bottom:.5rem}.filesize-page .duration-inputs{display:flex;gap:1rem}.filesize-page .duration-input{display:flex;align-items:center;gap:.5rem;flex:1 1}.filesize-page .duration-input input{width:80px;padding:.75rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-primary,#fff);font-size:1rem;text-align:center}.filesize-page .duration-input input:focus{outline:none;border-color:rgba(102,126,234,.5)}.filesize-page .duration-input span{color:var(--text-secondary,#a0a0a0);font-size:.875rem}.filesize-page .quick-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0}.filesize-page .quick-stat{display:flex;flex-direction:column;align-items:center;padding:1rem;background:rgba(255,255,255,.03);border-radius:8px;border:1px solid rgba(255,255,255,.08)}.filesize-page .stat-value{font-size:1.25rem;font-weight:600;color:var(--text-primary,#fff)}.filesize-page .stat-label{font-size:.75rem;color:var(--text-secondary,#a0a0a0);margin-top:.25rem}.filesize-page .codec-savings .savings{color:#48bb78}.filesize-page .storage-info{padding:1rem;background:rgba(102,126,234,.1);border-radius:8px;border:1px solid rgba(102,126,234,.2)}.filesize-page .storage-header{display:flex;justify-content:space-between;font-size:.875rem;margin-bottom:.5rem;color:#fff}.filesize-page .storage-bar{height:8px;background:rgba(255,255,255,.1);border-radius:4px;overflow:hidden}.filesize-page .storage-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;transition:width .5s ease}.filesize-page .storage-note{font-size:.75rem;color:var(--text-secondary,#a0a0a0);margin-top:.5rem;margin-bottom:0}.reference-section{margin-top:3rem}.reference-section h2{text-align:center;margin-bottom:1.5rem;font-size:1.5rem;color:#fff}.bitrate-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.bitrate-table{width:100%;border-collapse:collapse;font-size:.875rem}.bitrate-table td,.bitrate-table th{padding:.75rem 1rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.bitrate-table th{background:rgba(255,255,255,.05);font-weight:600;color:var(--text-primary,#fff)}.bitrate-table td{color:var(--text-secondary,#a0a0a0)}.bitrate-table .highlight-row{background:rgba(102,126,234,.1)}.bitrate-table .highlight-row td{color:var(--text-primary,#fff)}.cta-section{margin-top:3rem;padding:2rem;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));border-radius:16px;border:1px solid rgba(102,126,234,.2);text-align:center}.cta-section h2{font-size:1.5rem;margin-bottom:.75rem;color:#fff}.cta-section p{color:var(--text-secondary,#a0a0a0);margin-bottom:1.5rem;max-width:500px;margin-left:auto;margin-right:auto}.cta-section .cta-button{display:inline-block;padding:.875rem 2rem;background:linear-gradient(90deg,#667eea,#764ba2);color:white;text-decoration:none;border-radius:8px;font-weight:600;transition:transform .2s ease,box-shadow .2s ease}.cta-section .cta-button:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(102,126,234,.4)}@media (max-width:640px){.filesize-page .duration-inputs{flex-direction:column}.filesize-page .quick-stats{grid-template-columns:1fr}.bitrate-table{font-size:.75rem}.bitrate-table td,.bitrate-table th{padding:.5rem}}