:root{--bg-color: #0f0f1a;--text-color: #ffffff;--primary-color: #646cff;--primary-hover: #535bf2;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--input-bg: rgba(0, 0, 0, .2);--error-color: #ff4d4d}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:var(--bg-color);color:var(--text-color);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;background-image:radial-gradient(circle at 50% 50%,#1a1a2e,#0f0f1a)}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;width:100%}.container{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:16px;padding:3rem;box-shadow:0 8px 32px #0000005e;max-width:600px;margin:0 auto;transition:transform .3s ease}.container:hover{transform:translateY(-5px)}h1{font-size:2.5em;line-height:1.1;margin-bottom:2rem;background:linear-gradient(to right,#646cff,#ff64d8);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}.input-group{display:flex;gap:1rem;margin-bottom:2rem;flex-direction:column}@media(min-width:600px){.input-group{flex-direction:row}}input{flex:1;padding:.8rem 1.2rem;border-radius:8px;border:1px solid var(--glass-border);background:var(--input-bg);color:#fff;font-size:1rem;transition:border-color .25s;outline:none}input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #646cff33}button{border-radius:8px;border:1px solid transparent;padding:.8rem 1.2rem;font-size:1rem;font-weight:600;font-family:inherit;background-color:var(--primary-color);color:#fff;cursor:pointer;transition:all .25s}button:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #646cff4d}button:disabled{background-color:#444;cursor:not-allowed;transform:none;box-shadow:none}.thumbnail-container{margin-top:2rem;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #00000080;border:1px solid var(--glass-border);position:relative;min-height:200px;display:flex;align-items:center;justify-content:center;background:#0000004d}.thumbnail-image{width:100%;height:auto;display:block;opacity:0;animation:fadeIn .5s forwards}@keyframes fadeIn{to{opacity:1}}.download-btn{margin-top:1.5rem;background-color:#2ecc71;width:100%}.download-btn:hover{background-color:#27ae60;box-shadow:0 4px 12px #2ecc714d}.error-msg{color:var(--error-color);margin-top:1rem;font-size:.9rem}.loader{width:48px;height:48px;border:5px solid #FFF;border-bottom-color:var(--primary-color);border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-logo{position:fixed;top:20px;left:20px;width:150px;height:auto;z-index:1000;filter:drop-shadow(0 0 10px rgba(0,0,0,.5));transition:transform .3s ease}.app-logo:hover{transform:scale(1.05)}@media(max-width:800px){.app-logo{width:100px;top:10px;left:10px}}