*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;font-family:Arial,Helvetica,sans-serif;background:#0b0e13;color:#f4f7fb;line-height:1.5}.layout{display:flex;justify-content:center;align-items:flex-start;width:100%}.content{width:100%;max-width:1120px}.container{width:min(1100px,calc(100% - 28px));margin:0 auto}.main{padding:32px 0 48px}.ad{width:184px;padding:20px 12px}.ad,.ad-box{display:flex;justify-content:center}.ad-box{width:160px;height:600px;position:-webkit-sticky;position:sticky;top:90px;border-radius:8px;background:linear-gradient(180deg,rgba(100,160,255,.06),rgba(23,31,44,.06)),#11161d;border:1px dashed #314255;color:#7c91ab;align-items:center;font-size:.9rem;letter-spacing:.02em}.header{padding:18px 0 10px}.logo{font-size:1.9rem;font-weight:800;letter-spacing:-.04em;color:#ffffff;text-decoration:none;display:inline-block}.converter-hero,.hero{text-align:center;margin:24px auto;max-width:760px}.hero-title{font-size:clamp(2rem,4.7vw,3.5rem);line-height:1.02;font-weight:800;letter-spacing:-.05em;margin-bottom:10px}.hero-subtitle{font-size:1rem;color:#a8b5c7;max-width:640px;margin:0 auto}.format-panel{margin:0 auto 18px;padding:18px;border:1px solid #263342;border-radius:14px;background:linear-gradient(180deg,rgba(83,137,211,.12),rgba(20,27,36,.04)),#121924;box-shadow:0 18px 40px rgba(0,0,0,.16)}.format-panel-header{margin-bottom:14px}.format-panel-header h3{font-size:1.1rem;letter-spacing:-.02em;margin-bottom:4px}.file-list-subtitle,.format-panel-header p{color:#9fb0c5;font-size:.94rem}.format-panel-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:end}.format-field{display:flex;flex-direction:column;gap:6px}.format-field span{font-size:.82rem;color:#a8b8cb;font-weight:700}.format-select{width:100%;min-height:48px;padding:0 14px;border-radius:10px;border:1px solid #314255;background:#0f151d;color:#eef4fb;font-size:.95rem}.dropzone-section{margin-bottom:18px}.converter-box .dropzone,.dropzone{width:100%;min-height:280px;border:1.5px dashed #3a475a;border-radius:12px;background:radial-gradient(circle at top,rgba(100,170,255,.14),transparent 40%),linear-gradient(180deg,#151922,#11161d);display:flex;align-items:center;justify-content:center;padding:24px;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease}.converter-box .dropzone:hover,.dropzone:hover{border-color:#6faeff;background:radial-gradient(circle at top,rgba(111,174,255,.18),transparent 40%),linear-gradient(180deg,#171d28,#131923);transform:translateY(-1px);box-shadow:0 14px 34px rgba(0,0,0,.2)}.converter-box .dropzone.dragover,.dropzone.dragover{border-color:#91c8ff;background:radial-gradient(circle at top,rgba(145,200,255,.2),transparent 40%),linear-gradient(180deg,#1a2230,#141c28);box-shadow:0 16px 36px rgba(0,0,0,.24)}.dropzone-content{text-align:center;max-width:560px}.drop-icon{font-size:4rem;line-height:1;margin-bottom:12px;opacity:.96;color:#8fc4ff}.drop-title{font-size:1.35rem;font-weight:800;margin-bottom:6px;letter-spacing:-.02em}.drop-text{font-size:.95rem;color:#9cadc2;margin-bottom:14px}.action-btn,.browse-btn{border:0;outline:0;font-size:.95rem;font-weight:800;padding:12px 18px;border-radius:10px;cursor:pointer;transition:transform .18s ease,opacity .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}.browse-btn{background:linear-gradient(135deg,#f8fbff,#dfe7f0);color:#0f141c;box-shadow:0 10px 22px rgba(255,255,255,.08)}.action-btn:hover,.browse-btn:hover{transform:translateY(-1px)}.file-input{display:none}.converter-box .file-list,.file-list{display:none;margin-top:14px;margin-bottom:0;padding:14px;border:1px solid #253140;border-radius:10px;background:linear-gradient(180deg,rgba(76,121,184,.06),rgba(23,29,39,.04)),#121821}.file-list.visible{display:block}.file-list h3,.file-list-header h3{font-size:.96rem;margin-bottom:10px;color:#dbe7f4;letter-spacing:-.01em}.file-items,.file-list ul{list-style:none;display:flex;flex-direction:column;gap:8px}.file-item,.file-list li{padding:10px 12px;border:1px solid #222c38;border-radius:8px;background:#0e141c;color:#c6d2e0;word-break:break-word;font-size:.94rem}.file-item{display:flex;justify-content:space-between;gap:12px}.file-item-left{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1}.file-filetype-badge,.file-output-badge{min-width:42px;height:30px;padding:0 8px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;flex-shrink:0}.file-filetype-badge{background:linear-gradient(135deg,#1c2532,#243246);border:1px solid #3a4a5f;color:#8ec5ff}.file-output-badge{min-width:58px;height:34px;background:linear-gradient(135deg,#152434,#1b3147);border:1px solid #2f5579;color:#9ed0ff;font-size:.78rem;letter-spacing:.03em}.file-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.file-name{font-weight:800;font-size:.96rem;color:#ffffff;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{font-size:.78rem;color:#6f7f95}.file-item-right{display:flex;align-items:center;gap:8px}.file-format-group{display:flex;flex-direction:column;gap:3px}.file-format-label{font-size:.68rem;color:#7e8da3;text-transform:uppercase;letter-spacing:.05em}.file-format-select{min-width:102px;background:#141b25;border:1px solid #304053;color:#dce4ee;padding:7px 9px;border-radius:6px;font-size:.82rem;cursor:pointer}.remove-file-btn{background:transparent;border:1px solid #334255;color:#ff7f7f;width:34px;height:34px;border-radius:6px;cursor:pointer;font-weight:700;font-size:.95rem}.converter-box{max-width:980px;margin:0 auto}.converter-actions{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:16px;flex-wrap:wrap}.action-btn{min-width:172px;min-height:46px}.action-btn.primary{background:linear-gradient(135deg,#ffffff,#e6ecf3);color:#0f1115;box-shadow:0 10px 22px rgba(255,255,255,.08)}.action-btn.secondary{background:#141a23;color:#dce4ee;border:1px solid #3a475a}.status-message{min-height:22px;margin-top:14px;text-align:center;font-size:.92rem;font-weight:600}.status-message.info{color:#a9d1ff}.status-message.success{color:#7ee0a1}.status-message.error{color:#ff8f8f}.seo-content{max-width:880px;margin:42px auto 0;padding:20px;border:1px solid #24303e;border-radius:10px;background:linear-gradient(180deg,rgba(69,115,174,.08),rgba(17,22,30,.03)),#11161e}.seo-content h2{font-size:clamp(1.28rem,3vw,1.8rem);font-weight:800;letter-spacing:-.03em;margin-bottom:10px;color:#ffffff}.seo-content p{color:#b5c0ce;font-size:.98rem;line-height:1.65;max-width:760px}.back-link{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;color:#adc8ff;text-decoration:none;font-weight:700}.tools{margin-top:14px}.tools h3{font-size:1.05rem;margin-bottom:12px;letter-spacing:-.02em}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.tool-card{display:flex;align-items:center;justify-content:center;min-height:72px;padding:16px;border:1px solid #263342;border-radius:10px;background:linear-gradient(180deg,rgba(68,112,173,.08),rgba(33,41,55,.04)),#141b24;color:#f4f8fc;text-decoration:none;font-weight:800}.footer{border-top:1px solid #1b2430;padding:18px 0 24px;margin-top:8px}.footer p{color:#8797ac;font-size:.9rem;text-align:center}a,button,select{-webkit-tap-highlight-color:transparent}.dropzone:focus-visible,a:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid #8ec5ff;outline-offset:2px}@media (max-width:1280px){.ad{display:none}.content{max-width:100%}}@media (max-width:900px){.format-panel-grid,.tools-grid{grid-template-columns:1fr}}@media (max-width:768px){.file-item{flex-direction:column;align-items:stretch}.file-item-right{width:100%;justify-content:space-between}.converter-actions{flex-direction:column;align-items:stretch}}@media (max-width:640px){.header{padding-top:16px}.logo{font-size:1.65rem;text-align:center}.main{padding:24px 0 40px}.converter-hero,.hero{margin-top:14px;margin-bottom:18px}.dropzone{min-height:250px;border-radius:10px;padding:20px 16px}.drop-icon{font-size:3.4rem}.drop-title{font-size:1.18rem}.action-btn,.browse-btn{width:100%;min-width:0}}