.axis-card{background:var(--axis-surface);border-color:var(--axis-line);color:var(--axis-text)}.axis-action-button{border:1px solid var(--axis-control-line);border-radius:var(--axis-button-radius,12px);min-height:44px;font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-weight:650;line-height:1.3;transition:background .18s,border-color .18s,box-shadow .18s;display:inline-flex}.axis-action-button--primary{color:var(--axis-button-primary-text);background:var(--axis-button-primary-bg);border-color:var(--axis-button-primary-border)}.axis-action-button--primary:hover:not(:disabled){background:var(--axis-button-primary-bg-hover)}.axis-action-button--secondary{color:var(--axis-text);background:var(--axis-surface)}.axis-action-button--secondary:hover:not(:disabled){background:var(--axis-raised);border-color:var(--axis-focus)}.axis-action-button--danger{color:var(--axis-danger);border-color:var(--axis-danger);background:0 0}.axis-action-button--danger:hover:not(:disabled){background:color-mix(in srgb,var(--axis-danger) 10%,transparent)}.axis-action-button:disabled{opacity:.55;cursor:not-allowed}.axis-action-button[aria-busy=true]{cursor:wait}.axis-action-button:focus-visible,.axis-field :is(input,textarea,select):focus-visible,.axis-dialog__close:focus-visible{outline:3px solid var(--axis-focus);outline-offset:3px}.axis-action-button__spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite axis-ui-spin}.axis-field{gap:8px;min-width:0;display:grid}.axis-field label{color:var(--axis-text);font-size:13px;font-weight:600}.axis-field :is(input,textarea,select){border:1px solid var(--axis-control-line);width:100%;min-width:0;min-height:44px;color:var(--axis-text);background:var(--axis-surface);font:inherit;border-radius:10px;padding:11px 13px}.axis-field small{color:var(--axis-muted);line-height:1.5}.axis-field [role=alert],.axis-field [aria-invalid=true]{color:var(--axis-danger);border-color:var(--axis-danger)}.axis-custom-field input{border-color:var(--axis-control-line)}.axis-custom-field input:focus-visible{outline:3px solid var(--axis-focus);outline-offset:3px}.axis-custom-field button{min-width:44px;min-height:44px;right:4px}.axis-custom-field button:focus-visible{outline:3px solid var(--axis-focus);outline-offset:0;border-radius:8px}.axis-feedback{border:1px solid var(--axis-line);min-width:0;color:var(--axis-text);background:var(--axis-surface);border-radius:16px;align-content:center;justify-items:start;gap:14px;padding:clamp(20px,3vw,32px);display:grid}.axis-feedback h3{margin:0;font-size:18px}.axis-feedback p{color:var(--axis-muted);max-width:65ch;margin:0;line-height:1.65}.axis-feedback small{overflow-wrap:anywhere;max-width:100%;color:var(--axis-muted)}.axis-feedback--error{border-color:var(--axis-danger)}.axis-skeleton{gap:14px;width:100%;padding:24px;display:grid}.axis-skeleton>span{background:linear-gradient(90deg,var(--axis-raised),color-mix(in srgb,var(--axis-muted) 15%,var(--axis-raised)),var(--axis-raised));background-size:200% 100%;border-radius:8px;animation:1.8s infinite axis-ui-shimmer;display:block}.axis-skeleton__line{height:16px}.axis-skeleton__line:last-child{width:65%}.axis-skeleton__media{aspect-ratio:1.8}.axis-dialog-backdrop{z-index:1100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#050808b8;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.axis-dialog{border:1px solid var(--axis-line);background:var(--axis-surface);width:min(100%,62rem);max-height:calc(100dvh - 32px);color:var(--axis-text);border-radius:20px;padding:clamp(20px,4vw,36px);position:relative;overflow:auto;box-shadow:0 16px 64px #0002}.axis-dialog__title{margin:0 52px 24px 0;font-size:clamp(22px,4vw,36px);line-height:1.15}.axis-dialog__close{z-index:2;border:1px solid var(--axis-control-line);width:44px;height:44px;color:var(--axis-text);background:var(--axis-surface);cursor:pointer;border-radius:12px;place-items:center;display:grid;position:absolute;top:12px;right:12px}.axis-dialog__close svg{width:20px}html[data-theme=light] .axis-action-button--primary{background:var(--light-primary);color:var(--light-primary-ink);border-color:var(--light-primary-line)}html[data-theme=light] .axis-action-button--primary:hover:not(:disabled){background:var(--light-primary-hover)}@keyframes axis-ui-spin{to{transform:rotate(360deg)}}@keyframes axis-ui-shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.axis-skeleton>span,.axis-action-button__spinner{animation:none}.axis-action-button{transition:none}}
