.ip-intro{padding-block:40px 28px}.ip-intro h1{letter-spacing:-.048em;margin:12px 0 20px;font-size:clamp(40px,4.65vw,66px);font-weight:800;line-height:1.02}main:has(.ip-intro){background:#f3f4f9}.ip-intro h1 span{color:var(--silver-violet)}.ip-eyebrow{color:#5832ce;margin-top:24px;font-weight:700}.ip-lead{font-size:19px}.ip-picker svg{color:#5832ce;width:24px;height:24px}.ip-body{padding-bottom:48px}.ip-workspace{grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);align-items:start;gap:20px;display:grid}.ip-panel{background:#fff;border:1px solid #dfe2ed;border-radius:8px;min-width:0;margin-bottom:20px;padding:28px}.ip-panel h2{margin:0 0 16px}.ip-panel p{color:#5e647b}.ip-picker{text-align:center;background:#f8f8fc;border:1px dashed #858ba3;border-radius:8px;flex-direction:column;align-items:center;gap:10px;margin-bottom:28px;padding:24px 16px;display:flex}.ip-body .ip-choose{cursor:pointer;color:#5832ce;background:#fff;border:1px solid #6741f5;border-radius:100px;align-items:center;min-height:44px;padding:12px 22px;font-weight:700;display:inline-flex}.ip-body .ip-choose.ip-primary{color:#fff;background:#6741f5}.ip-body .ip-choose:hover{background:#eae5ff}.ip-body .ip-choose.ip-primary:hover{background:#4f28d2}#ip-file:focus-visible+.ip-choose{outline-offset:3px;outline:3px solid #5832ce}#ip-file:disabled+.ip-choose{opacity:.65;cursor:not-allowed}.ip-picker p{margin:0}.ip-picker p,.ip-note,#ip-margin-help,#ip-encoding-help{font-size:14px}.ip-list{padding:0;list-style:none}.ip-list li{border-top:1px solid #dfe2ed;flex-wrap:wrap;align-items:center;gap:14px;padding:16px 0;display:flex}.ip-list img{object-fit:contain;width:64px;height:64px}.ip-file-detail{overflow-wrap:anywhere;flex:1;min-width:120px}.ip-file-detail strong,.ip-file-detail span{display:block}.ip-file-detail span{color:#5e647b;margin-top:4px;font-size:13px}.ip-row-actions{flex-wrap:wrap;gap:6px;width:100%;display:flex}.ip-body button,.ip-body select,.ip-body input[type=number]{font:inherit;color:#1b1d33;background:#fff;border:1px solid #858ba3;border-radius:6px;min-height:44px;padding:8px 12px}.ip-body button{cursor:pointer}.ip-body button:hover:not(:disabled){background:#eae5ff}.ip-body button:disabled{opacity:.65;cursor:not-allowed}.ip-body :focus-visible{outline-offset:3px;outline:3px solid #5832ce}#ip-settings label{margin:18px 0 8px;font-weight:700;display:block}#ip-settings select,#ip-settings input{width:100%}.ip-body .ip-primary{color:#fff;background:#6741f5;border:0;border-radius:100px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:12px 22px;font-weight:700;text-decoration:none;display:inline-flex}.ip-body .ip-primary:hover:not(:disabled){background:#4f28d2}#ip-run{border-radius:100px;width:100%;margin-top:12px;font-weight:700}@media (width>=1100px){.ip-row-actions{width:auto}}.ip-actions{gap:10px;margin-top:12px;display:flex}.ip-actions button{border-radius:100px;flex:1}#ip-progress{accent-color:#6741f5;width:100%;margin-top:16px}.ip-body .ip-error{color:#a7253d;overflow-wrap:anywhere}.ip-result{grid-template-columns:1fr 1.2fr;gap:28px;display:grid}.ip-result[hidden],.ip-body [hidden]{display:none}.ip-preview-area{text-align:center;background:#f3f4f9;border-radius:8px;min-width:0;padding:16px}#ip-preview{object-fit:contain;border:1px solid #dfe2ed;max-width:100%;max-height:600px}.ip-navigation{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;display:flex}.ip-faq{grid-template-columns:1fr 1fr;gap:24px;display:grid}.ip-faq details{border:1px solid #dfe2ed;border-radius:5px;padding:12px 16px}.ip-faq summary{cursor:pointer;align-content:center;min-height:44px;font-weight:600}@media (width<=800px){.ip-workspace,.ip-result,.ip-faq{grid-template-columns:1fr}.ip-panel{padding:23px}}