.intro{max-width:850px}.intro h1{overflow-wrap:anywhere}.vector-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.drop-zone{min-height:185px}.drop-zone p,.field-hint,footer{font-size:.875rem}.settings{margin-top:24px}.range-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.range-heading .field-label{margin:0}.range-heading output{color:#2457d5;font-size:1rem;font-weight:800}.range-input{width:100%;margin:13px 0 4px;accent-color:#2457d5;cursor:pointer}.detail-label{margin:24px 0 9px}.page-select{font-size:.95rem}.create-button{margin-top:22px}.cancel-button{display:block;margin:13px auto 0;border:0;background:transparent;color:#3354aa;text-decoration:underline;text-underline-offset:3px;font-size:.9rem;font-weight:700}
.checker{background-color:#fff;background-image:linear-gradient(45deg,#e9edf4 25%,transparent 25%),linear-gradient(-45deg,#e9edf4 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e9edf4 75%),linear-gradient(-45deg,transparent 75%,#e9edf4 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}
.source{margin-top:16px}.source-preview{display:grid;place-items:center;height:180px;border:1px solid #dce4ef;border-radius:11px;overflow:hidden}.source-preview img{max-width:100%;max-height:100%;object-fit:contain}.source-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:10px;color:#61718b;font-size:.875rem}.source-meta #filename{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;color:#293a57}.source-meta #dimensions{white-space:nowrap}.source-meta button{margin-left:auto;border:0;background:transparent;color:#3354aa;text-decoration:underline;text-underline-offset:3px;font-size:.875rem;font-weight:700}
.vector-preview{display:grid;place-items:center;min-height:375px;border:1px solid #dce4ef;border-radius:12px;overflow:hidden}.vector-preview img{width:auto;height:auto;max-width:100%;max-height:400px;object-fit:contain}.empty-state{max-width:300px;padding:25px;text-align:center;line-height:1.5;color:#697992;background:#f8faffd9;border-radius:9px;font-size:.95rem}.output-status{min-height:24px;margin:14px 0 0;color:#53637d;font-size:.9rem;line-height:1.45}.output-status.error{color:#a43236}.output-card .download{display:inline-flex;align-items:center;justify-content:center;margin-top:10px;padding:12px 16px;border-radius:9px;background:#163c9f;color:#fff;font-weight:700;font-size:.92rem;text-decoration:none}.output-card .download:hover{background:#0d2d81}
[dir=rtl] .page-select{background-position:left 12px center;padding-left:33px;padding-right:14px}[dir=rtl] .intro h1{letter-spacing:normal}
@media(max-width:800px){.vector-workspace{grid-template-columns:1fr}.vector-preview{min-height:280px}}
@media(max-width:480px){.card h2{overflow-wrap:anywhere}.source-preview{height:145px}.vector-preview{min-height:240px}}
@media(prefers-reduced-motion:reduce){.drop-zone,.create-button{transition:none}}