body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#1a1b26;color:#c0caf5;margin:0}.container{max-width:800px;margin:0 auto;padding:2rem}header{text-align:center;margin-bottom:2rem;border-bottom:1px solid #414868;padding-bottom:1rem}header h1{color:#7aa2f7}main{display:grid;grid-template-columns:1fr;gap:2rem}.upload-section{background-color:#24283b;padding:1.5rem;border-radius:8px;box-shadow:0 4px 6px #0003}h2{margin-top:0;color:#c0caf5;border-bottom:2px solid #7aa2f7;padding-bottom:.5rem;margin-bottom:1rem}input[type=file]{display:none}.custom-file-upload{border:none;display:inline-block;padding:8px 14px;cursor:pointer;background-color:#7aa2f7;color:#1a1b26;border-radius:4px;font-weight:700;transition:background-color .2s}.custom-file-upload:hover{background-color:#567ab4}.progress-bar-container{width:100%;background-color:#1e202e;border-radius:4px;margin-top:1rem}.progress-bar{height:20px;background-color:#7dcfff;border-radius:4px;transition:width .3s ease-in-out}.success-message{color:#9ece6a;margin-top:1rem;font-weight:700}.error-message{color:#f7768e;margin-top:1rem;font-weight:700}.link-container{margin-top:1.5rem;color:#c0caf5}.copy-link-wrapper{display:flex;cursor:pointer;background-color:#1e202e;border:1px solid #414868;border-radius:4px;margin-top:.5rem}.link-input{flex-grow:1;background:transparent;border:none;color:#7dcfff;padding:8px 12px;font-family:monospace;font-size:.9em;cursor:pointer}.link-input:focus{outline:none}.copy-btn{background-color:#bb9af7;color:#1a1b26;border:none;padding:8px 14px;border-top-right-radius:3px;border-bottom-right-radius:3px;font-weight:700;cursor:pointer;transition:background-color .2s}.copy-btn:hover{background-color:#9a7ecc}footer{text-align:center;margin-top:2rem;padding-top:1rem;border-top:1px solid #414868;font-size:.9em;color:#565f89}footer a,footer .link-button{color:#7aa2f7;text-decoration:none;background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit;padding:0}footer a:hover,footer .link-button:hover{text-decoration:underline}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#24283b;padding:2rem;border-radius:8px;box-shadow:0 5px 15px #0000004d;width:90%;max-width:800px;max-height:85vh;overflow-y:auto;position:relative}.modal-close-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;color:#c0caf5;cursor:pointer}.modal-content h2{color:#7aa2f7;border-bottom:1px solid #414868;padding-bottom:.5rem;margin-top:1.5rem}.modal-content h2:first-of-type{margin-top:0}.modal-content ul{padding-left:20px}.modal-content li{margin-bottom:.5rem}