.embed-publish-page{--cc-ok:var(--teal);--cc-bad:#e5484d;max-width:760px;margin:0 auto;padding:clamp(2rem,5vw,3.5rem) 1.25rem 4rem}html.dark .embed-publish-page{--cc-bad:#ff6166}.embed-publish{display:flex;flex-direction:column;gap:1.75rem;animation:ccFadeIn .3s ease both}.embed-publish__header{display:flex;flex-direction:column;gap:.4rem}.embed-publish__title{margin:0;font-family:var(--font-display);font-size:clamp(30px,6vw,44px);font-weight:700;line-height:1.02;letter-spacing:var(--t-display);text-transform:lowercase;color:var(--ink)}.embed-publish__title em{font-style:normal;color:var(--orange)}.embed-publish__lead{margin:0;max-width:46ch;font-size:15px;line-height:1.55;color:var(--ink-2)}.embed-publish__panel{display:flex;flex-direction:column;gap:1.25rem;padding:clamp(1.1rem,3vw,1.5rem);border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,var(--paper) 0,var(--paper-2) 100%);box-shadow:0 1px 0 var(--line),0 18px 40px -28px rgba(19,19,18,.4)}.embed-publish__field{display:flex;flex-direction:column;gap:.5rem;margin:0}.embed-publish__label{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.embed-publish__input-wrap{position:relative;display:flex;align-items:center;gap:.6rem;padding:0 .85rem;border:1px solid var(--line-2);border-radius:12px;background:var(--paper);transition:border-color .15s,box-shadow .15s,background .15s}.embed-publish__input-wrap:focus-within{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.embed-publish__field[data-status=valid] .embed-publish__input-wrap{border-color:var(--cc-ok)}.embed-publish__field[data-status=valid] .embed-publish__input-wrap:focus-within{box-shadow:0 0 0 1px var(--cc-ok)}.embed-publish__field[data-status=invalid] .embed-publish__input-wrap{border-color:var(--cc-bad)}.embed-publish__field[data-status=invalid] .embed-publish__input-wrap:focus-within{box-shadow:0 0 0 1px var(--cc-bad)}.embed-publish__input-icon{display:inline-flex;flex-shrink:0;color:var(--muted);transition:color .15s}.embed-publish__input-wrap:focus-within .embed-publish__input-icon{color:var(--ink)}.embed-publish__input{flex:1 1;min-width:0;padding:.7rem 0;border:0;background:transparent;font:inherit;font-size:15px;color:var(--ink)}.embed-publish__input::placeholder{color:var(--muted)}.embed-publish__input:focus{outline:none}.embed-publish__input-flag{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px}.embed-publish__input-flag[data-status=valid]{color:var(--cc-ok);animation:ccPopIn .28s cubic-bezier(.34,1.56,.64,1) both}.embed-publish__input-flag[data-status=invalid]{color:var(--cc-bad);animation:ccPopIn .28s cubic-bezier(.34,1.56,.64,1) both}.embed-publish__spinner{width:14px;height:14px;border-radius:9999px;border:2px solid var(--line-2);border-top-color:var(--ink);animation:ccSpin .7s linear infinite}.embed-publish__theme{display:flex;flex-direction:column;gap:.5rem}.embed-publish__segmented{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;width:max-content;padding:3px;border:1px solid var(--line-2);border-radius:9999px;background:var(--paper-2)}.embed-publish__segmented-thumb{position:absolute;top:3px;left:3px;width:calc(50% - 3px);height:calc(100% - 6px);border-radius:9999px;background:var(--ink);box-shadow:0 2px 6px -2px rgba(19,19,18,.5);transition:transform .24s cubic-bezier(.34,1.4,.6,1)}.embed-publish__segmented[data-active=dark] .embed-publish__segmented-thumb{transform:translateX(100%)}.embed-publish__segment{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;padding:.45rem 1.4rem;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);cursor:pointer;transition:color .2s}.embed-publish__segmented[data-active=dark] .embed-publish__segment:last-child,.embed-publish__segmented[data-active=light] .embed-publish__segment:first-child{color:var(--paper)}.embed-publish__segment input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.embed-publish__segment input:focus-visible+span{outline:2px solid var(--orange);outline-offset:4px;border-radius:4px}.embed-publish__result{display:flex;flex-direction:column;gap:1.75rem;animation:ccResultIn .4s cubic-bezier(.2,.7,.2,1) both}.embed-publish__section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.85rem}.embed-publish__section-title{margin:0;font-size:11px;letter-spacing:.12em;color:var(--muted)}.embed-publish__pulse,.embed-publish__section-title{font-family:var(--font-mono);font-weight:600;text-transform:uppercase}.embed-publish__pulse{display:inline-flex;align-items:center;gap:6px;font-size:10px;letter-spacing:.1em;color:var(--cc-ok)}.embed-publish__pulse:before{content:"";width:7px;height:7px;border-radius:9999px;background:var(--cc-ok);box-shadow:0 0 0 0 color-mix(in srgb,var(--cc-ok) 60%,transparent);animation:ccLivePulse 1.8s ease-out infinite}.embed-publish__iframe{display:block;width:100%;min-height:220px;border:none;background:transparent;transition:height .25s ease}.embed-publish__copy{display:inline-flex;align-items:center;gap:7px;padding:.42rem .9rem;border:1.5px solid var(--ink);border-radius:9999px;background:var(--ink);color:var(--paper);font-family:var(--font-display);font-weight:700;font-size:11px;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:transform .12s,background .18s,border-color .18s,color .18s}.embed-publish__copy:hover:not(:disabled){background:#000;border-color:#000;color:#fff}.embed-publish__copy:active:not(:disabled){transform:translateY(1px)}.embed-publish__copy[data-copied=true]{background:var(--cc-ok);border-color:var(--cc-ok);color:#fff}.embed-publish__copy-icon{display:inline-flex}.embed-publish__code{margin:0;padding:1.1rem 1.2rem;border-radius:14px;background:var(--ink);color:var(--paper);overflow-x:auto;font-family:var(--font-mono);font-size:12.5px;line-height:1.7;white-space:pre-wrap;word-break:break-word;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--paper) 8%,transparent)}.embed-publish__hint{margin:.75rem 0 0;font-size:12.5px;line-height:1.5;color:var(--muted)}.embed-publish__error{display:flex;align-items:flex-start;gap:10px;margin:0;padding:14px 16px;border:1px solid color-mix(in srgb,var(--cc-bad) 35%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--cc-bad) 7%,var(--paper));font-size:14px;line-height:1.5;color:var(--ink-2);animation:ccResultIn .3s cubic-bezier(.2,.7,.2,1) both}.embed-publish__error>svg{flex-shrink:0;margin-top:2px;color:var(--cc-bad)}.embed-publish__error code{font-family:var(--font-mono);font-size:12px;color:var(--ink)}.embed-publish__loading{display:flex;flex-direction:column;gap:12px}.embed-publish__loading-head{height:14px;width:30%;border-radius:6px}.embed-publish__loading-body{height:200px;width:100%;border-radius:16px}.embed-publish__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:2.5rem 1.5rem;border:1px dashed var(--line-2);border-radius:18px;background:color-mix(in srgb,var(--paper-2) 60%,transparent);text-align:center}.embed-publish__placeholder p{margin:0;font-size:13.5px;color:var(--muted)}.embed-publish__placeholder-mark{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:var(--paper-3);font-family:var(--font-mono);font-size:15px;font-weight:600;color:var(--ink-2)}@keyframes ccSpin{to{transform:rotate(1turn)}}@keyframes ccPopIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes ccResultIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes ccLivePulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--cc-ok) 55%,transparent)}70%{box-shadow:0 0 0 6px color-mix(in srgb,var(--cc-ok) 0%,transparent)}to{box-shadow:0 0 0 0 color-mix(in srgb,var(--cc-ok) 0%,transparent)}}@media (prefers-reduced-motion:reduce){.embed-publish,.embed-publish__error,.embed-publish__iframe,.embed-publish__input-flag,.embed-publish__result,.embed-publish__segmented-thumb{animation:none;transition:none}.embed-publish__spinner{animation-duration:1.4s}.embed-publish__pulse:before{animation:none}}