:root{--primary-color:#FF3737;--text-color:#333;--bg-light:#ffffff;--bg-subtle:#f8f9fa;--border-color:#dee2e6;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}body{min-height:100vh;display:flex;flex-direction:column;font-family:var(--font-sans);line-height:1.6;color:var(--text-color);background-color:var(--bg-light)}.main-content{flex:1 0 auto;padding:2rem 0}h1,h2,h3,h4,h5,h6{font-family:var(--font-mono);font-weight:600;line-height:1.3;color:var(--text-color)}.navbar{background-color:var(--bg-light)!important;box-shadow:0 1px 3px rgba(0,0,0,.1);padding:1rem 0;margin-bottom:0}.navbar-brand{font-family:var(--font-mono);font-weight:700;display:flex;align-items:center;gap:.75rem;font-weight:900;color:var(--primary-color)}.navbar-brand span{color:var(--primary-color);font-size:1.25rem}.nav-link{font-family:var(--font-mono);color:var(--text-color)!important;font-weight:500;padding:.5rem 1rem!important;transition:color .2s ease}.nav-link:hover{color:var(--primary-color)!important}.btn{font-family:var(--font-mono);text-transform:none;letter-spacing:-.025em}.btn-primary{background-color:var(--primary-color);border-color:var(--primary-color);padding:.625rem 1.25rem;font-weight:500;border-radius:6px;transition:all .2s ease}.btn-primary:hover{background-color:#e62e2e;border-color:#e62e2e;transform:translateY(-1px)}.form-control{font-family:var(--font-mono);border-radius:6px;padding:.625rem 1rem;border:1px solid var(--border-color)}.form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(255,55,55,.1)}.footer{background-color:var(--bg-subtle);padding:.5rem 0;border-top:1px solid var(--border-color)}.disclaimer{font-size:.85rem;opacity:.8}.footer-content{margin-top:1rem}.footer-links{margin-bottom:.5rem}.footer-links a{color:var(--text-color);text-decoration:none;transition:color .2s ease;margin-left:1.5rem;font-family:var(--font-mono)}.footer a:hover{color:var(--primary-color)}.card{border-radius:8px;border:1px solid var(--border-color);transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}@media (max-width:768px){.footer .d-flex{flex-direction:column;text-align:center;align-items:center!important}.footer .text-end{text-align:center!important;margin-top:1rem}.footer-links a{margin:0 .75rem}.navbar-brand span{font-size:1rem;font-weight:900}}.dropdown-toggle::after{margin-left:.5em}.navbar .dropdown{margin-left:1rem}.navbar .dropdown-menu{min-width:120px}.navbar .dropdown-item{display:flex;align-items:center}.dropdown-item[href="#"],.dropdown-item[href="javascript:void(0)"],.dropdown-item[style*="cursor: not-allowed"]{opacity:.5;pointer-events:none;background-color:var(--bg-subtle)}.main-thumbnail-display{max-width:800px;margin:0 auto;padding:20px;background:var(--bg-subtle);border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.main-thumbnail-display img{width:100%;height:auto;display:block}.download-buttons-container{max-width:800px;margin:0 auto;text-align:center}.btn-group{justify-content:center}.btn-group .btn{margin:5px;white-space:nowrap}.btn-outline-primary{color:var(--primary-color);border-color:var(--primary-color)}.btn-outline-primary:hover{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.progress{height:10px;margin-top:10px;border-radius:5px;background-color:var(--bg-subtle)}.progress-bar{background-color:var(--primary-color);transition:width .3s ease}.download-button-container{display:inline-block;position:relative;margin:5px}.download-button-container .progress{position:absolute;left:0;right:0;bottom:-12px;height:4px;margin:0;border-radius:2px;background-color:var(--bg-subtle)}.btn-group{justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:20px}.btn-group .download-button-container{margin-bottom:15px}.frames-preview-container{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin:20px 0}.frame-container{width:240px;text-align:center;background:var(--bg-subtle);padding:10px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.frame-preview{width:100%;height:auto;border-radius:4px;margin-bottom:10px}.frame-label{font-weight:500;margin-bottom:10px;color:var(--text-color)}.frame-container .download-button-container{margin:0}.frame-container .btn{width:100%;margin:0}@media (max-width:768px){.frame-container{width:160px}}#error-msg{font-family:var(--font-mono);font-size:.9rem;margin-top:.5rem}