*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #000000;--bg-secondary: #0a0a0a;--bg-tertiary: #111111;--text-primary: #ffffff;--text-secondary: #888888;--text-muted: #555555;--border-color: #333333;--border-hover: #555555;--accent: #ffffff;--error: #ff4444;--success: #44ff44;--font-mono: "Consolas", "Monaco", "Courier New", monospace;--transition: .2s ease;--radius: 4px}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-mono);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6}a{color:var(--text-primary);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--text-secondary)}button{font-family:var(--font-mono);cursor:pointer;border:none;background:none;color:inherit}input,textarea{font-family:var(--font-mono);background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:12px 16px;border-radius:var(--radius);outline:none;transition:border-color var(--transition)}input:focus,textarea:focus{border-color:var(--border-hover)}input::placeholder,textarea::placeholder{color:var(--text-muted)}.app{min-height:100vh;display:flex;flex-direction:column}.main{flex:1;display:flex;flex-direction:column;align-items:center;padding:40px 20px}.header{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;border-bottom:1px solid var(--border-color)}.header__logo{display:inline-flex;align-items:center;gap:10px;font-size:1.2rem;font-weight:400;letter-spacing:2px}.header__logo-text{letter-spacing:.02em}.header__logo-icon{width:2rem;height:2rem;flex-shrink:0;opacity:.95}.header__nav{display:flex;gap:30px}.header__link{font-size:.85rem;color:var(--text-secondary);transition:color var(--transition)}.header__link:hover,.header__link.active{color:var(--text-primary)}.feedback-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.feedback-modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);padding:24px;width:100%;max-width:420px}.feedback-modal__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.feedback-modal__title{font-size:1.1rem;font-weight:400;letter-spacing:.05em}.feedback-modal__close{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;line-height:1;cursor:pointer;padding:0 4px}.feedback-modal__close:hover{color:var(--text-primary)}.feedback-modal__form{display:flex;flex-direction:column;gap:12px}.feedback-modal__hint{font-size:.8rem;color:var(--text-muted)}.feedback-modal__textarea{width:100%;min-height:100px;padding:12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-mono);font-size:.9rem;resize:vertical}.feedback-modal__textarea:focus{outline:none;border-color:var(--border-hover)}.feedback-modal__files{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.feedback-modal__input-file{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.feedback-modal__attach{background:none;border:none;padding:0;color:var(--text-secondary);font-family:var(--font-mono);font-size:.85rem;cursor:pointer;transition:color var(--transition)}.feedback-modal__attach:hover:not(:disabled){color:var(--text-primary)}.feedback-modal__attach:disabled{opacity:.6;cursor:not-allowed}.feedback-modal__files-hint{font-size:.8rem;color:var(--text-muted)}.feedback-modal__message{font-size:.85rem;color:var(--success)}.feedback-modal__actions{display:flex;justify-content:flex-start;gap:12px;margin-top:8px}.feedback-modal__btn{padding:10px 20px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-mono);font-size:.85rem;cursor:pointer;transition:border-color var(--transition),color var(--transition)}.feedback-modal__btn:hover:not(:disabled){border-color:var(--border-hover);color:var(--text-primary)}.feedback-modal__btn--secondary:hover:not(:disabled){color:var(--text-secondary)}.feedback-modal__btn:disabled{opacity:.6;cursor:not-allowed}.corner-links{position:fixed;bottom:16px;left:16px;z-index:10;display:flex;flex-direction:column;gap:4px;align-items:flex-start}.corner-links__item{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.05em;color:var(--text-muted);background:none;border:none;padding:4px 0;cursor:pointer;text-decoration:none;transition:color var(--transition)}.corner-links__item:hover{color:var(--text-primary)}@media (max-width: 768px){.corner-links{bottom:12px;left:12px;gap:2px}.corner-links__item{font-size:.7rem;padding:8px 0;min-height:36px;display:flex;align-items:center}}.tool-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);padding:30px;width:100%;max-width:300px;text-align:center;transition:all var(--transition);cursor:pointer}.tool-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.tool-card__icon{font-size:2rem;margin-bottom:15px;opacity:.8}.tool-card__title{font-size:1rem;font-weight:400;margin-bottom:8px}.tool-card__desc{font-size:.75rem;color:var(--text-secondary)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;max-width:960px;width:100%;margin-top:40px}.page{width:100%;max-width:600px;display:flex;flex-direction:column;align-items:center}.page__title{font-size:1.5rem;font-weight:400;margin-bottom:10px;letter-spacing:1px}.page__subtitle{font-size:.85rem;color:var(--text-secondary);margin-bottom:40px}.file-uploader{width:100%;border:2px dashed var(--border-color);border-radius:var(--radius);padding:60px 20px;text-align:center;cursor:pointer;transition:all var(--transition)}.file-uploader:hover,.file-uploader.drag-over{border-color:var(--border-hover);background:var(--bg-secondary)}.file-uploader__text{color:var(--text-secondary);font-size:.85rem}.file-uploader__text span{color:var(--text-primary);text-decoration:underline}.file-uploader input{display:none}.url-input{width:100%;display:flex;flex-direction:column;gap:15px}.url-input__field{width:100%;font-size:.9rem;text-align:center}.url-input__field::placeholder{text-align:center}.btn{background:var(--text-primary);color:var(--bg-primary);padding:12px 30px;border-radius:var(--radius);font-size:.85rem;transition:all var(--transition);border:1px solid var(--text-primary)}.btn:hover{background:transparent;color:var(--text-primary)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--outline{background:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.btn--outline:hover{border-color:var(--text-primary)}.select{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:12px 16px;border-radius:var(--radius);font-family:var(--font-mono);font-size:.85rem;cursor:pointer;outline:none;transition:border-color var(--transition)}.select:hover,.select:focus{border-color:var(--border-hover)}.progress-bar{width:100%;height:4px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden;margin-top:20px}.progress-bar__fill{height:100%;background:var(--text-primary);transition:width .3s ease}.status{font-size:.8rem;margin-top:15px;color:var(--text-secondary)}.status--error{color:var(--error)}.status--success{color:var(--success)}.result{width:100%;margin-top:30px;display:flex;flex-direction:column;align-items:center;gap:25px}.result__image-container{padding:20px;display:flex;justify-content:center;align-items:center}.result__preview{max-width:100%;max-height:300px;border-radius:var(--radius)}.result__preview--glow{animation:glow-breathe 6s cubic-bezier(.4,0,.6,1) infinite}@keyframes glow-breathe{0%,to{box-shadow:0 0 15px var(--glow-color, rgba(255, 255, 255, .12)),0 0 30px var(--glow-color, rgba(255, 255, 255, .08))}50%{box-shadow:0 0 20px var(--glow-color, rgba(255, 255, 255, .18)),0 0 40px var(--glow-color, rgba(255, 255, 255, .1))}}.btn--primary{background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff}.btn--primary:hover{background:linear-gradient(135deg,#7c3aed,#8b5cf6);color:#fff}.result--carousel{width:100%;max-width:900px;margin-left:auto;margin-right:auto}.result__carousel-caption{color:var(--text-secondary);font-size:.85rem;margin-bottom:12px;text-align:center}.carousel{width:100%;min-height:300px;display:flex;align-items:center;justify-content:center;overflow:hidden}.carousel--3d{perspective:1200px}.carousel__scene{position:relative;width:100%;height:300px;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d}.carousel__slide{position:absolute;width:200px;height:260px;left:50%;top:50%;margin-left:-100px;margin-top:-130px;cursor:pointer;backface-visibility:hidden}.carousel__slide[style*="translateZ(100px)"]{cursor:default}.carousel__frame{width:100%;height:100%;overflow:hidden;border-radius:var(--radius);border:1px solid var(--border-color);background:var(--bg-tertiary);box-shadow:0 6px 20px #00000059}.carousel__img{width:100%;height:100%;object-fit:cover;display:block}.carousel__nav{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:16px}.carousel__arrow{width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);cursor:pointer;transition:color var(--transition),border-color var(--transition)}.carousel__arrow:hover{color:var(--text-primary);border-color:var(--border-hover)}.carousel__counter{font-size:.8rem;color:var(--text-muted);min-width:4ch;text-align:center}.carousel__indicators{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;flex-wrap:wrap}.carousel__dot{width:4px;height:4px;padding:0;border:none;border-radius:50%;background:var(--border-color);cursor:pointer;transition:background var(--transition),transform var(--transition)}.carousel__dot:hover{background:var(--text-muted)}.carousel__dot--active{background:var(--text-primary);transform:scale(1.4)}.result__actions--carousel{margin-top:16px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.form-group{display:flex;gap:15px;width:100%;margin-top:20px}.form-group--center{justify-content:center}.url-input__actions{display:grid;grid-template-columns:1fr auto 1fr;gap:15px;align-items:center;margin-top:20px;width:100%}.url-input__left-slot{display:flex;justify-content:flex-end;min-width:0}.url-input__buttons{display:flex;gap:15px;justify-content:center}.url-input__right-slot{min-width:0}.url-input__format{min-width:140px}.home{text-align:center}.home__title{font-size:2rem;font-weight:400;letter-spacing:3px;margin-bottom:10px}.home__subtitle{color:var(--text-secondary);font-size:.85rem}.result__music-info{display:flex;align-items:center;gap:20px;margin-bottom:20px;text-align:left}.result__cover{width:80px;height:80px;border-radius:var(--radius);object-fit:cover}.result__meta{flex:1}.result__title{font-size:.95rem;color:var(--text-primary);margin-bottom:4px}.result__artist{font-size:.8rem;color:var(--text-secondary);margin-bottom:4px}.result__duration{font-size:.75rem;color:var(--text-muted)}@media (max-width: 768px){html{font-size:14px}.main{padding:20px 15px}.header{padding:15px 20px;flex-wrap:wrap}.page{width:100%;max-width:100%}.page__title{font-size:1.5rem}.page__subtitle{font-size:.75rem}.btn{padding:14px 24px;font-size:.9rem;width:100%}.url-input__field{font-size:1rem;padding:14px 16px}.select{font-size:.9rem;padding:14px 16px}.tools-grid{grid-template-columns:1fr;gap:15px}.tool-card{padding:20px}.result__preview{max-width:100%;max-height:50vh}.form-group{flex-direction:column;gap:12px}.form-group .select,.form-group .btn{width:100%}.header{flex-direction:column;gap:20px;padding:20px}.header__nav{gap:20px}.tools-grid{grid-template-columns:1fr}.form-group{flex-direction:column}.url-input__actions{grid-template-columns:1fr;grid-template-rows:auto auto}.url-input__left-slot{justify-content:stretch;order:1}.url-input__format{min-width:0;width:100%}.url-input__buttons{order:2}.url-input__right-slot{display:none}}