.import-flow-root{z-index:190;position:relative}.import-flow-backdrop{z-index:190;background:color-mix(in srgb, var(--surface-canvas) 80%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);place-items:center;padding:0;animation:.15s import-flow-fade;display:grid;position:fixed;inset:0}.import-flow-dialog{box-sizing:border-box;overscroll-behavior:contain;border:1px solid var(--border-subtle);background:var(--surface-paper);width:min(512px,100%);max-height:calc(100dvh - 32px);color:var(--text-primary);border-radius:8px;outline:0;margin:0;padding:24px;font-size:14px;line-height:20px;animation:.2s import-flow-enter;position:relative;inset:auto;overflow:auto;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.import-flow-dialog>header{text-align:left;gap:6px;margin-bottom:16px;display:grid}.import-flow-dialog h2{letter-spacing:-.025em;margin:0;font-size:18px;font-weight:600;line-height:20px}.import-flow-dialog h2 .content-source-mark{vertical-align:bottom;width:20px;height:20px;margin-left:4px;display:inline-flex}.import-flow-dialog h2 .content-source-mark svg{width:20px;height:20px}.import-flow-dialog p{color:var(--text-secondary);margin:0;font-size:14px;font-weight:400;line-height:20px}.import-flow-url{white-space:normal;overflow-wrap:anywhere}.import-visibility-options{gap:8px;display:grid}.import-flow-dialog button,.import-flow-dialog a{font-family:inherit;font-size:14px;font-weight:500;line-height:20px}.import-visibility-options>button{border:1px solid var(--border-subtle);background:var(--surface-paper);width:100%;min-height:40px;color:var(--text-primary);text-align:center;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;transition:background .15s,border-color .15s;display:flex}.import-visibility-options>button:hover{background:var(--surface-muted)}.import-visibility-options>button.is-selected{border-color:var(--accent-primary);background:#f0ecff}[data-theme=dark] .import-visibility-options>button.is-selected{background:color-mix(in srgb, var(--accent-primary) 18%, var(--surface-paper))}.import-visibility-options svg{flex:0 0 16px}.import-visibility-note{border-top:1px solid var(--border-subtle);margin-top:16px;padding-top:16px}.import-visibility-note p{color:var(--text-tertiary,#8a8492)}.import-visibility-note svg{vertical-align:-3px;margin-right:4px;display:inline}.import-flow-dialog>footer{margin-top:16px}.import-flow-dialog>footer.is-stacked{justify-content:stretch;gap:8px;display:grid}.import-flow-primary,.import-flow-cancel,.import-flow-success-actions>button,.import-flow-success-actions>a{border:1px solid var(--border-subtle);background:var(--surface-paper);min-height:40px;color:var(--text-primary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:8px 16px;text-decoration:none;transition:background .15s,opacity .15s;display:inline-flex}.import-flow-dialog .import-flow-primary{background:var(--text-primary);color:var(--surface-canvas);border-color:#0000}.import-flow-primary:hover{opacity:.9}.import-flow-cancel:hover,.import-flow-success-actions>button:hover{background:var(--surface-muted)}.import-flow-dialog button:disabled{cursor:not-allowed;opacity:.5}.import-flow-dialog button:focus-visible,.import-flow-dialog a:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.import-flow-dialog.is-confirm>header{margin-bottom:24px}.import-flow-dialog.is-confirm h2{line-height:28px}.import-flow-dialog .import-private-note{margin-top:12px;font-size:12px;line-height:16px}.import-flow-center{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.import-flow-center h2{letter-spacing:normal;font-weight:400;line-height:28px}.import-flow-center>p{overflow-wrap:anywhere;max-width:100%}.import-flow-loader{place-items:center;width:28px;height:28px;display:grid}.import-flow-loader svg{animation:1s linear infinite import-flow-spin}.import-flow-url-state{box-sizing:border-box;word-break:break-all;-webkit-line-clamp:2;background:#eff6ff;border:1px solid #bedbff;border-radius:4px;-webkit-box-orient:vertical;width:100%;padding:4px 12px;display:-webkit-box;overflow:hidden;color:#2563eb!important}.import-flow-url-state.is-success{background:#f0fdf4;border-color:#b9f8cf;color:#16a34a!important}[data-theme=dark] .import-flow-url-state{background:color-mix(in srgb, #2563eb 12%, var(--surface-paper))}[data-theme=dark] .import-flow-url-state.is-success{background:color-mix(in srgb, #16a34a 12%, var(--surface-paper))}.import-flow-success-icon,.import-flow-center.is-success h2{color:#00c758;color:lab(70.5521% -66.5147 45.8073)}.import-flow-failed-icon{color:#00c758;color:lab(70.5521% -66.5147 45.8073);place-items:center;width:28px;height:28px;display:grid}.import-flow-center.is-success h2{color:#00c758;color:lab(70.5521% -66.5147 45.8073)}.import-flow-dialog .import-flow-success-note{font-size:16px;line-height:24px}.import-flow-dialog .import-flow-library{background:var(--surface-muted);border-color:#0000}.import-flow-failed-icon{color:#a94339}.import-flow-success-actions{gap:8px;width:100%;margin-top:16px;display:grid}.import-flow-root.is-closing .import-flow-backdrop,.import-flow-confirm-backdrop.is-closing{pointer-events:auto;animation:.15s forwards import-flow-fade-out}.import-flow-root.is-closing .import-flow-dialog,.import-flow-confirm-backdrop.is-closing .import-flow-dialog{animation:.15s forwards import-flow-exit}@keyframes import-flow-fade{0%{opacity:0}}@keyframes import-flow-fade-out{to{opacity:0}}@keyframes import-flow-enter{0%{opacity:0;transform:scale(.95)}}@keyframes import-flow-exit{to{opacity:0;transform:scale(.95)}}@keyframes import-flow-spin{to{transform:rotate(360deg)}}@media (max-width:639px){.import-flow-dialog{border-radius:0}.import-flow-dialog>header,.import-confirm-description,.import-visibility-note{text-align:center}}@media (prefers-reduced-motion:reduce){.import-flow-backdrop,.import-flow-dialog,.import-flow-loader svg{transition:none;animation:none!important}}
