@layer components{.dialog{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;width:90vw;margin:auto;background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-lg)}.dialog::backdrop{background:var(--color-overlay)}.dialog[open]{display:flex;flex-direction:column;opacity:1;transform:translateY(0);transition:opacity var(--transition-slow),transform var(--transition-slow)}@starting-style{.dialog{opacity:0;transform:translateY(-.5rem)}}.dialog-sm{max-width:31.25rem}.dialog-md{max-width:43.75rem}.dialog-lg{max-width:56.25rem;max-height:85vh}.dialog-xl{max-width:75rem;max-height:85vh}.dialog-header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);flex-shrink:0}.dialog-header :is(h2,h3){font-size:var(--text-lg);font-weight:var(--font-semibold)}.dialog-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1);font-weight:400}.dialog-close{font-size:var(--text-2xl);color:var(--color-text-muted);padding:var(--space-1);line-height:1;border-radius:var(--radius-xs);transition:color var(--transition-fast),background-color var(--transition-fast)}.dialog-close:hover{color:var(--color-text);background:var(--color-surface-hover)}.dialog-close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.dialog-content{padding:var(--space-6);overflow-y:auto;flex:1;min-height:0;-webkit-overflow-scrolling:touch}.dialog-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);background:var(--color-surface-alt);flex-shrink:0}.dialog-footer button{padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-medium);transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);min-height:2.25rem}.dialog-footer button:not(.btn-primary):not(.btn-warning):not(.btn-danger){background:var(--color-surface);border:1px solid var(--color-border-medium);color:var(--color-text-secondary)}.dialog-footer button:not(.btn-primary):not(.btn-warning):not(.btn-danger):hover{background:var(--color-surface-hover)}.dialog-footer button:not(.btn-primary):not(.btn-warning):not(.btn-danger):disabled{opacity:.5;cursor:not-allowed}.dialog-footer .btn-primary{background:var(--color-primary);color:var(--color-text-inverse);border:none}.dialog-footer .btn-primary:hover{background:var(--color-primary-hover)}.dialog-footer .btn-primary:disabled{opacity:.5;cursor:not-allowed}.dialog-footer .btn-warning{background:var(--color-warning);color:var(--color-text-inverse);border:none}.dialog-footer .btn-warning:hover{background:var(--color-warning-hover)}.dialog-footer .btn-danger{background:var(--color-error);color:var(--color-text-inverse);border:none}.dialog-footer .btn-danger:hover{background:var(--color-error-hover)}.dialog-footer .btn-danger:disabled{opacity:.5;cursor:not-allowed}.dialog-header-error :is(h2,h3){color:var(--color-error)}.dialog-header-warning{background:var(--color-warning-light)}.dialog-header-warning :is(h2,h3){color:var(--color-warning-text)}.dialog-header-warning .dialog-close{color:var(--color-warning-text)}.dialog-header-warning .dialog-close:hover{background:color-mix(in oklch,var(--color-warning) 15%,transparent)}.dialog-error-pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--leading-normal);color:var(--color-error);background:var(--color-error-light);padding:var(--space-4);border-radius:var(--radius-sm)}.dialog-field{margin-bottom:var(--space-4)}.dialog-field label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-1-5);color:var(--color-text)}.dialog-field .field-hint{font-weight:var(--font-normal);color:var(--color-text-muted);margin-inline-start:var(--space-2);font-size:var(--text-xs)}.dialog-field :is(textarea,input){width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);background:var(--color-surface);color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.dialog-field :is(textarea,input):focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.dialog-field :is(textarea,input):disabled{opacity:.5;cursor:not-allowed;background:var(--color-surface-alt)}.dialog-field textarea{resize:vertical}@media(max-width:767px){.dialog-lg,.dialog-xl{max-width:100%;width:100%;height:100%;max-height:100%;border-radius:0}}@media(max-width:639px){.dialog-sm,.dialog-md{width:95vw;min-height:70vh;min-height:70dvh;max-height:90vh;max-height:90dvh}.dialog-footer{flex-direction:column-reverse}.dialog-footer button{width:100%}}}