:root{color-scheme:light dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0;min-height:100vh;background:#0b1520;color:#e6edf3}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;text-decoration:none;color:#cbd5e1;font-size:.95rem;transition:background .2s ease,color .2s ease}.nav-item:hover{background:hsla(0,0%,100%,.05);color:#e6edf3}.nav-item-active{background:rgba(31,111,235,.15);color:#8cc4ff;font-weight:600}.nav-item-active:hover{background:rgba(31,111,235,.25)}.sidebar{top:0;left:0;width:280px;height:100vh;border-right:1px solid hsla(0,0%,100%,.08);display:flex;padding:24px 0;z-index:100;transition:transform .3s ease}.hamburger-button,.sidebar{position:fixed;background:rgba(12,21,32,.95);flex-direction:column}.hamburger-button{display:none;top:16px;left:16px;z-index:200;width:44px;height:44px;border:1px solid hsla(0,0%,100%,.08);border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0;cursor:pointer}.hamburger-line{width:24px;height:2px;background:#e6edf3;border-radius:2px;transition:all .3s ease}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:99}.main-wrapper{margin-left:280px;min-height:100vh}main{max-width:1400px;margin:0 auto;padding:32px}@media (max-width:768px){.hamburger-button{display:flex}.sidebar{transform:translateX(-100%)}.sidebar-open{transform:translateX(0)}.sidebar-overlay{display:block}.main-wrapper{margin-left:0}main{padding:80px 16px 16px}}h1{font-size:2rem;margin-bottom:.5rem}p{margin:.5rem 0 1.5rem;line-height:1.6}ul{padding-left:1.2rem}li+li{margin-top:.5rem}code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;background:hsla(0,0%,100%,.08);padding:.1rem .4rem;border-radius:6px}button{font:inherit;cursor:pointer;border:none;border-radius:8px;padding:.6rem 1.2rem;background:#1f6feb;color:#f8fbff;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(31,111,235,.35)}button:not(:disabled):active{transform:translateY(0);box-shadow:none}.converter-shell{display:flex;flex-direction:column;gap:16px}.converter-container{background:rgba(12,21,32,.92);border:1px solid hsla(0,0%,100%,.08);border-radius:14px;padding:32px;display:flex;flex-direction:column;gap:24px;box-shadow:0 24px 80px rgba(3,12,24,.45)}.converter-header h1{margin:.4rem 0 1rem;font-size:clamp(1.8rem,2.4vw + 1.3rem,2.4rem)}.converter-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .75rem;background:rgba(87,179,255,.18);color:#90c8ff;border-radius:999px;font-size:.85rem;letter-spacing:.05em}.converter-description{margin:0;color:rgba(230,237,243,.82)}.converter-dropzone{border:1.5px dashed rgba(143,201,255,.4);border-radius:16px;padding:32px;text-align:center;background:rgba(17,34,51,.6);transition:border .2s ease,background .2s ease,transform .2s ease}.converter-dropzone--active{border-color:rgba(143,201,255,.8);background:rgba(31,85,149,.45);transform:scale(1.01)}.converter-dropzone--disabled{opacity:.6}.converter-dropzone__title{margin:0;font-size:1.1rem;font-weight:600}.converter-dropzone__subtitle{margin:.5rem 0;color:rgba(230,237,243,.6)}.converter-dropzone__button{margin:.75rem auto 1rem}.converter-dropzone__hint{margin:0;font-size:.9rem;color:rgba(230,237,243,.55)}.converter-alert{background:hsla(0,100%,75%,.12);border:1px solid hsla(0,100%,75%,.3);border-radius:12px;padding:16px 20px;font-size:.95rem;line-height:1.5}.converter-alert ul{margin:.5rem 0 0;padding-left:1.2rem}.converter-progress{display:flex;flex-direction:column;gap:12px;font-size:.95rem}.converter-progress__label{color:rgba(230,237,243,.8)}.converter-progress__track{width:100%;height:6px;border-radius:999px;background:rgba(230,237,243,.1);overflow:hidden}.converter-progress__bar{width:40%;height:100%;background:linear-gradient(90deg,rgba(80,166,255,.8),rgba(145,209,255,.9));border-radius:inherit;animation:converter-progress 1.2s ease-in-out infinite}@keyframes converter-progress{0%{transform:translateX(-100%)}50%{transform:translateX(40%)}to{transform:translateX(120%)}}.converter-home-link{margin-bottom:1.5rem}.converter-home-link .converter-summary__link{display:inline-flex}.converter-summary{display:flex;flex-direction:column;gap:12px;background:rgba(22,36,53,.7);border-radius:12px;padding:20px 24px}.converter-summary__saving{margin-left:.75rem;color:rgba(144,200,255,.9);font-weight:600}.converter-summary__actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.converter-summary__ghost{background:hsla(0,0%,100%,.08);color:#dfe9f4}.converter-summary__link{color:#8cc4ff;text-decoration:none;padding:.6rem 1rem;border-radius:8px;background:rgba(143,201,255,.08)}.converter-summary__link:hover{text-decoration:underline}.converter-empty{margin:0;color:rgba(230,237,243,.6);font-style:italic}.converter-grid{display:grid;grid-gap:20px;gap:20px}.conversion-card{background:rgba(18,30,45,.85);border:1px solid hsla(0,0%,100%,.05);border-radius:14px;padding:20px 24px;display:flex;flex-direction:column;gap:18px}.conversion-card__header{display:flex;justify-content:space-between;align-items:center;gap:16px}.conversion-card__title{margin:.25rem 0 0;font-size:1.1rem}.conversion-card__timestamp{margin:0;font-size:.85rem;color:rgba(230,237,243,.55)}.conversion-card__download{background:rgba(81,168,255,.9);color:#04101c;font-weight:600}.conversion-card__body{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:20px;gap:20px}.conversion-card__column{background:rgba(8,16,27,.6);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.conversion-card__column h4{margin:0;font-size:1rem;color:rgba(230,237,243,.85)}.conversion-card__column img{width:100%;height:auto;border-radius:8px;background:rgba(230,237,243,.05)}.conversion-card__column dl{margin:0;display:grid;grid-row-gap:8px;row-gap:8px;grid-column-gap:12px;column-gap:12px}.conversion-card__column dt{font-size:.85rem;color:rgba(230,237,243,.6)}.conversion-card__column dd{margin:0;font-size:.95rem;font-weight:600}.conversion-card__badge{margin-left:.5rem;padding:.15rem .5rem;border-radius:999px;background:rgba(71,205,138,.18);color:#79d6a8;font-size:.8rem}@media (max-width:720px){.converter-shell{margin:32px auto 48px}.converter-container{padding:24px}.converter-dropzone{padding:24px 18px}.converter-summary__actions{flex-direction:column;align-items:stretch}.converter-summary__link{text-align:center}}