.opn-button{--opn-button-bg:transparent;--opn-button-border:transparent;--opn-button-color:var(--opn-color-text-strong);--opn-button-hover-bg:transparent;--opn-button-hover-border:transparent;--opn-button-hover-color:var(--opn-button-color);min-height:var(--opn-control-height-md);justify-content:center;align-items:center;gap:var(--opn-space-2);border:var(--opn-border-width-default) solid var(--opn-button-border);border-radius:var(--opn-radius-md);background:var(--opn-button-bg);color:var(--opn-button-color);font-weight:var(--opn-font-weight-bold);letter-spacing:-.01em;line-height:var(--opn-line-height-label);padding:0 var(--opn-space-6);text-align:center;text-decoration:none;transition:background-color .16s,border-color .16s,color .16s,transform .16s,box-shadow .16s;display:inline-flex;position:relative}.opn-button:hover{border-color:var(--opn-button-hover-border);background:var(--opn-button-hover-bg);color:var(--opn-button-hover-color);text-decoration:none}.opn-button:active{transform:translateY(1px)}.opn-button:disabled,.opn-button[aria-disabled=true]{border-color:var(--opn-color-border-default);background:var(--opn-color-bg-surface-muted);color:var(--opn-color-text-disabled);transform:none}.opn-button--sm{min-height:var(--opn-control-height-sm);padding:0 var(--opn-space-4);font-size:var(--opn-font-size-label)}.opn-button--full{width:100%}.opn-button--primary{--opn-button-bg:var(--opn-color-action-primary);--opn-button-border:var(--opn-color-action-primary);--opn-button-color:var(--opn-color-text-inverse);--opn-button-hover-bg:var(--opn-color-action-primary-hover);--opn-button-hover-border:var(--opn-color-action-primary-hover);--opn-button-hover-color:var(--opn-color-text-inverse);box-shadow:0 10px 24px -16px #2563ebe6}.opn-button--secondary{--opn-button-bg:var(--opn-color-bg-surface);--opn-button-border:var(--opn-color-border-default);--opn-button-color:var(--opn-color-text-strong);--opn-button-hover-bg:var(--opn-color-action-primary-soft);--opn-button-hover-border:var(--opn-color-action-primary-border);--opn-button-hover-color:var(--opn-color-action-primary)}.opn-button--tertiary{--opn-button-bg:transparent;--opn-button-border:transparent;--opn-button-color:var(--opn-color-action-primary);--opn-button-hover-bg:var(--opn-color-action-primary-soft);--opn-button-hover-border:transparent;--opn-button-hover-color:var(--opn-color-action-primary-hover);padding-inline:var(--opn-space-3)}.opn-button--danger{--opn-button-bg:var(--opn-color-error-bg);--opn-button-border:var(--opn-color-error-border);--opn-button-color:var(--opn-color-error-text);--opn-button-hover-bg:var(--opn-color-error-border);--opn-button-hover-border:var(--opn-color-error-border);--opn-button-hover-color:var(--opn-color-error-text)}.opn-button__spinner{border-radius:var(--opn-radius-pill);border:2px solid;border-right-color:#0000;width:1rem;height:1rem;animation:.7s linear infinite opn-spin}@keyframes opn-spin{to{transform:rotate(360deg)}}.opn-card{border:var(--opn-border-width-default) solid var(--opn-color-border-subtle);border-radius:var(--opn-radius-xl);background:var(--opn-color-bg-surface);box-shadow:var(--opn-shadow-sm);padding:clamp(var(--opn-space-5), 4vw, var(--opn-space-8))}.opn-card--form{max-width:32rem;padding:clamp(var(--opn-space-6), 4vw, var(--opn-space-8))}.opn-card--workspace,.opn-card--state{padding:var(--opn-space-6)}.opn-card--interactive{transition:border-color .16s,background-color .16s,box-shadow .16s,transform .16s}.opn-card--interactive:hover{border-color:var(--opn-color-action-primary-border);background:var(--opn-color-bg-surface-soft);box-shadow:var(--opn-shadow-md);transform:translateY(-1px)}.opn-card[data-selected=true]{border-color:var(--opn-color-action-primary);box-shadow:0 0 0 3px var(--opn-color-action-primary-soft)}.opn-card[data-disabled=true]{background:var(--opn-color-bg-surface-muted);color:var(--opn-color-text-disabled)}.opn-field{gap:var(--opn-space-2);display:grid}.opn-field__label{color:var(--opn-color-text-strong);font-size:var(--opn-font-size-label);font-weight:var(--opn-font-weight-semibold);line-height:var(--opn-line-height-label)}.opn-field__required{color:var(--opn-color-error-text)}.opn-field__control,.opn-field__select{width:100%;min-height:var(--opn-control-height-lg);border:var(--opn-border-width-default) solid var(--opn-color-border-default);border-radius:var(--opn-radius-md);background:var(--opn-color-bg-surface);color:var(--opn-color-text-strong);padding:0 var(--opn-space-4);transition:border-color .16s,background-color .16s,box-shadow .16s}.opn-field__control::placeholder{color:var(--opn-color-text-disabled)}.opn-field__control:hover,.opn-field__select:hover{border-color:var(--opn-color-action-primary-border)}.opn-field__control:disabled,.opn-field__select:disabled{background:var(--opn-color-bg-surface-muted);color:var(--opn-color-text-disabled)}.opn-field[data-invalid=true] .opn-field__control,.opn-field[data-invalid=true] .opn-field__select{border-color:var(--opn-color-error-border);background:var(--opn-color-error-bg)}.opn-field[data-valid=true] .opn-field__control,.opn-field[data-valid=true] .opn-field__select{border-color:var(--opn-color-success-border)}.opn-field__message{color:var(--opn-color-text-muted);font-size:var(--opn-font-size-label);line-height:var(--opn-line-height-label);margin:0}.opn-field__message--error{color:var(--opn-color-error-text);font-weight:var(--opn-font-weight-semibold)}.opn-field__message--success{color:var(--opn-color-success-text);font-weight:var(--opn-font-weight-semibold)}.opn-checkbox{gap:var(--opn-space-2);display:grid}.opn-checkbox__row{align-items:flex-start;gap:var(--opn-space-3);display:flex}.opn-checkbox__control{width:1.125rem;height:1.125rem;accent-color:var(--opn-color-action-primary);flex:none;margin-top:.125rem}.opn-checkbox__label{color:var(--opn-color-text-strong);font-size:var(--opn-font-size-label);font-weight:var(--opn-font-weight-semibold);line-height:var(--opn-line-height-label)}.opn-alert{gap:var(--opn-space-1);border:var(--opn-border-width-default) solid var(--opn-alert-border);border-radius:var(--opn-radius-md);background:var(--opn-alert-bg);color:var(--opn-alert-text);padding:var(--opn-space-4);display:grid}.opn-alert--info{--opn-alert-bg:var(--opn-color-info-bg);--opn-alert-border:var(--opn-color-info-border);--opn-alert-text:var(--opn-color-info-text)}.opn-alert--success{--opn-alert-bg:var(--opn-color-success-bg);--opn-alert-border:var(--opn-color-success-border);--opn-alert-text:var(--opn-color-success-text)}.opn-alert--warning{--opn-alert-bg:var(--opn-color-warning-bg);--opn-alert-border:var(--opn-color-warning-border);--opn-alert-text:var(--opn-color-warning-text)}.opn-alert--error{--opn-alert-bg:var(--opn-color-error-bg);--opn-alert-border:var(--opn-color-error-border);--opn-alert-text:var(--opn-color-error-text)}.opn-alert__title{font-weight:var(--opn-font-weight-bold);margin:0}.opn-alert__description{color:inherit;margin:0}.opn-alert__action{margin-top:var(--opn-space-2)}.opn-badge,.opn-status-badge{border:var(--opn-border-width-default) solid var(--opn-badge-border);border-radius:var(--opn-radius-pill);background:var(--opn-badge-bg);width:fit-content;color:var(--opn-badge-text);font-size:var(--opn-font-size-caption);font-weight:var(--opn-font-weight-bold);line-height:var(--opn-line-height-caption);padding:var(--opn-space-1) var(--opn-space-3);justify-content:center;align-items:center;display:inline-flex}.opn-badge--neutral,.opn-status-badge{--opn-badge-bg:var(--opn-color-bg-surface-muted);--opn-badge-border:var(--opn-color-border-default);--opn-badge-text:var(--opn-color-text-muted)}.opn-badge--info{--opn-badge-bg:var(--opn-color-info-bg);--opn-badge-border:var(--opn-color-info-border);--opn-badge-text:var(--opn-color-info-text)}.opn-badge--success{--opn-badge-bg:var(--opn-color-success-bg);--opn-badge-border:var(--opn-color-success-border);--opn-badge-text:var(--opn-color-success-text)}.opn-badge--warning{--opn-badge-bg:var(--opn-color-warning-bg);--opn-badge-border:var(--opn-color-warning-border);--opn-badge-text:var(--opn-color-warning-text)}.opn-badge--error{--opn-badge-bg:var(--opn-color-error-bg);--opn-badge-border:var(--opn-color-error-border);--opn-badge-text:var(--opn-color-error-text)}.opn-badge--ai{--opn-badge-bg:var(--opn-color-ai-soft);--opn-badge-border:var(--opn-color-ai-border);--opn-badge-text:var(--opn-color-ai)}.opn-feedback-state{gap:var(--opn-space-4);justify-items:start;display:grid}.opn-feedback-state__title{color:var(--opn-color-text-strong);font-size:var(--opn-font-size-h2);line-height:var(--opn-line-height-h2);margin:0}.opn-feedback-state__description{max-width:40rem;color:var(--opn-color-text-muted);margin:0}.opn-feedback-state__actions{gap:var(--opn-space-3);flex-wrap:wrap;display:flex}.opn-skeleton{border-radius:var(--opn-radius-sm);background:linear-gradient(90deg, var(--opn-color-bg-surface-muted), var(--opn-color-bg-surface-soft), var(--opn-color-bg-surface-muted));background-size:200% 100%;min-height:1rem;animation:1.2s ease-in-out infinite opn-skeleton}@keyframes opn-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.opn-field__textarea{resize:vertical;border:var(--opn-border-width-default) solid var(--opn-color-border-default);border-radius:var(--opn-radius-md);background:var(--opn-color-bg-surface);width:100%;min-height:8rem;color:var(--opn-color-text-strong);padding:var(--opn-space-3) var(--opn-space-4);transition:border-color .16s,background-color .16s,box-shadow .16s}.opn-field__textarea::placeholder{color:var(--opn-color-text-disabled)}.opn-field__textarea:hover{border-color:var(--opn-color-action-primary-border)}.opn-field__textarea:disabled{background:var(--opn-color-bg-surface-muted);color:var(--opn-color-text-disabled)}.opn-field[data-invalid=true] .opn-field__textarea{border-color:var(--opn-color-error-border);background:var(--opn-color-error-bg)}.opn-field[data-valid=true] .opn-field__textarea{border-color:var(--opn-color-success-border)}