.converter-page{min-height:100vh;color:var(--color-text);background:#05080f;flex-direction:column;display:flex;position:relative;overflow:hidden}.converter-bg-glow{z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 30%,#c828c81a 0%,#0000 60%);position:absolute;inset:0}.converter-grid-bg{z-index:1;pointer-events:none;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:30px 30px;position:absolute;inset:0}.converter-container{z-index:2;flex-direction:column;flex:1;width:100%;max-width:800px;margin:0 auto;padding:2rem 1rem;display:flex;position:relative}.converter-breadcrumb{font-family:var(--font-mono);color:var(--color-text-muted);align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.85rem;display:flex}.converter-breadcrumb a{color:var(--color-primary-glow);text-decoration:none;transition:color .2s}.converter-breadcrumb a:hover{color:var(--color-primary)}.converter-header{text-align:center;margin-bottom:3rem}.converter-title{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(135deg,#fff,var(--color-text-muted));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.converter-title span{color:#e040fb;-webkit-text-fill-color:#e040fb}.converter-subtitle{font-family:var(--font-mono);color:var(--color-text-muted);font-size:1rem}.converter-upload-area{text-align:center;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:2px dashed #ffffff1a;border-radius:16px;margin-bottom:2rem;padding:4rem 2rem;transition:all .3s;position:relative;overflow:hidden}.converter-upload-area:hover,.converter-upload-area.drag-active{background:#e040fb0d;border-color:#e040fb}.converter-upload-icon{filter:drop-shadow(0 0 10px #e040fb80);margin-bottom:1rem;font-size:4rem;display:block}.converter-upload-text{font-family:var(--font-display);margin-bottom:.5rem;font-size:1.25rem}.converter-upload-subtext{font-family:var(--font-mono);color:var(--color-text-muted);font-size:.85rem}.converter-file-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.converter-selected-file{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;display:flex}.converter-file-info{align-items:center;gap:1rem;display:flex}.converter-file-icon{font-size:2rem}.converter-file-name{font-family:var(--font-mono);font-size:1.1rem;font-weight:600;display:block}.converter-file-size{font-family:var(--font-mono);color:var(--color-text-muted);font-size:.8rem}.converter-remove-btn{color:var(--color-text-muted);cursor:pointer;font-family:var(--font-mono);background:0 0;border:1px solid #fff3;border-radius:6px;padding:.5rem 1rem;font-size:.85rem;transition:all .2s}.converter-remove-btn:hover{color:#ff5252;background:#ff3c3c1a;border-color:#ff3c3c80}.converter-action-btn{color:#fff;width:100%;font-family:var(--font-display);letter-spacing:.05em;cursor:pointer;text-transform:uppercase;background:linear-gradient(135deg,#e040fb,#7c4dff);border:none;border-radius:12px;padding:1.2rem;font-size:1.2rem;font-weight:700;transition:all .3s;box-shadow:0 4px 15px #e040fb4d}.converter-action-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #e040fb80}.converter-action-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;background:linear-gradient(135deg,#555,#333)}.converter-action-btn.loading{background:linear-gradient(135deg,#7c4dff,#512da8);position:relative;overflow:hidden}.converter-action-btn.loading:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:50%;height:100%;animation:1.5s infinite loading-sweep;position:absolute;top:0;left:-100%}@keyframes loading-sweep{0%{left:-50%}to{left:150%}}.converter-error{color:#ff5252;font-family:var(--font-mono);text-align:center;background:#ff3c3c1a;border:1px solid #ff3c3c4d;border-radius:8px;margin-bottom:2rem;padding:1rem;font-size:.9rem}.converter-result{text-align:center;background:#0dff720d;border:1px solid #0dff7233;border-radius:12px;margin-top:2rem;padding:2rem;animation:.5s fade-in-up}.converter-result-title{color:#0dff72;font-family:var(--font-display);justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.5rem;display:flex}.converter-result-actions{justify-content:center;gap:1rem;margin-top:1.5rem;display:flex}.converter-download-btn{color:#000;font-family:var(--font-mono);cursor:pointer;background:#0dff72;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.converter-download-btn:hover{background:#00e662;transform:translateY(-2px)}.converter-secondary-btn{color:var(--color-text);font-family:var(--font-mono);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:.8rem 1.5rem;transition:all .2s}.converter-secondary-btn:hover{background:#ffffff1a}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}