.oik-dialog__ovl{position:fixed;inset:0;background:color-mix(in srgb,var(--ink-900) 42%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:var(--space-6);z-index:1000;animation:oik-fade .16s ease}@keyframes oik-fade{0%{opacity:0}to{opacity:1}}@keyframes oik-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.oik-dialog{background:var(--surface-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-modal);width:100%;max-width:var(--_w,480px);max-height:90vh;max-height:min(90vh,calc(100dvh - var(--space-6) - var(--space-6)));display:flex;flex-direction:column;overflow:hidden;animation:oik-pop .18s ease}.oik-dialog__head{display:flex;flex-shrink:0;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6) var(--space-3)}.oik-dialog__title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--ink-900);margin:0;letter-spacing:var(--tracking-tight)}.oik-dialog__sub{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text-muted);margin:var(--space-1) 0 0}.oik-dialog__head-actions{display:flex;align-items:center;gap:var(--space-2)}.oik-dialog__x{background:none;border:none;cursor:pointer;color:var(--ink-500);padding:var(--space-1);border-radius:var(--radius-sm);display:inline-flex}.oik-dialog__x:hover{color:var(--ink-900);background:var(--ink-100)}.oik-dialog__body{flex:1 1 auto;min-height:0;min-width:0;padding:var(--space-1) var(--space-6) var(--space-5);overflow-y:auto;font-family:var(--font-ui);font-size:var(--text-base);color:var(--ink-700);line-height:var(--leading-normal)}.oik-dialog__body>*+*{margin-top:var(--space-4)}.oik-dialog__body:has(>.oik-field+.oik-field){display:flex;flex-wrap:wrap;gap:var(--space-4)}.oik-dialog__body:has(>.oik-field+.oik-field)>*{margin-top:0}.oik-dialog__body:has(>.oik-field+.oik-field)>.oik-field{flex:1 1 190px;min-width:min(100%,190px)}.oik-dialog__body:has(>.oik-field+.oik-field)>.oik-field:has(.oik-textarea),.oik-dialog__body:has(>.oik-field+.oik-field)>:not(.oik-field){flex:1 1 100%;min-width:0}.oik-dialog__body:has(>.oik-field+.oik-field)>.oik-btn{flex:0 0 auto;margin-left:auto}.oik-dialog__foot{display:flex;flex-shrink:0;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-subtle);background:var(--ink-50)}.oik-dialog__foot>.oik-stack{width:100%}.oik-dialog:focus{outline:none}