.web-converter{scroll-margin-top:24px;background:#fff;border:1px solid #dedbea;border-radius:28px;padding:28px;margin-block:40px;box-shadow:0 12px 40px #241d4410;color:#15152e}.web-converter [hidden]{display:none!important}.wc-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.wc-heading h2{font-size:clamp(24px,4vw,36px);margin:8px 0}.web-converter button,.web-converter select,.web-converter a.wc-primary{font:inherit;min-height:44px;padding:10px 16px;border:1px solid #d7d2e7;border-radius:14px;background:#f6f4fc;color:#17162b;cursor:pointer;text-align:center;line-height:1.4}.web-converter :focus-visible{outline:3px solid #7947ed;outline-offset:3px}.web-converter :disabled{opacity:.55;cursor:wait}.web-converter .wc-primary{background:#ff6579;border-color:#ff6579;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;white-space:normal}.wc-pick{position:relative;display:inline-flex;align-items:center;justify-content:center;background:#7650db;color:#fff;padding:15px 24px;min-height:52px;border-radius:16px;font-weight:700;cursor:pointer;max-width:100%;box-sizing:border-box}.wc-pick input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.wc-pick:focus-within{outline:3px solid #ff6579;outline-offset:3px}.wc-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;margin-top:24px}.wc-preview{min-width:0;text-align:center;position:relative}.wc-preview canvas,.wc-result video,.wc-result img{display:block;width:100%;max-width:420px;height:auto;aspect-ratio:1;margin:0 auto 12px;border-radius:16px;border:1px solid #dedbea;box-sizing:border-box}.wc-preview canvas{touch-action:none;cursor:grab}.wc-source{position:absolute;width:2px;height:2px;opacity:.001;pointer-events:none;top:0;left:0}.web-converter fieldset{border:0;margin:0;padding:0;min-width:0}.web-converter legend{font-weight:700;margin-bottom:12px}.wc-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.wc-filters button{min-width:0;padding:10px 4px;font-size:14px;overflow-wrap:anywhere}.wc-filters button[aria-pressed=true]{border:2px solid #7650db;background:#efe8ff}.wc-filters small{display:block;font-size:11px;color:#6b5316}.web-converter label:not(.wc-pick){display:block;margin-block:14px}.web-converter select{appearance:none;-webkit-appearance:none;min-height:48px;width:100%;margin-top:6px;white-space:normal}.web-converter input[type=range]{display:block;width:100%;height:44px;accent-color:#7650db;touch-action:pan-y}.web-converter output{float:inline-end;color:#666178}.wc-small{font-size:14px;line-height:1.55;color:#676177}.wc-notice,.wc-warning{padding:14px;border-radius:14px;background:#fff2d8}.wc-warning{font-size:14px}.web-converter [role=status]{min-height:24px;font-weight:600;overflow-wrap:anywhere}.web-converter progress{width:100%;height:14px;accent-color:#7650db}.wc-result{border-top:1px solid #e1dce9;padding-top:20px}.wc-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.wc-result fieldset{margin:22px auto;max-width:540px}.wc-result fieldset a{display:block;margin-top:14px}.web-converter .wc-heading button{max-width:210px}.wc-result> a,.wc-result> button{margin-top:16px}.web-converter p{line-height:1.5}.wc-heading .eyebrow{margin:0}.web-converter [data-wc=create]{width:100%;margin-top:18px}@media(max-width:680px){.web-converter{padding:18px;border-radius:22px;width:calc(100% - 32px)}.wc-heading{align-items:flex-start;flex-direction:column}.wc-workspace{grid-template-columns:minmax(0,1fr);gap:18px}.wc-preview canvas{max-width:320px}.wc-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.wc-actions>*{flex:1 1 180px}.wc-heading h2{font-size:26px}}

.web-converter [data-wc=photo-output]{padding-inline-end:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23676177' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:12px 8px;background-position:right 16px center}
[dir=rtl] .web-converter [data-wc=photo-output]{background-position:left 16px center}

.web-converter .wc-transparent,.wc-result img{background:repeating-conic-gradient(#eceaf2 0% 25%,#fff 0% 50%) 0 0/16px 16px}