:root{--motion-feedback:140ms;--motion-surface:220ms;--motion-reveal:480ms;--motion-ease:cubic-bezier(.2,.7,.2,1)}
.rekon-loading{display:flex;align-items:center;justify-content:center;gap:20px;max-width:100%;padding:28px;color:var(--studio-ink,#242321);font:400 14px/1.5 var(--font-body,system-ui)}
.rekon-loading>img{flex:none;width:88px;height:88px}.rekon-loading strong{display:block;font-size:15px;font-weight:600}.rekon-loading p{font-size:13px;margin:5px 0 0;color:var(--studio-muted,#696357)}
.rekon-loading.is-compact{justify-content:flex-start;padding:14px 0;gap:12px}.rekon-loading.is-compact>img{width:32px;height:32px}
.rekon-boot{min-height:100dvh;background:var(--studio-canvas,#F5F1E9);color:var(--studio-ink,#242321);display:flex;align-items:center;justify-content:center;padding:24px}
.rekon-boot>.rekon-loading{flex-direction:column;text-align:center;max-width:420px}.rekon-boot .rekon-loading>img{width:112px;height:112px}.rekon-boot .rekon-loading strong{font-size:20px;letter-spacing:-.02em}.rekon-boot .rekon-loading p{max-width:300px}.rekon-boot-mark{font:500 26px var(--font-display,Georgia);margin-bottom:16px}
.rekon-button-signal{width:24px;height:24px;flex:none;background:#FEFDFC;border-radius:50%;padding:2px}.rekon-pending-note{font-size:13px;color:var(--studio-muted,#696357);padding:12px 0;max-width:100%}
.rekon-pending-label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
button[data-rekon-pending="1"]{cursor:progress;gap:8px}button[data-rekon-pending="1"]:disabled{opacity:.85}
.rekon-media-pending{position:relative}.rekon-media-signal{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-content:center;width:64px;height:64px;background:#FEFDFC;border:1px solid #E3DED4;border-radius:18px;pointer-events:none}
.rekon-media-signal>img{width:44px;height:44px}
.rekon-view-pending{position:fixed;top:calc(var(--mobile-top-space,68px) + 10px);left:50%;transform:translateX(-50%);z-index:80;width:max-content;max-width:calc(100vw - 40px);background:#FEFDFC;border:1px solid #E3DED4;border-radius:16px;padding:0 16px;box-shadow:0 8px 30px #24232116;pointer-events:none}.rekon-view-pending .rekon-loading{font-size:13px}.rekon-view-pending strong{font-size:13px}
.studio .btn,.studio .icon-btn,.studio-nav a,.studio .tab,.mobile-icon,.mobile-bottom-nav>a,.mobile-create{transition:background-color var(--motion-feedback) ease,color var(--motion-feedback) ease,box-shadow var(--motion-feedback) ease}
.studio .wb-card{transition:border-color var(--motion-feedback) ease,box-shadow var(--motion-feedback) ease}.studio .wb-card:focus-within{box-shadow:0 0 0 2px var(--studio-active)}
.pdf-message .rekon-loading{min-height:150px}.pdf-message .rekon-loading p{font-size:12px}
@media(max-width:800px){.rekon-loading{padding:22px 14px;gap:14px}.rekon-boot .rekon-loading strong{font-size:19px}.rekon-loading>img{width:72px;height:72px}}
@media(prefers-reduced-motion:reduce){:root{--motion-feedback:0ms;--motion-surface:0ms;--motion-reveal:0ms}.studio .btn,.studio .icon-btn,.studio-nav a,.studio .tab,.mobile-icon,.mobile-bottom-nav>a,.mobile-create,.studio .wb-card{transition:none}}
