.uoc-embed{--uoc-red:#900;--uoc-dark:#1f1f1f;--uoc-border:rgba(31,31,31,.16);--uoc-muted:#5f6062;--uoc-radius:12px;color:var(--uoc-dark);display:block;font-size:16px;margin:0 0 2rem}.uoc-embed__grid{background:#fff;border:1px solid var(--uoc-border);border-radius:var(--uoc-radius);display:grid;gap:18px 22px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));padding:22px}.uoc-embed__field{display:flex;flex-direction:column;gap:6px;min-width:0}.uoc-embed__field label{color:var(--uoc-dark);font-size:.85rem;font-weight:700;letter-spacing:.01em;margin:0;padding:0}.uoc-embed__field input[type=number],.uoc-embed__field select{background:#fff;border:1px solid var(--uoc-border);border-radius:8px;box-shadow:none;color:var(--uoc-dark);font-size:.92rem;line-height:1.3;max-width:100%;min-height:42px;padding:9px 11px;width:100%}.uoc-embed__field input[type=number]:focus,.uoc-embed__field select:focus{border-color:var(--uoc-red);outline:2px solid var(--uoc-red);outline-offset:1px}.uoc-embed__field select.is-empty{border-color:var(--uoc-red)}.uoc-embed__field--checks{gap:10px;justify-content:flex-end}.uoc-embed__hint{color:var(--uoc-muted);font-size:.76rem;line-height:1.4;margin:0}.uoc-embed__check{align-items:center;cursor:pointer;display:flex;font-size:.88rem;font-weight:400;gap:9px;margin:0}.uoc-embed__check input{accent-color:var(--uoc-red);flex:none;height:17px;margin:0;width:17px}.uoc-embed__code{margin-top:22px}.uoc-embed__code-head{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.uoc-embed__code-head label{color:var(--uoc-dark);font-size:1rem;font-weight:700;margin:0}.uoc-embed__copy{background:var(--uoc-red);border:0;border-radius:999px;color:#fff;cursor:pointer;flex:none;font-size:.85rem;font-weight:700;line-height:1.2;padding:9px 18px;transition:background .15s ease,transform .15s ease}.uoc-embed__copy:hover{background:#7d0000}.uoc-embed__copy:active{transform:scale(.97)}.uoc-embed__copy.is-done{background:#1e7a35}.uoc-embed textarea{background:#f7f7f8;border:1px solid var(--uoc-border);border-radius:var(--uoc-radius);color:var(--uoc-dark);display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem;line-height:1.6;padding:12px 14px;resize:vertical;white-space:pre-wrap;width:100%;word-break:break-all}.uoc-embed__preview{border-top:1px solid var(--uoc-border);margin-top:26px;padding-top:20px}.uoc-embed__preview-head{align-items:center;display:flex;flex-wrap:wrap;font-size:1rem;font-weight:700;gap:12px;justify-content:space-between;margin-bottom:12px}.uoc-embed__sizes{display:flex;gap:6px}.uoc-embed__sizes button{background:#fff;border:1px solid var(--uoc-border);border-radius:999px;color:var(--uoc-dark);cursor:pointer;font-size:.78rem;font-weight:600;line-height:1.2;padding:7px 13px}.uoc-embed__sizes button:hover{border-color:var(--uoc-red);color:var(--uoc-red)}.uoc-embed__sizes button.is-active{background:var(--uoc-red);border-color:var(--uoc-red);color:#fff}.uoc-embed__preview-frame{background:#f1f1f2;border:1px solid var(--uoc-border);border-radius:var(--uoc-radius);margin:0 auto;overflow:hidden;transition:max-width .25s ease}.uoc-embed iframe{border:0;display:block;width:100%}@media(prefers-reduced-motion:reduce){.uoc-embed__copy,.uoc-embed__preview-frame{transition:none}}