.page-converter{--color-accent-primary: #818cf8 !important;--color-accent-secondary: #6366f1 !important;--color-accent-hover: #a5b4fc !important;--shadow-glow: 0 0 40px rgba(129, 140, 248, .25) !important}.converter-page-main{min-height:80vh;padding-top:calc(var(--spacing-4xl) + 2rem);padding-bottom:var(--spacing-4xl);position:relative;overflow:hidden}.converter-page-main:before{content:"";position:absolute;top:-10%;left:50%;transform:translate(-50%);width:850px;height:500px;background:radial-gradient(circle,#818cf826,#6366f11a 40%,#0000 70%);filter:blur(60px);pointer-events:none;z-index:0}.converter-container{position:relative;z-index:1;max-width:1080px;margin:0 auto;padding:0 var(--layout-gutter)}.format-pill-wrapper{display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-lg)}.format-pill{display:inline-flex;align-items:center;gap:.75rem;padding:.45rem 1rem;background:#ffffff0a;border:1px solid var(--border-color-medium);border-radius:var(--border-radius-full);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 20px #0006;transition:var(--transition-normal)}.format-pill:hover{border-color:#818cf880;box-shadow:0 0 25px #818cf840}.format-select-box{position:relative;display:inline-flex;align-items:center}.format-select{appearance:none;-webkit-appearance:none;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);color:var(--color-text-primary);font-family:var(--font-family-primary);font-size:.85rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:.35rem 1.75rem .35rem .85rem;border-radius:var(--border-radius-full);cursor:pointer;outline:none;transition:var(--transition-fast)}.format-select:hover,.format-select:focus{background:#818cf826;border-color:#818cf8!important;color:#818cf8!important}.format-select-arrow{position:absolute;right:.6rem;pointer-events:none;width:10px;height:10px;color:var(--color-text-muted);transition:var(--transition-fast)}.format-select:focus+.format-select-arrow{color:#818cf8!important}.format-swap-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#818cf81f;border:1px solid rgba(129,140,248,.35);color:#818cf8!important;cursor:pointer;transition:var(--transition-normal)}.format-swap-btn:hover{background:#818cf8!important;color:#000!important;box-shadow:0 0 16px #818cf899;transform:scale(1.1)}.format-arrow-icon{width:16px;height:16px;stroke:currentColor;stroke-width:2.5}.converter-header{text-align:center;margin-bottom:var(--spacing-2xl)}.converter-title{font-size:clamp(2rem,4vw,3.25rem);font-weight:var(--font-weight-extrabold);line-height:var(--line-height-tight);letter-spacing:-.02em;color:var(--color-text-primary);margin-bottom:var(--spacing-sm);width:100%;max-width:100%;text-wrap:balance;word-break:break-word}.converter-title .text-gradient{background:linear-gradient(135deg,#fff 30%,#818cf8)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important}.converter-subtitle{font-size:clamp(.95rem,1.8vw,1.15rem);color:var(--color-text-muted);width:100%;max-width:100%;margin:0 auto var(--spacing-md);line-height:var(--line-height-normal);text-wrap:pretty}.quick-presets-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;margin-bottom:var(--spacing-lg)}.quick-preset-btn{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:var(--color-text-muted);font-size:.8rem;font-weight:600;padding:.3rem .75rem;border-radius:var(--border-radius-full);cursor:pointer;transition:all .2s ease;text-decoration:none}.quick-preset-btn:hover{background:#818cf826;border-color:#818cf880;color:#818cf8!important;transform:translateY(-1px)}.converter-badges{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1.25rem 2rem}.converter-badge-item{display:inline-flex;align-items:center;gap:.45rem;font-size:.88rem;font-weight:500;color:var(--color-text-secondary)}.converter-badge-item svg{color:var(--color-success);width:17px;height:17px;flex-shrink:0}.dropzone-container{background:#0f172a73;border:2px dashed rgba(255,255,255,.16);border-radius:var(--border-radius-xl);padding:3.5rem 2rem;text-align:center;position:relative;cursor:pointer;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:all .3s cubic-bezier(.2,.8,.2,1);box-shadow:0 8px 32px #0006;margin-bottom:var(--spacing-2xl);user-select:none}.dropzone-container:hover,.dropzone-container.is-dragover{border-color:#818cf8!important;background:#818cf80d;box-shadow:0 0 45px #818cf840;transform:translateY(-2px)}.dropzone-container.is-dragover{border-style:solid;transform:scale(1.01)}.dropzone-icon-wrap{position:relative;width:84px;height:84px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:var(--border-radius-lg);color:#818cf8!important;transition:var(--transition-normal)}.dropzone-container:hover .dropzone-icon-wrap{background:#818cf826;border-color:#818cf873;transform:translateY(-4px)}.dropzone-icon-main{width:42px;height:42px}.dropzone-arrow-badge{position:absolute;top:-6px;right:-6px;width:26px;height:26px;background:linear-gradient(135deg,#818cf8,#6366f1)!important;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #818cf899}.dropzone-arrow-badge svg{width:14px;height:14px;stroke-width:3}.dropzone-title{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.5rem}.dropzone-sub{font-size:.95rem;color:var(--color-text-muted)}.dropzone-browse-link{color:#818cf8!important;font-weight:600;text-decoration:underline;text-underline-offset:4px;cursor:pointer;transition:var(--transition-fast)}.dropzone-browse-link:hover{color:#fff!important}.dropzone-limits{margin-top:1rem;font-size:.78rem;color:#fff6;letter-spacing:.02em}.file-input-hidden{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.converter-settings-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;background:#ffffff08;border:1px solid var(--border-color-light);border-radius:var(--border-radius-lg);padding:.85rem 1.25rem;margin-bottom:var(--spacing-xl)}.settings-group{display:flex;align-items:center;gap:.75rem;font-size:.88rem;color:var(--color-text-secondary)}.settings-label{font-weight:600;color:var(--color-text-light)}.settings-slider-wrap{display:flex;align-items:center;gap:.5rem}.quality-range{-webkit-appearance:none;appearance:none;width:120px;height:6px;background:#ffffff26;border-radius:99px;outline:none;cursor:pointer}.quality-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:#818cf8!important;border-radius:50%;cursor:pointer;box-shadow:0 0 10px #818cf8cc;transition:transform .1s}.quality-range::-webkit-slider-thumb:hover{transform:scale(1.2)}.quality-value-badge{display:inline-block;min-width:44px;font-size:.82rem;font-weight:700;color:#818cf8!important;background:#818cf826;padding:.2rem .45rem;border-radius:6px;text-align:center}.queue-card-wrap{background:#0a0f1eb3;border:1px solid var(--border-color-medium);border-radius:var(--border-radius-xl);padding:1.5rem;margin-bottom:var(--spacing-2xl);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 10px 30px #00000080}.queue-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color-light);margin-bottom:1rem}.queue-title-wrap{display:flex;align-items:center;gap:.6rem}.queue-title{font-size:1.15rem;font-weight:700;color:var(--color-text-primary)}.queue-count-badge{background:#818cf82e;color:#818cf8!important;font-size:.8rem;font-weight:700;padding:.2rem .6rem;border-radius:99px}.queue-actions-top{display:flex;align-items:center;gap:.75rem}.btn-secondary{background:#ffffff0f;border:1px solid rgba(255,255,255,.15);color:var(--color-text-secondary);padding:.5rem 1rem;border-radius:var(--border-radius-md);font-size:.85rem;font-weight:600;cursor:pointer;transition:var(--transition-fast);display:inline-flex;align-items:center;gap:.4rem}.btn-secondary:hover{background:#ffffff1f;color:#fff;border-color:#ffffff4d}.btn-primary-gradient{position:relative;overflow:hidden;background:linear-gradient(135deg,#818cf8,#6366f1,#818cf8)!important;background-size:200% auto;border:none;color:#fff!important;font-family:var(--font-family-primary);font-weight:700;font-size:.9rem;padding:.6rem 1.4rem;border-radius:var(--border-radius-md);cursor:pointer;box-shadow:0 4px 18px #818cf866,0 0 12px #818cf840;transition:all .3s cubic-bezier(.2,.8,.2,1);display:inline-flex;align-items:center;gap:.5rem;text-decoration:none}.btn-primary-gradient:after{content:"";position:absolute;top:-50%;left:-75%;width:45%;height:200%;background:linear-gradient(to right,#fff0,#ffffffa6,#fff0);transform:rotate(25deg);pointer-events:none;animation:btn-shine-sweep 3.2s infinite ease-in-out}.btn-primary-gradient:hover{background-position:right center;box-shadow:0 6px 28px #818cf8a6,0 0 20px #818cf873;transform:translateY(-2px);color:#fff!important}.btn-primary-gradient:active{transform:translateY(0)}.btn-primary-gradient:disabled,.btn-secondary:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}@keyframes btn-shine-sweep{0%{left:-80%;opacity:0}15%{opacity:1}35%,to{left:140%;opacity:0}}.queue-list{display:flex;flex-direction:column;gap:.75rem;max-height:480px;overflow-y:auto;padding-right:.35rem}.queue-list::-webkit-scrollbar{width:6px}.queue-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:99px}.queue-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--border-radius-lg);transition:var(--transition-fast)}.queue-item:hover{background:#ffffff0d;border-color:#ffffff2e}.queue-item-left{display:flex;align-items:center;gap:.85rem;min-width:0;flex:1}.queue-thumb{width:44px;height:44px;border-radius:var(--border-radius-md);object-fit:cover;background:#000;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.queue-info{min-width:0;flex:1}.queue-filename{font-size:.9rem;font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.queue-meta{font-size:.78rem;color:var(--color-text-muted);display:flex;align-items:center;gap:.6rem;margin-top:.2rem}.queue-meta .saved-badge{color:var(--color-success);font-weight:700;background:#4ade801f;padding:.1rem .4rem;border-radius:4px}.queue-status-text{font-size:.82rem;font-weight:500;display:flex;align-items:center;gap:.35rem}.status-done{color:var(--color-success)}.status-converting{color:#818cf8!important}.status-error{color:var(--color-error)}.status-ready{color:var(--color-text-muted)}.queue-item-right{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.btn-item-download{position:relative;overflow:hidden;background:#818cf826;border:1px solid rgba(129,140,248,.35);color:#818cf8!important;padding:.45rem .95rem;border-radius:var(--border-radius-md);font-size:.82rem;font-weight:600;cursor:pointer;text-decoration:none;transition:all .25s ease;display:inline-flex;align-items:center;gap:.35rem}.btn-item-download:after{content:"";position:absolute;top:-50%;left:-75%;width:40%;height:200%;background:linear-gradient(to right,#fff0,#fff6,#fff0);transform:rotate(25deg);pointer-events:none;animation:btn-shine-sweep 3.8s infinite ease-in-out}.btn-item-download:hover{background:#818cf8!important;color:#000!important;box-shadow:0 0 15px #818cf880;transform:translateY(-1px)}.btn-item-remove{background:transparent;border:none;color:var(--color-text-muted);width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.btn-item-remove:hover{background:#ef444426;color:var(--color-error)}.queue-footer{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border-color-light);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.queue-summary-stats{font-size:.88rem;color:var(--color-text-secondary)}.queue-summary-stats strong{color:#818cf8!important}.converter-steps-section{padding:3.5rem 0 2rem}.converter-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem}@media(max-width:768px){.converter-steps-grid{grid-template-columns:1fr}}.step-card{background:#ffffff05;border:1px solid var(--border-color-light);border-radius:var(--border-radius-lg);padding:1.75rem;position:relative;transition:var(--transition-normal)}.step-card:hover{border-color:#818cf866;background:#ffffff0a}.step-number-badge{width:36px;height:36px;border-radius:50%;background:#818cf81f;border:1px solid rgba(129,140,248,.35);color:#818cf8!important;font-size:1rem;font-weight:800;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.step-title{font-size:1.15rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.5rem}.step-desc{font-size:.88rem;color:var(--color-text-muted);line-height:var(--line-height-normal)}.converter-features-section{padding:var(--spacing-4xl) 0 var(--spacing-2xl);position:relative}.converter-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:var(--spacing-xl)}@media(max-width:991px){.converter-features-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media(max-width:640px){.converter-features-grid{grid-template-columns:1fr;gap:1.25rem}}.tool-feature-card{text-align:center;padding:2.25rem 1.75rem;background:#ffffff05;border:1px solid var(--border-color-light);border-radius:var(--border-radius-lg);transition:all .3s ease;display:flex;flex-direction:column;align-items:center}.tool-feature-card:hover{border-color:#818cf866;background:#ffffff0a;transform:translateY(-4px);box-shadow:0 10px 30px #0006}.tool-feature-icon{width:52px;height:52px;border-radius:var(--border-radius-md);background:#818cf81f;border:1px solid rgba(129,140,248,.3);color:#818cf8!important;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;transition:var(--transition-normal)}.tool-feature-card:hover .tool-feature-icon{background:linear-gradient(135deg,#818cf84d,#6366f14d)!important;border-color:#818cf8!important;transform:scale(1.08)}.tool-feature-icon svg{width:24px;height:24px}.tool-feature-title{font-size:1.2rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.6rem}.tool-feature-desc{font-size:.88rem;color:var(--color-text-muted);line-height:var(--line-height-normal)}.converter-table-section{padding:3rem 0}.converter-table-wrap{overflow-x:auto;background:#ffffff05;border:1px solid var(--border-color-light);border-radius:var(--border-radius-lg);margin-top:1.5rem}.converter-table{width:100%;border-collapse:collapse;font-size:.88rem;text-align:left}.converter-table th,.converter-table td{padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.06)}.converter-table th{background:#ffffff0a;color:var(--color-text-primary);font-weight:700}.converter-table td{color:var(--color-text-muted)}.converter-table tr:hover td{background:#ffffff05;color:var(--color-text-secondary)}.converter-table .highlight-col{color:#818cf8!important;font-weight:600}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.doc-modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;backdrop-filter:blur(10px);z-index:999999;display:flex;align-items:center;justify-content:center;padding:1.5rem}.doc-modal-content{background:#0f172a;border:1px solid rgba(129,140,248,.35);border-radius:var(--border-radius-xl);width:100%;max-width:960px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 60px #000c}.doc-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#ffffff08;border-bottom:1px solid var(--border-color-light)}.doc-modal-title{font-size:1.1rem;font-weight:700;color:var(--color-text-primary);display:flex;align-items:center;gap:.5rem}.doc-modal-body{flex:1;overflow-y:auto;padding:2rem;background:#090d16;display:flex;justify-content:center}.docx-render-paper{background:transparent!important;width:100%;max-width:820px;margin:0 auto}.docx-render-paper .docx-wrapper{background:transparent!important;padding:0!important}.docx-render-paper .docx-wrapper>section.docx{background:#fff!important;color:#111827!important;box-shadow:0 4px 20px #0006!important;margin:0 auto 30px!important;border-radius:4px}.btn-preview-doc{background:#ffffff0f;border:1px solid rgba(255,255,255,.15);color:var(--color-text-secondary);padding:.45rem .85rem;border-radius:var(--border-radius-md);font-size:.82rem;font-weight:600;cursor:pointer;transition:var(--transition-fast);display:inline-flex;align-items:center;gap:.35rem}.btn-preview-doc:hover{background:#818cf826;border-color:#818cf866;color:#818cf8!important}@media(max-width:768px){.converter-title{font-size:clamp(1.85rem,6.2vw,2.35rem);line-height:1.18}.converter-subtitle{font-size:.95rem;line-height:1.55}}