@import url("https://fonts.googleapis.com/css2?family=Archivo:wght@400;600;800&display=swap");:root{--color-bg:#f3f2f2;--color-surface:#eae9e9;--color-text:#201e1d;--color-accent:#ec3013;--color-accent-2:#e15b47;--color-divider:color-mix(in srgb,#201e1d 40%,transparent);--color-neutral-100:#f8f4f4;--color-neutral-200:#eae7e7;--color-neutral-300:#d7d3d3;--color-neutral-400:#bab6b6;--color-neutral-500:#9b9797;--color-neutral-600:#7d7979;--color-neutral-700:#605d5d;--color-neutral-800:#444141;--color-neutral-900:#2d2b2b;--color-accent-100:#fff2ef;--color-accent-200:#ffe0d9;--color-accent-300:#ffc4b8;--color-accent-400:#ff9783;--color-accent-500:#ff563c;--color-accent-600:#dd2b0f;--color-accent-700:#ae1800;--color-accent-800:#7c1405;--color-accent-900:#4d170e;--color-accent-2-100:#fff2ef;--color-accent-2-200:#ffe0da;--color-accent-2-300:#ffc4b9;--color-accent-2-400:#ff9784;--color-accent-2-500:#ef6853;--color-accent-2-600:#c94b39;--color-accent-2-700:#9e3526;--color-accent-2-800:#71261b;--color-accent-2-900:#471d16;--color-accent-hover:var(--color-accent-600);--color-accent-active:var(--color-accent-700);--font-heading:"Archivo",system-ui,sans-serif;--font-heading-weight:800;--font-body:"Archivo",system-ui,sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--radius-sm:0px;--radius-md:0px;--radius-lg:0px;--shadow-sm:0 1px 2px color-mix(in srgb,#2d2b2b 14%,transparent);--shadow-md:0 3px 10px color-mix(in srgb,#2d2b2b 16%,transparent);--shadow-lg:0 12px 32px color-mix(in srgb,#2d2b2b 22%,transparent)}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body)}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:var(--font-heading-weight)}.grayscale{filter:grayscale(1) contrast(1.08)}*,:after,:before{box-sizing:border-box}body{margin:0;font-size:15px;line-height:1.55;font-weight:400}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-heading-weight);line-height:1.12;letter-spacing:-.015em;margin:0 0 var(--space-2)}h1{font-size:42px}h2{font-size:32px}h3{font-size:25px}h4{font-size:20px}h5{font-size:16px}h6{font-size:13px;letter-spacing:.08em;text-transform:uppercase}p{margin:0 0 var(--space-3)}a{color:var(--color-accent);text-underline-offset:3px}img{display:block;max-width:100%}figure{margin:0}figcaption{font-size:11px;margin-top:var(--space-1)}.text-muted,figcaption{color:color-mix(in srgb,var(--color-text) 55%,transparent)}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:color-mix(in srgb,var(--color-accent) 30%,transparent)}.hr{height:2px;border:0;margin:var(--space-4) 0;background:var(--color-divider)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;text-decoration:none;font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:14px;line-height:1.2;color:var(--color-text);background:transparent;border:1px solid transparent;padding:var(--space-2) calc(var(--space-3) * 1.2);border-radius:var(--radius-md)}.btn svg{display:block}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:var(--color-bg)}.btn-primary:hover{background:var(--color-accent-hover)}.btn-primary:active{background:var(--color-accent-active)}.btn-secondary{border-color:var(--color-divider)}.btn-secondary:hover{background:color-mix(in srgb,var(--color-text) 7%,transparent)}.btn-secondary:active{background:color-mix(in srgb,var(--color-text) 14%,transparent)}.btn-ghost{color:var(--color-accent);padding-inline:var(--space-1)}.btn-ghost:hover{background:color-mix(in srgb,var(--color-accent) 10%,transparent)}.btn-ghost:active{background:color-mix(in srgb,var(--color-accent) 18%,transparent)}.btn-icon{width:36px;height:36px;padding:0}.btn-block{width:100%;margin-top:var(--space-2);justify-content:flex-start;text-align:left}.card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface)}.card-kicker{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent)}.card-title{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:17px;line-height:1.2}.card-body{margin:0;font-size:13px;opacity:.8;flex:1 1}.card-meta{display:flex;align-items:center;gap:6px;font-size:11px;color:color-mix(in srgb,var(--color-text) 50%,transparent)}.elev-sm{box-shadow:var(--shadow-sm)}.elev-md{box-shadow:var(--shadow-md)}.elev-lg{box-shadow:var(--shadow-lg)}.tag{display:inline-flex;align-items:center;font-size:11px;letter-spacing:.02em;padding:3px 10px;border-radius:calc(var(--radius-md) * .75)}.tag-accent{background:var(--color-accent-100);color:var(--color-accent-800)}.tag-accent-2{background:var(--color-accent-2-100);color:var(--color-accent-2-800)}.tag-neutral{background:var(--color-neutral-100);color:var(--color-neutral-800)}.tag-outline{border:1px solid var(--color-accent);color:var(--color-accent)}.nav{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:2px solid var(--color-divider)}.nav-brand{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:18px;margin-right:auto}.nav a{color:inherit;text-decoration:none;font-size:14px}.nav a:hover,.nav a[aria-current=page]{color:var(--color-accent)}.app-shell{position:relative;display:flex;flex-direction:column;min-height:100vh;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);overflow-x:hidden}.app-shell[data-theme=dark]{--color-bg:#161514;--color-surface:#211f1e;--color-text:#f3f2f2;--color-divider:color-mix(in srgb,#f3f2f2 24%,transparent);--color-accent:#10b981;--color-accent-hover:#059669;--color-accent-active:#047857;--shadow-sm:0 1px 2px rgba(0,0,0,0.5);--shadow-md:0 3px 10px rgba(0,0,0,0.55);--shadow-lg:0 16px 40px rgba(0,0,0,0.6)}.backgroundWaveCanvas{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.45}.app-shell[data-theme=dark] .backgroundWaveCanvas{opacity:.55}.appContent{position:relative;z-index:1;display:flex;flex-direction:column;flex:1 1}.pageContainer{max-width:700px;width:100%;margin:0 auto;padding:0 var(--space-8)}.brandMark{display:flex;align-items:center;gap:var(--space-2)}.heroSection{padding:104px 0 var(--space-8)}.heroSection h1{font-size:clamp(36px,5vw,54px);max-width:460px;letter-spacing:-.02em}.heroLede{font-size:18px;max-width:440px;margin-bottom:var(--space-6)}.privacyLine{font-size:14px;max-width:460px;padding-top:var(--space-4);border-top:2px solid var(--color-divider)}.privacyLine strong{font-family:var(--font-heading);font-weight:800}.flowSection{padding:0 0 120px}.dropZone{border:2px dashed var(--color-divider);background:color-mix(in srgb,var(--color-accent) 4%,var(--color-surface));padding:72px var(--space-8);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}.dropZone:hover{border-color:color-mix(in srgb,var(--color-text) 45%,transparent)}.dropZoneActive{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 12%,var(--color-surface));transform:scale(1.008)}.dropZoneIcon{width:44px;height:44px;color:var(--color-accent)}@keyframes spin{to{transform:rotate(1turn)}}.dropZoneIconSpin{animation:spin .9s linear infinite}.dropZone[aria-disabled=true]{cursor:default}.dropZone h3{margin:0;font-size:21px}.dropZoneFileName{font-family:monospace;font-size:.85em}.dropZoneHint{font-size:14px}.locationHelper{margin-top:var(--space-4);font-size:16px;align-items:center;gap:var(--space-2);flex-wrap:wrap}.locationHelper,.locationSteps{color:color-mix(in srgb,var(--color-text) 88%,transparent);text-align:left;display:flex}.locationSteps{counter-reset:locationStep;list-style:none;margin:var(--space-4) 0 0;padding:0;flex-direction:column;gap:var(--space-4)}.locationStep{display:flex;align-items:flex-start;gap:var(--space-3);font-size:16px;line-height:1.5}.locationStep:before{counter-increment:locationStep;content:counter(locationStep);display:flex;align-items:center;justify-content:center;flex:none;width:24px;height:24px;margin-top:1px;border-radius:50%;background:var(--color-accent);color:var(--color-bg);font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:12px}.locationStepContent{display:flex;flex-direction:column;gap:var(--space-2)}.locationHighlight{font-family:var(--font-heading);font-weight:var(--font-heading-weight);background:color-mix(in srgb,var(--color-accent) 22%,transparent);padding:0 var(--space-1)}.uploadError{margin-top:var(--space-4);font-size:13px;text-align:center;color:var(--color-accent)}.locationHelperPath{font-size:12px;max-width:100%;overflow-wrap:break-word}.copyableCode,.locationHelperPath{font-family:monospace;background:var(--color-surface);padding:2px var(--space-2);border:1px solid var(--color-divider)}.copyableCode{gap:var(--space-1);font-size:13px;vertical-align:middle}.copyableCode,.copyableCodeButton{display:inline-flex;align-items:center}.copyableCodeButton{justify-content:center;flex:none;border:none;background:transparent;color:var(--color-accent);cursor:pointer;padding:0}.copyableCodeButton:hover{color:var(--color-accent-hover)}.input{display:block;width:100%;font-family:var(--font-body);font-size:14px;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-divider);padding:var(--space-2) var(--space-3)}.profilePathCleaner{display:flex;flex-direction:column;gap:var(--space-2)}.profilePathCleanerResult{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;background:var(--color-surface);border:1px solid var(--color-divider);padding:var(--space-2) var(--space-3)}.profilePathCleanerResultText{flex:1 1;min-width:0;font-family:monospace;font-size:12px;overflow-wrap:break-word}@keyframes panelOpen{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.reviewCard{background:var(--color-surface);box-shadow:var(--shadow-sm);padding:var(--space-4);animation:panelOpen .5s cubic-bezier(.16,1,.3,1) both}.reviewHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.reviewHead h3{margin:0;font-size:18px}.treeScroll{max-height:380px;overflow-y:auto;border-top:1px solid var(--color-divider);margin-top:var(--space-2)}.treeRow{display:flex;align-items:center;gap:var(--space-2);padding:9px var(--space-2) 9px 0;border-bottom:1px solid var(--color-divider);cursor:pointer;font-size:14px}.treeRow:hover{background:color-mix(in srgb,var(--color-text) 4%,transparent)}.treeRowFolderName{font-weight:800;font-family:var(--font-heading)}.treeRowLeafName{font-weight:400}.treeRowName{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.treeRowIcon{display:flex;width:16px;height:16px;flex:none;opacity:.7}.treeRowDomain{font-size:12px;flex:none;max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.treeRowExpandToggle{display:flex;align-items:center;justify-content:center;flex:none;width:18px;height:18px;padding:0;border:none;background:transparent;color:var(--color-text);opacity:.6;cursor:pointer}.treeRowExpandToggle:hover{opacity:1}.checkbox,.treeRowExpandSpacer{flex:none;width:18px;height:18px}.checkbox{border:1.5px solid var(--color-divider);display:flex;align-items:center;justify-content:center}.checkboxChecked{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg)}.checkboxIndeterminate{background:var(--color-accent-200);border-color:var(--color-accent-300);color:var(--color-accent-700)}.exportControls{margin-top:var(--space-6)}.exportControls h4{margin:0 0 var(--space-3)}.formatRow{display:flex;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap}.formatCard{flex:1 1 220px;display:flex;gap:var(--space-2);align-items:flex-start;border:1px solid var(--color-divider);background:var(--color-surface);padding:var(--space-4);cursor:pointer;transition:border-color .15s ease,background .15s ease}.formatCard:hover{border-color:color-mix(in srgb,var(--color-text) 35%,transparent)}.formatCard:focus-within{outline:2px solid var(--color-accent);outline-offset:2px}.formatCardInput{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.formatCardSelected{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 8%,var(--color-surface))}.formatCardDot{width:16px;height:16px;flex:none;margin-top:2px;border-radius:50%;border:1.5px solid var(--color-divider)}.formatCardSelected .formatCardDot{border-color:var(--color-accent);background:var(--color-accent);box-shadow:inset 0 0 0 4px var(--color-surface)}.formatTitle{font-family:var(--font-heading);font-weight:800;font-size:15px;display:flex;align-items:center;gap:var(--space-2)}.formatSubtitle{font-size:13px;margin-top:2px}.completedPanel{background:var(--color-surface);box-shadow:var(--shadow-lg);padding:64px var(--space-8);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);animation:panelOpen .8s cubic-bezier(.16,1,.3,1) both}.completedIcon{width:48px;height:48px;color:var(--color-accent)}.completedPanel h2{margin:0;font-size:32px}.completedPanel p{max-width:420px;margin:0}.importInstructions{width:100%;max-width:420px;display:flex;flex-direction:column;gap:var(--space-2);text-align:left}.importInstructionsGroup{border:1px solid var(--color-divider);padding:var(--space-2) var(--space-3)}.importInstructionsGroup summary{cursor:pointer;font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:14px}.importInstructionsGroup p{margin-top:var(--space-2);max-width:none;font-size:13px}.importInstructionsNote{max-width:420px;font-size:13px}.siteFooter{border-top:2px solid var(--color-divider)}.siteFooterInner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:28px 0}.siteFooterInner p{margin:0;font-size:12px}.githubLink{display:flex;align-items:center;gap:var(--space-2);font-size:13px;text-decoration:none}@media (max-width:640px){.heroSection{padding-top:var(--space-8)}.dropZone{padding:var(--space-6) var(--space-4)}}