/* ULID 생성기 */
.ul-opts { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: var(--spacing-md, 1rem); align-items: end; margin-bottom: var(--spacing-md, 1rem); }
.ul-output, .ul-decode-input { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: var(--text-sm, .875rem); line-height: 1.7; letter-spacing: .02em; }
.ul-decode-input { font-size: 1rem; text-transform: uppercase; }
.ul-stat { font-size: var(--text-ui-sm, .8125rem); color: var(--text-muted, #626977); }
.ul-alert { margin-top: var(--spacing-md, 1rem); }
.ul-decode { margin-top: .625rem; padding: .625rem .75rem; border-radius: var(--radius-sm, 6px); font-size: var(--text-sm, .875rem); }
.ul-decode-ok { background: var(--success-soft, #e9f7ee); color: var(--success-text, #1f7a48); }
.ul-decode-error { background: var(--danger-soft, #fdecec); color: var(--danger-text, #b3372c); }