@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(../../../fonts/poppins/Poppins-Regular.ttf) format("truetype")}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(../../../fonts/poppins/Poppins-Medium.ttf) format("truetype")}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../../../fonts/poppins/Poppins-SemiBold.ttf) format("truetype")}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../../../fonts/poppins/Poppins-Bold.ttf) format("truetype")}html,body{height:100dvh;margin:0;padding:0;overflow:hidden;overscroll-behavior:none;font-family:Poppins,sans-serif;background:#f5f7fa;color:#1a1a1a}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;font-family:inherit}.app{height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 14px 16px;overflow:hidden}.logo{position:fixed;top:16px;left:16px;max-width:calc(100% - 32px);display:flex;justify-content:flex-start;align-items:center;z-index:20}@media(max-width:640px){.logo{top:12px;left:12px}}.logo-img{height:70px;width:auto;display:block}.logo-text{font-weight:700;font-size:40px;color:#21a038;letter-spacing:-.5px}.container{width:95vw;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;max-height:90vh;padding-top:72px}@media(max-width:640px){.container{flex-direction:column;align-items:center;justify-content:center;gap:16px;padding-top:60px}}.card{width:80%;max-width:1541px;background:#fff;border:1px solid #EEF3F8;border-radius:20px;padding:40px 80px;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:16 / 9;max-height:90vh;overflow:hidden;box-shadow:0 14px 35px #0f172a1a;box-sizing:border-box}@media(max-height:700px){.card{padding:28px 50px;max-height:85vh}}@media(max-height:600px){.card{padding:19px 28px;max-height:80vh}}@media(max-width:640px){.card{width:95%;padding:40px 28px;border-radius:16px;aspect-ratio:auto;max-height:none;min-height:auto;flex:1;justify-content:space-around}}.actions{display:flex;justify-content:center;align-items:center;gap:16px;width:100%;margin-top:28px}.btn{padding:16px 30px;border-radius:16px;border:none;background:#e2e8f0;color:#475569;font-family:Poppins,sans-serif!important;font-size:clamp(15px,2vw,19px);font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap}.btn:hover:not(:disabled){background:#cbd5e1;transform:translateY(-1px)}.btn.primary{background:#21a038;color:#fff}.btn.primary:hover:not(:disabled){background:#1e8e32;box-shadow:0 5px 14px #21a03859}.btn:disabled{opacity:.5;cursor:not-allowed}.actions.row{flex-direction:column}@media(min-width:640px){.actions.row{flex-direction:row}}.upload-card{border:1px solid #DCE4EB;transition:border-color .2s,background .2s,transform .2s;cursor:pointer}.upload-card.active{border-color:#21a038;background:#f0fdf4}.upload-area{text-align:center}.upload-text{display:block;font-family:Poppins,sans-serif!important;font-size:clamp(15px,2.2vw,19px);margin-bottom:10px;color:#475569}.upload-or{display:block;font-family:Poppins,sans-serif!important;margin:10px 0 18px;color:#94a3b8;font-size:clamp(13px,1.7vw,17px)}@media(max-width:640px){.upload-card .upload-text,.upload-card .upload-or{display:none}.upload-card .upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:16px}.upload-card .btn{width:auto;padding:14px 32px;font-size:16px}}.media-preview{width:auto;height:auto;border-radius:10px;object-fit:contain;background:#000;margin:0 auto;display:block;max-width:100%;max-height:100%}.video-preview,.image-preview{background:#000;object-fit:contain;height:100%;max-height:100%}.archive-preview{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;color:#64748b;background:#f8fafc;border-radius:12px;width:100%}.archive-name{font-size:clamp(14px,2vw,18px);font-weight:500;text-align:center;word-break:break-all}@media(max-width:640px){.archive-preview{gap:14px;padding:28px;flex-grow:1;justify-content:center;max-width:100%}.archive-name{font-size:clamp(13px,2.5vw,16px)}.media-preview{border-radius:12px;max-height:70%;max-width:100%}.video-preview,.image-preview{max-height:70%}}.scene{position:relative;width:100%;display:flex;justify-content:center;align-items:center;min-height:200px}.leopard-img{max-width:100%;max-height:260px;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.magnifier{position:absolute;width:62px;height:62px;transition:left .6s cubic-bezier(.25,1,.5,1),top .6s cubic-bezier(.25,1,.5,1);transform:translate(-50%,-50%);pointer-events:none;z-index:2}.magnifier img{width:100%;height:100%;object-fit:contain;display:block}.result-title{display:none}.collage-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;grid-auto-rows:minmax(0,1fr);max-width:100%;max-height:100%}.collage-item{width:100%;height:100%;object-fit:cover;border-radius:10px;background:#f1f5f9}.error-text{margin:0 0 8px;font-size:clamp(18px,2.4vw,22px);font-weight:500;text-align:center;color:#475569}.error-detail{margin:0;font-size:clamp(14px,1.8vw,16px);text-align:center;color:#94a3b8;font-family:inherit}@media(max-width:640px){.collage-grid{gap:12px}.collage-item{border-radius:12px}.error-text{font-size:clamp(16px,3vw,20px)}.error-detail{font-size:clamp(13px,2.2vw,15px)}.media-preview{max-width:100%;max-height:100%}}