@layer components{.fetch-dialog{width:min(720px,100vw - 32px);max-height:calc(100dvh - 32px);padding:20px 24px 24px;border:1px solid var(--color-border, rgba(255, 255, 255, 0.12));border-radius:var(--radius-lg, 12px);background:var(--surface-base);color:var(--color-white);overflow-y:auto}.fetch-dialog::backdrop{background:rgba(0,0,0,.6)}.fetch-dialog .fetch-dialog-state{display:grid;min-height:160px;place-items:center}.fetch-dialog .error{color:var(--color-text-secondary, rgba(255, 255, 255, 0.7))}.fetch-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.fetch-dialog-header .title{margin:0;font-size:18px;font-weight:600}.fetch-dialog-header .subtitle{margin:4px 0 0;font-size:13px;color:var(--color-text-secondary, rgba(255, 255, 255, 0.7))}.fetch-dialog-header .close{display:grid;width:32px;height:32px;flex:none;place-items:center;padding:0;border:none;border-radius:50%;background:hsla(0,0%,100%,.08);color:inherit;cursor:pointer}.fetch-dialog-header .close svg{width:18px;height:18px}.fetch-dialog-body{display:grid;gap:16px}.fetch-dialog-note{margin:0;font-size:12px;line-height:1.5;color:var(--color-text-secondary, rgba(255, 255, 255, 0.7))}.fetch-dialog-trigger{padding:0;border:none;background:none;color:inherit;font:inherit;text-align:left;text-decoration:underline;text-decoration-color:color-mix(in srgb, currentcolor 35%, transparent);text-underline-offset:3px;cursor:pointer}@media(width <= 640px){.fetch-dialog{padding:16px}}}