.ck-device{position:absolute;right:10px;display:flex;gap:2px;padding:2px;border:1px solid var(--viclo-line);border-radius:8px;background:var(--viclo-paper)}.ck-device button{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 9px;border:0;border-radius:6px;background:transparent;color:var(--viclo-muted);font:inherit;font-size:12px;font-weight:500;cursor:pointer;transition:background .2s,color .2s}.ck-device button[aria-pressed=true]{background:var(--viclo-soft);color:var(--viclo-ink)}.ck-device button[aria-pressed=true] svg{color:var(--viclo)}.ck-device button:disabled{opacity:.35;cursor:not-allowed}.ck-stage{position:relative}.ck-screen{width:100%;height:100%}.ck-stage.is-mobile{background:radial-gradient(ellipse at 50% 100%,var(--viclo-pale),transparent 70%),var(--viclo-paper)}.ck-phone{position:absolute;top:4%;bottom:4%;left:50%;translate:-50% 0;aspect-ratio:390 / 844;padding:7px;border-radius:34px;background:var(--viclo-ink);box-shadow:0 18px 40px #2d231926,0 0 0 1px #2d231933}.ck-phone video,.ck-phone .ck-poster img{border-radius:27px;object-fit:cover;background:#fff}.ck-poster,.ck-poster img{display:block;width:100%;height:100%}.ck-poster img{object-fit:contain}.ck-preview-caption{max-width:640px;min-height:3em;margin:22px auto 0;text-align:center;color:var(--viclo-ink);font-size:16px;line-height:1.5}.ck-preview-note{margin-top:6px;text-align:center;color:var(--viclo-muted);font-size:12px}@media(max-width:767px){.ck-preview .med-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.ck-preview .med-tabs button{flex:0 1 auto;padding:8px 12px;min-height:38px}.ck-device button span{display:none}.ck-device button{padding:0 7px}.med-address{padding:0 84px 0 56px;font-size:12px}.ck-stage.is-mobile{aspect-ratio:auto;padding:20px 0}.ck-stage.is-mobile .ck-phone{position:relative;inset:auto;translate:none;width:min(78vw,300px);margin:0 auto}.ck-stage.is-pending{aspect-ratio:auto;padding:20px 0;background:radial-gradient(ellipse at 50% 100%,var(--viclo-pale),transparent 70%),var(--viclo-paper)}.ck-stage.is-pending .ck-screen{width:min(78vw,300px);height:auto;margin:0 auto;aspect-ratio:390 / 844;padding:7px;border-radius:34px;background:var(--viclo-ink);box-shadow:0 18px 40px #2d231926,0 0 0 1px #2d231933}.ck-stage.is-pending .ck-poster img{border-radius:27px;object-fit:cover;background:#fff}.ck-preview-caption{font-size:14px}}
