*{box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#333}.container{max-width:1200px;margin:0 auto;background:#fff;border-radius:20px;padding:40px;box-shadow:0 20px 40px #0000001a}h1{text-align:center;color:#4a5568;font-size:2.5rem;margin-bottom:10px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.subtitle{text-align:center;color:#718096;font-size:1.1rem;margin-bottom:30px;font-style:italic}.example-gifs{text-align:center;margin-bottom:30px}.example-gifs-container{display:flex;justify-content:center;flex-wrap:wrap;gap:20px}.example-gifs-container img{max-width:250px;height:auto;margin:10px;border-radius:10px}@media (max-width: 768px){.example-gifs-container{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start}.example-gifs-container img{min-width:250px;flex-shrink:0}.example-gifs-container .arrow{flex-shrink:0}}.arrow{font-size:2rem;font-weight:700;color:#667eea;align-self:center}.upload-section{text-align:center;margin-bottom:30px;padding:30px;background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:15px;border:2px dashed #cbd5e0;transition:all .3s ease;cursor:pointer}.upload-section:hover{border-color:#667eea;background:linear-gradient(135deg,#f0f4ff,#e6f3ff)}.upload-section.dragover{border-color:#667eea;background:linear-gradient(135deg,#e6f3ff,#d1e7ff);transform:scale(1.02);box-shadow:0 8px 25px #667eea33}.upload-section .drag-text{font-size:1.1rem;color:#718096;margin-bottom:20px}.upload-section .drag-text strong{color:#667eea;font-weight:600}label{display:block;font-size:1.2rem;font-weight:600;color:#4a5568;margin-bottom:15px}input[type=file]{display:none}.file-input-wrapper{position:relative;display:inline-block}.file-input-label{display:inline-block;padding:15px 30px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50px;cursor:pointer;font-weight:600;font-size:1.1rem;transition:all .3s ease;box-shadow:0 4px 15px #667eea66}.file-input-label:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.file-name{margin-top:15px;font-size:.9rem;color:#718096;font-style:italic}.error-message{display:none;margin-top:15px;padding:12px 20px;background:linear-gradient(135deg,#fed7d7,#feb2b2);border:1px solid #fc8181;border-radius:10px;color:#c53030;font-size:.9rem;font-weight:500;text-align:center;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button:focus,input:focus,label:focus{outline:2px solid #667eea;outline-offset:2px}.skip-link{position:absolute;top:-40px;left:6px;background:#667eea;color:#fff;padding:8px;text-decoration:none;border-radius:4px;z-index:1000}.skip-link:focus{top:6px}#printBtn{display:none;margin:20px auto;padding:15px 40px;background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border:none;border-radius:50px;cursor:pointer;font-weight:600;font-size:1.1rem;transition:all .3s ease;box-shadow:0 4px 15px #48bb7866}#printBtn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #48bb7899}#printInstructions{display:none;margin-top:15px;font-size:.9rem;color:#718096;line-height:1.4}.print-section{text-align:center}#frames{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0;margin-left:30px}#frames img{border:1px dashed #999;border-left:none;border-bottom:none;margin:0;padding-left:30px;width:200px;height:auto;transition:transform .2s ease}#frames img:hover{transform:scale(1.02)}footer{text-align:center;margin-top:40px;padding:20px;color:#718096;font-size:.9rem}#termsBtn{background:none;border:none;color:#2d3748;text-decoration:underline;cursor:pointer;font-size:.9rem;font-weight:600}#termsModal{border:none;border-radius:15px;padding:0;max-width:600px;width:90%;max-height:80vh;background:#fff;box-shadow:0 25px 50px #00000040}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:25px;border-radius:15px 15px 0 0;position:relative}.modal-header h2{margin:0;font-size:1.5rem;font-weight:600}#closeTerms{position:absolute;top:20px;right:20px;background:#fff3;border:none;color:#fff;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center}.modal-content{padding:25px;max-height:60vh;overflow-y:auto}.modal-content h3{color:#2d3748;margin:25px 0 15px}.modal-content p{margin:0 0 15px;line-height:1.6;color:#4a5568}.modal-content ul{margin:0 0 15px;padding-left:20px;color:#4a5568}.modal-content li{margin-bottom:8px}.modal-body{margin-bottom:20px}@media print{body{margin:0;padding:0;background:#fff}.container{box-shadow:none;border-radius:0;padding:0}h1,.subtitle,.upload-section,#printBtn,.print-section,.example-gifs,footer{display:none}#frames{grid-template-columns:repeat(auto-fit,200px);margin-left:0;gap:0}#frames img{border:1px dashed #999;border-left:none;border-bottom:none;margin:0;padding-left:30px}}