:root{--bg:#f4f6fb;--surface:#fff;--border:#e2e6f0;--text:#1e2433;--text-muted:#6b7280;--text-faint:#9aa1b1;--accent:#2f6fed;--accent-bg:#eaf0ff;--accent-ring:#2f6fed40;--success:#17a34a;--success-bg:#ecfdf3;--success-border:#bbf0cf;--shadow:0 1px 2px #1018280a, 0 2px 8px #1018280f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0f1320;--surface:#171c2c;--border:#2a3145;--text:#eef1f8;--text-muted:#9aa3b8;--text-faint:#6b7488;--accent:#5b8bf5;--accent-bg:#5b8bf524;--accent-ring:#5b8bf54d;--success:#34d17c;--success-bg:#34d17c1a;--success-border:#34d17c59;--shadow:0 1px 2px #0000004d, 0 2px 8px #00000059}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}button{font:inherit}.page{flex-direction:column;max-width:560px;min-height:100svh;margin:0 auto;padding:24px 18px;display:flex}.header{align-items:center;gap:12px;margin-bottom:18px;display:flex}.header-icon{background:var(--accent-bg);width:40px;height:40px;color:var(--accent);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.header h1{letter-spacing:-.2px;margin:0;font-size:18px}.header p{color:var(--text-muted);margin:2px 0 0;font-size:13px}.search-bar{background:var(--surface);border:1.5px solid var(--border);box-shadow:var(--shadow);border-radius:14px;align-items:center;gap:10px;padding:12px 14px;transition:border-color .15s,box-shadow .15s;display:flex}.search-bar:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-ring)}.search-bar-icon{color:var(--text-faint);flex-shrink:0}.search-bar input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:15px}.search-bar input::placeholder{color:var(--text-faint)}.clear-btn{background:var(--border);width:22px;height:22px;color:var(--text-muted);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.content{flex:1;margin-top:18px}.hint-text{color:var(--text-muted);text-align:center;margin-top:32px;font-size:14px}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;padding:56px 16px;display:flex}.empty-illustration{background:var(--accent-bg);width:72px;height:72px;color:var(--accent);border-radius:20px;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.empty-illustration svg{width:30px;height:30px}.empty-state h2{color:var(--text);margin:0 0 8px;font-size:16px}.empty-state p{max-width:320px;margin:0;font-size:13.5px;line-height:1.5}.result-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.result-row{background:var(--surface);border:1px solid var(--border);cursor:pointer;text-align:left;width:100%;box-shadow:var(--shadow);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;transition:border-color .15s,transform .1s;display:flex}.result-row:hover{border-color:var(--accent)}.result-row:active{transform:scale(.99)}.result-icon{background:var(--accent-bg);width:34px;height:34px;color:var(--accent);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.result-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.result-name{color:var(--text);font-size:14px;font-weight:600}.result-path{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.result-chevron{color:var(--text-faint);flex-shrink:0}.detail-panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;padding:18px}.detail-header{align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.detail-icon{background:var(--accent-bg);width:38px;height:38px;color:var(--accent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.detail-heading{flex:1;min-width:0}.detail-heading h2{margin:0;font-size:15px;line-height:1.35}.detail-heading p{color:var(--text-muted);margin:3px 0 0;font-size:12.5px}.search-again-btn{border:1px solid var(--border);background:var(--bg);color:var(--accent);cursor:pointer;border-radius:999px;flex-shrink:0;padding:7px 12px;font-size:12.5px;font-weight:600}.stepper{margin:0 0 16px;padding:0;list-style:none;position:relative}.stepper-step{align-items:center;gap:12px;padding:6px 0;display:flex;position:relative}.stepper-step:not(:last-child) .stepper-dot:after{content:"";background:var(--success-border);width:2px;height:calc(100% - 4px);position:absolute;top:26px;left:12px}.stepper-dot{background:var(--success);color:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex;position:relative}.stepper-body{flex-direction:column;flex:1;min-width:0;display:flex}.stepper-label{color:var(--text-muted);font-size:11.5px}.stepper-name{color:var(--text);font-size:14px;font-weight:600}.stepper-badge{color:var(--success);background:var(--success-bg);border:1px solid var(--success-border);border-radius:999px;flex-shrink:0;padding:3px 9px;font-size:11px;font-weight:600}.success-banner{background:var(--success-bg);border:1px solid var(--success-border);border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.success-icon{color:var(--success);flex-shrink:0;margin-top:2px}.success-banner strong{color:var(--text);margin-bottom:2px;font-size:13.5px;display:block}.success-banner p{color:var(--text-muted);margin:0;font-size:12.5px}.footer{text-align:center;color:var(--text-faint);margin-top:32px;padding-top:16px;font-size:11.5px}