@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap";:root{--primary-gradient: linear-gradient( 135deg, #0f172a 0%, #581c87 50%, #0f172a 100% );--light-gradient: linear-gradient( 135deg, #f8fafc 0%, #e0e7ff 50%, #f8fafc 100% );--card-bg-dark: rgba(15, 23, 42, .8);--card-bg-light: rgba(159, 162, 165, .9);--text-dark: #ffffff;--text-light: #1e293b}[data-theme=dark]{--bg-gradient: var(--primary-gradient);--card-bg: var(--card-bg-dark);--text-color: var(--text-dark)}[data-theme=light]{--bg-gradient: var(--light-gradient);--card-bg: var(--card-bg-light);--text-color: var(--text-light)}.app-container{min-height:100vh;background:var(--bg-gradient);position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-color);transition:all .3s ease}.app-container[data-theme=dark]{background:linear-gradient(135deg,#0a0a0a 0%,#1a1a2e 50%,#16213e 100%)}.app-container[data-theme=light]{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 50%,#f8fafc 100%)}.theme-toggle{background:var(--card-bg);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:25px;padding:10px 15px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s ease;color:var(--text-color);font-size:14px;font-weight:500;z-index:1000;box-shadow:0 4px 15px #0000001a}.theme-toggle:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.theme-toggle:active{transform:translateY(0)}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.dropzone{background:var(--card-bg);color:var(--text-color);border:2px dashed rgba(255,255,255,.1)}.url-container,.title,.subtitle,.main-title{color:var(--text-color)}.app-container:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%239C92AC' fill-opacity='0.02'%3E%3Ccircle cx='30' cy='30' r='4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.4;z-index:1}.notifications{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px}.notification{display:flex;align-items:center;justify-content:space-between;min-width:300px;padding:12px 16px;border-radius:8px;color:#fff;font-weight:500;box-shadow:0 4px 12px #00000026;animation:slideIn .3s ease}.notification.success{background:#10b981}.notification.error{background:#ef4444}.notification.info{background:#3b82f6}.notification.warning{background:#f59e0b}.notification-close{background:none;border:none;color:#fff;cursor:pointer;padding:4px;border-radius:4px;margin-left:10px;opacity:.8}.notification-close:hover{opacity:1;background:rgba(255,255,255,.2)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.notifications{top:10px;right:10px;left:10px}.notification{min-width:auto;width:100%}}.main-container{position:relative;z-index:10;max-width:64rem;margin:0 auto;padding:2rem 1rem}.main-title{text-align:center;font-size:3.75rem;font-weight:700;margin-block:1rem;background:linear-gradient(135deg,#60a5fa,#a78bfa,#f472b6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logo-title{text-align:center;font-size:1.75rem;font-weight:700;margin-block:1rem;color:var(--text-color)}.header{margin-block:3rem}.subtitle{margin-bottom:20px}.feature-pills{margin-bottom:25px}.instruction-disclaimer_container{display:flex;justify-content:space-between;align-items:stretch;gap:20px}.instructions-container{flex:1;background:var(--card-bg);color:var(--text-color);border-radius:12px;margin:0;padding:20px;border-left:4px solid #3b82f6}.instructions-title{display:flex;align-items:center;gap:10px;color:var(--text-color);font-size:1.1rem;margin-bottom:15px;font-weight:600}.instructions-icon{width:20px;height:20px;color:#3b82f6}.instructions-list{color:var(--text-color);padding-left:20px;line-height:1.6}.instructions-list li{margin-bottom:8px;padding-left:5px}.instructions-list li::marker{color:#3b82f6;font-weight:700}.disclaimer-container{flex:1;background:var(--card-bg);color:var(--text-color);border:1px solid rgba(245,158,11,.3);border-radius:12px;padding:20px;border-left:4px solid #f59e0b}.disclaimer-title{display:flex;align-items:center;gap:10px;color:var(--text-color);font-size:1rem;margin-bottom:15px;font-weight:600}.disclaimer-icon{width:18px;height:18px;color:#f59e0b}.disclaimer-content{color:var(--text-color);font-size:.9rem;line-height:1.5}.disclaimer-content p{margin-bottom:12px}.disclaimer-list{list-style:none;padding:0;margin:0}.disclaimer-list li{display:flex;align-items:center;margin-bottom:6px;padding:4px 0}.disclaimer-list li:before{content:"";width:16px;height:16px;margin-right:8px;background-size:contain;background-repeat:no-repeat}.disclaimer-list li:nth-child(1):before{content:"\2713";color:#10b981;font-weight:700}.disclaimer-list li:nth-child(2):before{content:"\2713";color:#10b981;font-weight:700}.disclaimer-list li:nth-child(3):before{content:"\2713";color:#10b981;font-weight:700}.disclaimer-list li:nth-child(4):before{content:"\2717";color:#ef4444;font-weight:700}.disclaimer-list li:nth-child(5):before{content:"\2717";color:#ef4444;font-weight:700}.disclaimer-list li:nth-child(6):before{content:"\2717";color:#ef4444;font-weight:700}.disclaimer-list li:nth-child(7):before{content:"\2717";color:#ef4444;font-weight:700}.disclaimer-list li:nth-child(8):before{content:"\2717";color:#ef4444;font-weight:700}.disclaimer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;z-index:10000;padding:20px}.disclaimer-overlay.active{display:flex}.disclaimer-modal{background:var(--card-bg);border-radius:16px;padding:0;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080;border:1px solid rgba(255,255,255,.1)}.upload-disclaimer{max-width:700px}.modal-header{display:flex;align-items:center;gap:12px;padding:24px;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.2)}.modal-header h2,.modal-header h3{margin:0;color:var(--text-color);flex:1}.modal-icon{width:24px;height:24px;color:#f59e0b}.modal-icon.warning{color:#ef4444}.close-btn{background:none;border:none;color:var(--text-color);cursor:pointer;opacity:.7;padding:4px;border-radius:4px}.close-btn:hover{opacity:1;background:rgba(255,255,255,.1)}.modal-content{padding:24px}.welcome-section{text-align:center;margin-bottom:24px}.welcome-section h3{color:var(--text-color);margin-bottom:8px}.warning-banner{display:flex;align-items:center;gap:8px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:12px;margin-bottom:20px;color:#ef4444}.disclaimer-points{display:flex;flex-direction:column;gap:16px;margin:24px 0}.point-group h4{color:var(--text-color);margin-bottom:12px;font-size:1rem}.point-group ul{list-style:none;padding:0;margin:0}.point-group li{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05);color:var(--text-color);opacity:.9}.point-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:rgba(255,255,255,.05);border-radius:8px;margin-bottom:8px}.point-icon{width:18px;height:18px;flex-shrink:0;margin-top:2px}.point-icon.warning{color:#f59e0b}.point-icon.danger{color:#ef4444}.legal-checkbox{margin:24px 0;padding:16px;background:rgba(0,0,0,.2);border-radius:8px}.legal-checkbox label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;color:var(--text-color)}.legal-checkbox input[type=checkbox]{margin-top:2px}.legal-notice{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3);border-radius:8px;padding:16px;margin-top:20px}.legal-notice p{margin:0;color:var(--text-color);font-size:.9rem;line-height:1.5}.modal-actions{display:flex;gap:12px;padding:24px;border-top:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.1)}.modal-actions .btn{flex:1;padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-primary:disabled{background:#64748b;cursor:not-allowed;opacity:.6}.btn-secondary{background:#64748b;color:#fff}.btn-secondary:hover{background:#475569}@media (max-width: 768px){.disclaimer-overlay{padding:10px}.disclaimer-modal{max-height:95vh}.modal-actions{flex-direction:column}.point-item{padding:8px}}@media (max-width: 768px){.instruction-disclaimer_container{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;gap:10px}.instructions-container,.disclaimer-container{padding:15px;margin:20px 0}.instructions-title,.disclaimer-title{font-size:1rem}.instructions-list,.disclaimer-content{font-size:.85rem}}.logo-container{background:rgba(255,255,255,.5);box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);position:fixed;z-index:1000;padding-inline:1rem;width:100%;top:0px;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center}.logo{padding:.75rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:1rem;color:#fff}.logo_image{width:50px}.main-title{text-align:center;font-size:3rem}.main-container{padding:1rem}.card{padding:1.5rem}.dropzone{padding:2rem}.action-buttons{flex-direction:column}.history-list{display:flex;flex-direction:column;gap:.75rem}.history-item{display:flex;padding:.5rem}.card{padding:.5rem}.subtitle{font-size:1.25rem;margin-bottom:2rem;max-width:32rem;margin-left:auto;margin-right:auto;line-height:1.6}.feature-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2rem}.feature-pill{display:flex;align-items:center;gap:.5rem;background:var(--card-bg);color:var(--text-color);border:1px solid var(--text-color);backdrop-filter:blur(10px);border-radius:9999px;padding:.5rem 1rem;font-size:.875rem}.pill-icon{width:1rem;height:1rem}.pill-icon.green{color:#4ade80}.pill-icon.yellow{color:#facc15}.pill-icon.blue{color:#60a5fa}.card{background:var(--card-bg);color:var(--text-color);border:1px solid var(--text-color);backdrop-filter:blur(24px);border-radius:1.5rem;padding:2rem;margin-bottom:2rem;box-shadow:0 25px 50px -12px #00000040}.dropzone{position:relative;border:2px dashed #475569;border-radius:1rem;padding:3rem;text-align:center;transition:all .3s ease;cursor:pointer}.dropzone:hover{border-color:#64748b;background:rgba(71,85,105,.2)}.dropzone.drag-active{border-color:#a855f7;background:rgba(168,85,247,.1);transform:scale(1.02)}.dropzone.loading{border-color:#475569;background:rgba(71,85,105,.3);cursor:not-allowed}.dropzone-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.dropzone-input:disabled{cursor:not-allowed}.upload-status{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.spinner-container{position:relative;width:5rem;height:5rem;margin:0 auto}.spinner-bg{position:absolute;inset:0;border:4px solid #475569;border-radius:50%;animation:pulse 1s infinite}.spinner{position:absolute;inset:0;border:4px solid #8b5cf6;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.upload-info{text-align:center}.upload-text{color:#cbd5e1;font-weight:500;margin-bottom:.5rem}.upload-progress{color:#94a3b8}.file-preview{display:flex;align-items:center;justify-content:center;gap:.75rem;background:rgba(71,85,105,.5);border-radius:.5rem;padding:.75rem;max-width:21rem;margin:0 auto}.file-icon{width:1.25rem;height:1.25rem}.file-details{text-align:left}.file-name{font-size:.875rem;font-weight:500;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:12rem}.file-size{font-size:.75rem;color:var(--text-color);opacity:.7}.progress-bar-container{width:100%;max-width:24rem;margin:0 auto;background:#374151;border-radius:9999px;height:.5rem;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#8b5cf6,#3b82f6);transition:width .3s ease;border-radius:9999px}.dropzone-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.upload-icon-container{position:relative;z-index:-2;width:5rem;height:5rem;background:linear-gradient(135deg,#8b5cf6,#3b82f6);border-radius:1rem;display:flex;align-items:center;justify-content:center}.upload-icon{width:2rem;height:2rem;color:#fff;cursor:pointer;pointer-events:auto}.drag-overlay{position:absolute;inset:0;background:rgba(168,85,247,.2);border-radius:1rem;animation:pulse 1s infinite}.dropzone-text{font-size:1.25rem;font-weight:600;color:var(--text-color);margin-bottom:.5rem}.dropzone-hint{color:var(--text-color);opacity:.8}.file-size-hint{font-size:.875rem;color:#64748b}.success-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.success-icon{width:2.5rem;height:2.5rem;background:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.success-title{font-size:1.25rem;font-weight:600;color:#e2e8f0}.success-subtitle{color:#94a3b8}.url-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.url-label{font-size:.875rem;font-weight:500;color:var(--text-color);flex:1}.copy-btn{display:flex;align-items:center;gap:.5rem;background:#8b5cf6;color:var(--text-color);padding:.375rem .75rem;border-radius:.5rem;border:none;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.copy-btn:hover{background:#7c3aed}.copy-icon{width:2rem;height:2rem;color:#2563eb}.url-value{background:var(--card-bg);color:var(--text-color);border-radius:.5rem;padding:.75rem;font-family:Monaco,Menlo,monospace;font-size:.875rem;word-break:break-all}.action-buttons{display:flex;gap:1rem}.btn{flex:1;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:500;text-align:center;text-decoration:none;transition:background-color .2s;border:none;cursor:pointer}.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover{background:#1d4ed8;color:var(--text-color)}.btn-secondary{background:#475569;color:var(--text-color)}.btn-secondary:hover{background:#334155}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.clear-history-btn{background:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.3);padding:6px 12px;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s}.clear-history-btn:hover{background:rgba(239,68,68,.2)}.history-item{display:flex;align-items:center;justify-content:space-between;background:rgba(71,85,105,.3);border-radius:.75rem;padding:1rem;position:relative}.file-details{flex:1;min-width:0}.file-date{font-size:.75rem;color:#94a3b8;margin-top:2px}.history-actions{display:flex;align-items:center;gap:8px}.history-menu{position:relative}.menu-trigger{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.menu-trigger:hover{color:#e2e8f0;background:rgba(255,255,255,.1)}.history-menu-dropdown{position:absolute;top:100%;right:0;background:var(--card-bg);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:4px;min-width:160px;z-index:10;box-shadow:0 4px 12px #0000004d}.menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:none;border:none;color:var(--text-color);cursor:pointer;border-radius:4px;font-size:.875rem;transition:background-color .2s}.menu-item:hover{background:rgba(255,255,255,.1)}.menu-item.delete{color:#ef4444}.menu-item.delete:hover{background:rgba(239,68,68,.1)}.menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:5}.footer{padding-top:5rem;text-align:center;color:#94a3b8}.footer-text{margin-bottom:1rem;color:var(--text-color);opacity:.8}.social-links{color:var(--text-color);opacity:.7;display:flex;justify-content:center;gap:1.5rem}.social-link{color:#1d4ed8;transition:color .2s}.social-link:hover{color:#4e4a4a}.social-icon{width:1.25rem;height:1.25rem}@media (max-width: 400px){.dropzone{padding:1rem}.history-item{padding:.5rem}.history-icon{padding:.2rem;border-radius:.5rem}.file-icon{width:1rem;height:1rem;color:#2563eb}.card{padding:.5rem}.history-copy{padding:.2rem;background:red}.history-copy:hover{scale:1.1;background:#2563eb}.copy-icon{width:1rem;height:1rem;color:#2563eb}}html,body{padding:0;margin:0;font-family:Inter,sans-serif}a{color:#84309c;text-decoration:none}*{box-sizing:border-box}body{color:#e7e8e8;background:#070707}