.dialog-root{--dialog-z-overlay: 1000;--dialog-z-surface: 1010;--dialog-width: min(480px, calc(100vw - 2rem) );position:fixed;z-index:var(--dialog-z-overlay);inset:0}.dialog-root[hidden]{display:none}.dialog-root__overlay,.dialog-overlay{position:fixed;inset:0;z-index:var(--dialog-z-overlay);background:var(--color-overlay-modal);opacity:0;transition:opacity .18s ease}.dialog-root__container,.dialog-container{position:fixed;top:50%;left:50%;z-index:var(--dialog-z-surface);width:var(--dialog-width);max-width:calc(100vw - 2rem);max-height:calc(100dvh - 2rem);padding:16px;border:1px solid var(--color-border-default);border-radius:12px;background:var(--color-bg-surface);box-shadow:var(--shadow-modal);opacity:0;transform:translate(-50%,calc(-50% + 8px)) scale(.96);transform-origin:center center;transition:opacity .16s ease,transform .16s ease}.dialog-root.is-open .dialog-root__overlay,.dialog-root.is-open .dialog-overlay{opacity:1}.dialog-root.is-open .dialog-root__container,.dialog-root.is-open .dialog-container{opacity:1;transform:translate(-50%,-50%) scale(1)}.dialog-container--wide{width:min(640px,calc(100vw - 2rem));max-width:calc(100vw - 2rem)}.dialog{display:flex;flex-direction:column;gap:1rem;width:100%;min-width:0}.dialog--legacy{flex:1 1 auto;min-height:0}.dialog-header,.dialog__header{display:flex;flex-direction:column;gap:.75rem}.dialog-header h2,.dialog-header h3,.dialog__title{margin:0;color:var(--color-text-primary);font-size:1.125rem;line-height:1.3}.dialog-body,.dialog__body{display:flex;flex-direction:column;gap:1rem;min-height:0}body.dialog-open{overflow:hidden}.dialog-text,.dialog__message{margin:0;color:var(--color-text-primary);line-height:1.55}.dialog-input{padding:8px 10px;border-radius:8px;border:1px solid var(--color-border-strong);background:var(--color-bg-surface);color:var(--color-text-primary);font-size:14px}.dialog-input:focus{outline:none;border-color:var(--color-border-focus)}.dialog-actions,.dialog__actions{display:flex;justify-content:flex-end;gap:8px}.dialog-field{display:flex;flex-direction:column;gap:6px}.dialog-label{font-size:14px;color:var(--color-text-secondary)}.dialog-hint{margin:0;color:var(--color-text-secondary);font-size:13px;line-height:1.5}.dialog-field-error{margin:0;color:var(--color-status-danger, #b42318);font-size:13px;line-height:1.4}.dialog-link{display:flex;flex-direction:column;gap:.875rem}.dialog-link__remove{margin-right:auto}.dialog-options{display:flex;flex-direction:column;gap:.75rem}.dialog-option{display:flex;align-items:flex-start;gap:.625rem;color:var(--color-text-primary);line-height:1.45}.dialog-option input{margin-top:.2rem}.dialog-search,.dialog-find-replace{display:flex;flex-direction:column;gap:.875rem}.dialog-find-replace__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.dialog-search-results{min-height:220px;max-height:min(50vh,360px);overflow-y:auto;padding-right:.25rem}.dialog-picker{display:flex;flex-direction:column;gap:.875rem}.dialog-picker-results{max-height:min(55vh,420px);overflow-y:auto;padding-right:.25rem}.dialog-picker-sections{display:flex;flex-direction:column;gap:1rem}.dialog-picker-section{display:flex;flex-direction:column;gap:.625rem}.dialog-picker-section-title{margin:0;color:var(--color-text-secondary);font-size:13px;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.dialog-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:.625rem}.dialog-picker-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;min-height:92px;padding:.75rem .5rem;border:1px solid var(--color-border-default);border-radius:12px;background:var(--color-bg-surface);color:var(--color-text-primary);text-align:center;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,transform .05s ease}.dialog-picker-item:hover{border-color:var(--color-border-focus);background:var(--color-bg-surface-raised)}.dialog-picker-item:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.dialog-picker-item:active{transform:translateY(1px)}.dialog-picker-char{font-size:1.75rem;line-height:1}.dialog-picker-name{color:var(--color-text-secondary);font-size:12px;line-height:1.35}.dialog-picker-empty{display:flex;align-items:center;justify-content:center;min-height:220px;padding:1rem;border:1px dashed var(--color-border-default);border-radius:10px;color:var(--color-text-secondary);text-align:center;line-height:1.5}.dialog-font{display:grid;gap:16px}.dialog-font-list{display:grid;gap:8px;max-height:min(50vh,420px);overflow-y:auto;padding:2px 4px 2px 2px}.dialog-font-option{width:100%;display:flex;align-items:center;padding:12px 14px;border:1px solid var(--color-border-default);border-radius:10px;background:var(--color-bg-surface);color:inherit;text-align:left;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.dialog-font-option:hover{background:var(--color-action-secondary-hover)}.dialog-font-option:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.dialog-font-option.is-selected{border-color:var(--color-border-focus);box-shadow:0 0 0 1px var(--color-border-focus);background:var(--color-bg-surface-raised)}.dialog-font-option__meta{display:grid;gap:4px}.dialog-font-option__label{font-weight:600}.dialog-font-preview{display:grid;gap:8px}.dialog-font-preview__surface{min-height:88px;padding:14px 16px;border:1px solid var(--color-border-default);border-radius:10px;background:var(--color-bg-surface)}.dialog-font-preview__surface p{margin:0;line-height:1.5}.folder-picker{display:flex;flex-direction:column;gap:.875rem}.folder-list{display:flex;flex-direction:column;gap:.625rem;max-height:min(46vh,320px);overflow-y:auto;padding:var(--space-xs)}.folder-option{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:start;gap:.875rem;padding:.9rem 1rem;border:1px solid var(--color-border-default);border-radius:12px;background:linear-gradient(180deg,var(--color-bg-surface) 0%,var(--color-bg-surface-muted-soft) 100%);cursor:pointer;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease,transform .05s ease}.folder-option:hover{border-color:var(--color-border-focus);background:var(--color-bg-surface-raised)}.folder-option:active{transform:translateY(1px)}.folder-option:focus-within{outline:2px solid var(--color-border-focus);outline-offset:2px}.folder-option.is-selected{border-color:var(--color-border-focus);background:var(--color-accent-soft);box-shadow:0 0 0 1px var(--color-border-accent),var(--shadow-soft)}.folder-option-input{position:absolute;opacity:0;pointer-events:none}.folder-option-indicator{position:relative;width:20px;height:20px;margin-top:.1rem;border:1.5px solid var(--color-border-strong);border-radius:999px;background:var(--color-bg-surface);transition:border-color .2s ease,background-color .2s ease}.folder-option.is-selected .folder-option-indicator{border-color:var(--color-action-primary);background:#243f6b14}.folder-option.is-selected .folder-option-indicator:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:999px;background:var(--color-action-primary);transform:translate(-50%,-50%)}.folder-option-content{display:flex;flex-direction:column;gap:.25rem;min-width:0}.folder-option-title-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.folder-option-title{font-weight:600;color:var(--color-text-primary);line-height:1.4;word-break:break-word}.folder-option-description{color:var(--color-text-secondary);font-size:13px;line-height:1.5}.folder-option-badge{flex-shrink:0;padding:.2rem .45rem;border-radius:999px;background:var(--color-action-primary);color:var(--color-action-primary-text);font-size:12px;line-height:1.2}.folder-picker-empty{padding:.875rem 1rem;border:1px dashed var(--color-border-default);border-radius:12px;color:var(--color-text-secondary);background:var(--color-bg-surface-muted-soft);font-size:13px;line-height:1.5}.folder-create{display:flex;flex-direction:column;gap:.875rem;padding:.95rem 1rem;margin:0 var(--space-xs);border:1px dashed var(--color-border-accent-strong);border-radius:12px;background:var(--color-accent-soft-alt)}.folder-create.is-editing{border-style:solid}.folder-create-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.folder-create-copy{display:flex;flex-direction:column;gap:.25rem;min-width:0}.folder-create-title{color:var(--color-text-primary);font-weight:600;line-height:1.4}.folder-create-hint{color:var(--color-text-secondary);font-size:13px;line-height:1.5}.folder-create-trigger{flex-shrink:0;white-space:nowrap}.folder-create-form{display:flex;flex-direction:column;gap:.75rem}.folder-create-actions{display:flex;justify-content:flex-end;gap:8px}.folder-create-input{width:100%}.dialog-search-empty{display:flex;align-items:center;justify-content:center;min-height:220px;padding:1rem;border:1px dashed var(--color-border-default);border-radius:10px;color:var(--color-text-secondary);text-align:center;line-height:1.5}.dialog-search-list{display:flex;flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none}.dialog-search-item{margin:0}.dialog-search-result{display:flex;flex-direction:column;gap:.4rem;width:100%;padding:.875rem 1rem;border:1px solid var(--color-border-default);border-radius:10px;background:var(--color-bg-surface);color:var(--color-text-primary);text-align:left;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,transform .05s ease}.dialog-search-result:hover{border-color:var(--color-border-focus);background:var(--color-bg-surface-raised)}.dialog-search-result:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.dialog-search-result:active{transform:translateY(1px)}.dialog-search-title-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.dialog-search-title{font-weight:600;line-height:1.4}.dialog-search-snippet{color:var(--color-text-secondary);font-size:13px;line-height:1.5}.dialog-search-badge{flex-shrink:0;padding:.2rem .45rem;border-radius:999px;background:var(--color-action-secondary);color:var(--color-text-secondary);font-size:12px;line-height:1.2}.dialog-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:.5rem 1rem;border:1px solid transparent;border-radius:8px;cursor:pointer;font:inherit;font-weight:500;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .05s ease}.dialog-button:active:not(:disabled){transform:translateY(1px)}.dialog-button:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.dialog-button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.dialog-button[hidden]{display:none}.dialog-button--primary{background:var(--color-action-primary);color:var(--color-action-primary-text)}.dialog-button--primary:hover:not(:disabled){background:var(--color-action-primary-hover)}.dialog-button--secondary{background:var(--color-action-secondary);color:var(--color-action-secondary-text)}.dialog-button--secondary:hover:not(:disabled){background:var(--color-action-secondary-hover)}.dialog-button--danger{background:var(--color-error-main);color:var(--color-text-inverse)}.dialog-button--danger:hover:not(:disabled){background:var(--color-error-hover)}@media(max-width:640px){.dialog-root__container,.dialog-container{width:calc(100vw - 1rem);min-width:calc(100vw - 1rem);max-width:calc(100vw - 1rem);max-height:calc(100dvh - 1rem);padding:14px}.dialog-find-replace__actions{flex-direction:column}.dialog-find-replace__actions .dialog-button{width:100%}.dialog-actions,.dialog__actions,.folder-create-actions{flex-direction:column-reverse}.dialog-actions .dialog-button,.dialog__actions .dialog-button,.folder-create-actions .dialog-button{width:100%}.folder-create-header,.folder-option-title-row{flex-direction:column;align-items:flex-start}.folder-create-trigger{width:100%}}
