.vector-main{width:min(1180px,calc(100% - 32px));margin:auto;padding:38px 0 60px}.vector-main h1{margin:8px 0;font-size:clamp(30px,5vw,46px);letter-spacing:-.04em}.vector-intro,.vector-limit,.vector-tips p{color:#526171;line-height:1.6}.vector-upload,.vector-workspace{margin-top:24px;background:#fff;border:1px solid #dfe4ea;border-radius:18px;padding:22px}.vector-main [hidden]{display:none!important}.vector-drop{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;min-height:150px;padding:20px;border:2px dashed #ff9c66;border-radius:13px;background:#fff9f5;text-align:center;cursor:pointer}.vector-drop:hover,.vector-drop.dragover,.vector-drop:focus-within{border-color:#ff5a0a;background:#ffefe5}.vector-drop input{position:absolute;opacity:0;width:1px;height:1px}.vector-drop .ui-icon-svg{width:30px;height:30px;color:#e34b08}.vector-drop strong{font-size:20px}.vector-drop>span:last-child,.vector-limit{font-size:13px}.vector-limit{margin:12px 0 0}.vector-toolbar{display:flex;align-items:end;gap:14px;flex-wrap:wrap}.vector-toolbar label{display:grid;gap:6px;font-size:13px;font-weight:700}.vector-toolbar select{padding:10px;border:1px solid #cbd4dd;border-radius:9px;font:inherit;background:#fff;max-width:100%}.vector-toolbar .vector-check{display:flex;align-items:center;min-height:40px;font-weight:500}.vector-check input{accent-color:#ff5a0a;width:17px;height:17px}.vector-actions{display:flex;flex-wrap:wrap;gap:10px}.vector-actions .btn{font-size:13px;min-height:42px}.vector-main button:disabled{opacity:.5;cursor:not-allowed}.vector-comparison{display:grid;grid-template-columns:1fr 1fr;gap:18px}.vector-comparison figure{margin:0;min-width:0}.vector-comparison figcaption{font-weight:700;margin-bottom:10px}.vector-preview{height:360px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #dde4eb;border-radius:12px;background-color:#fff;background-image:conic-gradient(#eef0f4 25%,#fff 0 50%,#eef0f4 0 75%,#fff 0);background-size:20px 20px;padding:12px}.vector-preview img,.vector-preview canvas{max-width:100%;max-height:100%;object-fit:contain;width:auto;height:auto}.vector-file-info{font-size:13px;color:#526171;overflow-wrap:anywhere}.vector-preview>span{color:#526171;background:#fff;padding:10px;border-radius:8px}#vectorStatus{min-height:24px;color:#326348;line-height:1.5;overflow-wrap:anywhere}#vectorStatus.error{color:#a3232b}.vector-tips{margin-top:30px}.vector-tips h2{font-size:21px}.vector-tips p{font-size:14px}.vector-workspace[aria-busy=true] .vector-preview{opacity:.7}@media(max-width:650px){.vector-main{padding-top:24px}.vector-upload,.vector-workspace{padding:16px}.vector-toolbar label{width:100%}.vector-toolbar select{width:100%}.vector-comparison{grid-template-columns:1fr}.vector-preview{height:260px}.vector-actions{width:100%}.vector-actions .btn{flex:1;text-align:center}}