:root{color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#fff;min-width:320px;margin:0}button,input,select{font:inherit}h1{letter-spacing:-.03em;margin:0 0 12px;font-size:42px;font-weight:700;line-height:1.15}h2{letter-spacing:-.02em;margin:0 0 12px;font-size:28px;line-height:1.25}h3{font-weight:600}p{margin:0 0 12px}a{color:inherit}img{display:block}@media (width<=720px){h1{font-size:34px}h2{font-size:24px}}.page{background:radial-gradient(circle at 0 0,#4e7eff14,#0000 28%),linear-gradient(#f7f9fc 0%,#fff 220px 100%);padding:28px 16px 56px}.container{max-width:1000px;margin:0 auto}.site-header{margin-bottom:34px}.brand-row{margin-bottom:18px}.brand{color:#0f172a;align-items:center;gap:14px;text-decoration:none;display:inline-flex}.brand-mark{flex:none;justify-content:center;align-items:center;width:72px;height:72px;display:inline-flex}.brand-mark svg{filter:drop-shadow(0 10px 18px #2563eb2e);width:72px;height:72px}.brand-text{flex-direction:column;gap:4px;display:flex}.brand-text strong{letter-spacing:-.02em;font-size:21px;line-height:1}.brand-text small{color:#64748b;font-size:14px;line-height:1.2}.top-links,.footer-links{flex-wrap:wrap;gap:20px;margin-bottom:18px;font-size:14px;display:flex}.top-links a,.footer-links a{color:#2563eb;text-decoration:none}.top-links a:hover,.footer-links a:hover{text-decoration:underline}.lead{color:#475569;max-width:760px;margin-bottom:14px;font-size:17px}.hero-pills{flex-wrap:wrap;gap:10px;display:flex}.hero-pills span,.section-badge{color:#1d4ed8;background:#eff6ff;border:1px solid #dbeafe;border-radius:999px;align-items:center;padding:7px 12px;font-size:13px;font-weight:600;display:inline-flex}.tool-section{margin-bottom:24px}.drop-panel{background:#ffffffeb;border:1px solid #dbe4f0;border-radius:18px;padding:20px;position:relative;overflow:hidden;box-shadow:0 18px 50px #0f172a0f}.drop-panel:before{content:"";background:linear-gradient(90deg,#2563eb,#06b6d4);height:3px;position:absolute;inset:0 0 auto}.drop-area{text-align:center;background:linear-gradient(#fbfdff 0%,#f5f8fc 100%);border:2px dashed #c8d4e7;border-radius:14px;padding:48px 16px;transition:border-color .18s,background .18s,transform .18s}.drop-area.dragging{background:#eff6ff;border-color:#2563eb;transform:translateY(-1px)}.drop-title{color:#0f172a;margin:0 0 8px;font-size:20px;font-weight:700}.drop-text{color:#64748b;margin:0}.drop-selected{width:100%;max-width:100%;margin:0 auto}.selected-file-list{text-align:left;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:8px;margin:14px 0 0;padding:0;list-style:none;display:flex}.selected-file-list li{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;background:#ffffffe6;border:1px solid #dbe4f0;border-radius:10px;flex:0 calc(25% - 6px);min-width:140px;max-width:100%;padding:8px 10px;font-size:13px;line-height:1.35;overflow:hidden}.toolbar{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.primary-button,.toolbar-button,.small-button{color:#0f172a;font:inherit;cursor:pointer;background:#fff;border:1px solid #d3dce8;border-radius:10px;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}.primary-button,.toolbar-button{letter-spacing:.01em;padding:10px 15px;font-size:14px;font-weight:700}.primary-button{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-color:#2563eb;box-shadow:0 10px 24px #2563eb2e}.small-button{padding:7px 10px;font-size:13px}.primary-button:hover:not(:disabled),.toolbar-button:hover:not(:disabled),.small-button:hover:not(:disabled){transform:translateY(-1px)}.toolbar-button:hover:not(:disabled),.small-button:hover:not(:disabled){background:#f8fafc;border-color:#c2cedd}.primary-button:disabled,.toolbar-button:disabled,.small-button:disabled{opacity:.5;cursor:not-allowed}.settings-row{flex-wrap:wrap;align-items:end;gap:16px;margin-top:14px;display:flex}.settings-row label{color:#334155;flex-direction:column;gap:6px;font-size:14px;font-weight:600;display:flex}.settings-row select{min-width:140px;font:inherit;background:#fff;border:1px solid #d3dce8;border-radius:10px;padding:8px 10px}.file-count{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px 12px;font-size:14px}.notice{color:#475569;margin:14px 0 0;font-size:14px}.instruction-list{margin-top:16px}.instruction-list p{margin:0 0 8px}.queue-section{margin-bottom:28px}.empty-queue{color:#64748b;background:#fff;border:1px solid #dbe4f0;border-radius:14px;padding:18px}.result-list{background:#fff;border:1px solid #dbe4f0;border-radius:16px;overflow:hidden;box-shadow:0 14px 40px #0f172a0a}.result-item{border-bottom:1px solid #ececec;grid-template-columns:90px 1fr auto;align-items:center;gap:14px;padding:14px;transition:background .18s;display:grid}.result-item:hover{background:#fafcff}.result-item:last-child{border-bottom:0}.thumb{background-color:#0000;background-image:linear-gradient(45deg,#f6f6f6 25%,#0000 25%),linear-gradient(-45deg,#f6f6f6 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#f6f6f6 75%),linear-gradient(-45deg,#0000 75%,#f6f6f6 75%);background-position:0 0,0 7px,7px -7px,-7px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:14px 14px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;width:90px;height:90px;display:flex;overflow:hidden}.thumb img{max-width:100%;max-height:100%}.result-content h3{color:#0f172a;margin:0 0 6px;font-size:16px}.status,.meta,.error{margin:0;font-size:14px}.status-ready,.status-converting{color:#a16207}.status-done{color:#15803d}.status-error,.error{color:#dc2626}.result-actions{flex-wrap:wrap;gap:8px;display:flex}.content-section{color:#334155;background:#ffffffad;border:1px solid #edf2f7;border-radius:16px;margin-bottom:28px;padding:20px}.content-section h2{color:#0f172a}.comparison-table{border-collapse:collapse;border-radius:14px;width:100%;margin-top:10px;overflow:hidden;box-shadow:0 8px 24px #0f172a0a}.comparison-table th,.comparison-table td{text-align:left;vertical-align:top;border:1px solid #dbe4f0;padding:10px 12px}.comparison-table th{color:#0f172a;background:#f8fafc}.content-section ul,.content-section ol{padding-left:22px}.content-section li{margin-bottom:8px}.site-footer{margin-top:8px;padding:8px 0 12px}.footer-copy{color:#64748b;margin:0;font-size:14px}@media (width<=720px){.page{padding:20px 12px 36px}.brand{align-items:flex-start}.selected-file-list li{flex-basis:calc(50% - 4px);min-width:0}.result-item{grid-template-columns:1fr;align-items:start}.thumb{width:100%;max-width:120px;height:120px}}