body{min-height:100vh;margin:0;font-family:Segoe UI,Arial,sans-serif;background:linear-gradient(to bottom,#000 0%,#b30000 100%);color:#fff}.logo-wrapper{width:100%;display:flex;justify-content:center;align-items:flex-start;margin:32px 0 18px}.main-logo{width:400px;max-width:98vw;height:auto;border-radius:12px;box-shadow:0 2px 16px #0008;background:#fff1}.container{max-width:480px;margin:40px auto;background:rgba(30,0,0,.85);border-radius:18px;box-shadow:0 8px 32px #0006;padding:32px 24px 24px;text-align:center}h1{font-size:2.1em;margin-bottom:18px;letter-spacing:1px;color:#f33;text-shadow:0 2px 8px #000}.drop-area{border:2px dashed #ff3333;border-radius:12px;padding:32px 10px;margin-bottom:18px;background:rgba(0,0,0,.25);transition:border-color .2s}.drop-area.dragover{border-color:#fff;background:rgba(255,51,51,.08)}.file-label{color:#f33;cursor:pointer;text-decoration:underline}.options{margin-bottom:18px}select,button{padding:8px 16px;border-radius:6px;border:none;font-size:1em;margin-top:8px}select{background:#222;color:#fff;border:1px solid #ff3333}button{background:linear-gradient(to right,#ff3333,#b30000);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 2px 8px #0006;transition:background .2s}button:hover{background:linear-gradient(to right,#fff,#ff3333);color:#b30000}#result{margin-top:24px;font-size:1.1em}.form-button{margin:0 6px 8px 0}.social-share{display:flex;justify-content:center;gap:12px;margin:12px 0 0}.social-icon{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 2px 8px #0004;transition:transform .15s,box-shadow .15s;background:#fff;width:48px;height:48px;text-decoration:none}.social-icon:hover{transform:scale(1.12);box-shadow:0 4px 16px #0006;filter:brightness(1.1)}@media (max-width: 600px){.container{max-width:98vw;margin:12vw 1vw 0;padding:18px 4vw 14vw;border-radius:10px}h1{font-size:1.2em;margin-bottom:10px}.drop-area{padding:18px 2vw;font-size:.98em}.main-logo{width:98vw;max-width:98vw;height:auto;margin-bottom:8px}select,button{width:100%;font-size:1em;margin-top:8px;box-sizing:border-box}.options{margin-bottom:12px}#result{font-size:1em;margin-top:14px}.form-button{width:100%;margin:0 0 8px;box-sizing:border-box}}@media (max-width: 400px){.container{padding:8px 1vw 8vw}h1{font-size:1em}.main-logo{width:90vw}}