:root{color:#17212b;background:#f6f1e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid rgba(180,95,50,.42);outline-offset:2px}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.58}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;background:linear-gradient(180deg,#f6f1e8f0,#eff3ecfa),radial-gradient(circle at 28% 10%,rgba(39,111,112,.1),transparent 32%)}.update-banner{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 18px;color:#17212b;background:#fff3db;border-bottom:1px solid rgba(138,75,32,.18);font-weight:800}.topbar{display:grid;grid-template-columns:minmax(240px,1fr) auto auto;gap:18px;align-items:center;padding:16px 24px;border-bottom:1px solid rgba(23,33,43,.12);background:#fffcf6db;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0;z-index:10}.brand{display:inline-flex;align-items:center;gap:12px;min-width:0}.brand strong,.brand small{display:block}.brand strong{font-size:1rem}.brand small{color:#68747a;margin-top:2px}.brand-mark,.empty-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:42px;height:42px;border-radius:8px;background:#17212b;color:#f9f5ed}.status-strip,.nav-actions,.quick-actions,.filter-row,.remote-blocked{display:flex;align-items:center;gap:10px}.status-strip{color:#315d58;font-size:.86rem;white-space:nowrap}.status-strip span{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid rgba(49,93,88,.16);border-radius:999px;background:#edf7f0b8}.nav-actions{justify-content:flex-end}.nav-link,.primary-action,.secondary-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border-radius:8px;border:1px solid transparent;padding:0 14px;font-weight:700}.nav-link{color:#4f5d63}.nav-link.active{color:#17212b;background:#ece2d2}.primary-action{color:#fffaf0;background:#b45f32;border-color:#a8572f}.primary-action:hover:not(:disabled){background:#9d4f2a}.secondary-action{color:#17212b;background:#fffaf0;border-color:#17212b29}.secondary-action:hover:not(:disabled){border-color:#276f706b}.icon-action{display:inline-flex;align-items:center;justify-content:center;width:44px;min-height:44px;border:1px solid rgba(23,33,43,.14);border-radius:8px;color:#4f5d63;background:#fffaf0}.archive-layout{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:22px;width:min(1480px,calc(100% - 40px));margin:22px auto}.control-rail,.workbench,.page-band{min-width:0}.control-rail{display:flex;flex-direction:column;gap:18px}.archive-selector,.safety-note,.side-panel,.first-run-panel,.error-boundary,.mail-list-panel,.mail-detail-panel,.info-panel,.warning-band,.scope-boundary,.drop-zone,.import-summary,.import-wizard-shell,.batch-list{border:1px solid rgba(23,33,43,.12);border-radius:8px;background:#fffcf6e6;box-shadow:0 12px 26px #17212b0f}.archive-selector{display:grid;gap:16px;padding:18px}.archive-stats{display:grid;grid-template-columns:1fr;gap:8px;padding:12px;border-radius:8px;color:#315d58;background:#edf7f0;font-size:.88rem;font-weight:800}.archive-stats span:last-child{color:#68747a;font-weight:600}.first-run-panel{display:grid;grid-template-columns:minmax(320px,.58fr) minmax(260px,.42fr);gap:20px;align-items:center;min-height:560px;padding:clamp(22px,4vw,44px)}.first-run-copy{display:grid;gap:16px}.first-run-copy h1{max-width:760px;margin:0;font-size:clamp(2rem,4.5vw,4.3rem);line-height:.98;letter-spacing:0}.first-run-copy p{max-width:660px;margin:0;color:#4f5d63;font-size:1.05rem;line-height:1.6}.first-run-actions{display:flex;flex-wrap:wrap;gap:10px}.first-run-steps{display:grid;gap:10px}.first-run-steps span{display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:center;min-height:54px;padding:14px;border:1px solid rgba(23,33,43,.1);border-radius:8px;color:#315d58;background:#edf7f0;font-weight:900}.first-run-guide,.first-run-facts{display:grid;gap:12px}.first-run-facts div{display:grid;gap:4px;padding:12px;border:1px solid rgba(23,33,43,.1);border-radius:8px;color:#4f5d63;background:#fffdf8}.first-run-facts strong{color:#17212b}.side-panel{display:grid;gap:12px;padding:14px}.panel-title.compact{padding:0;border-bottom:0}.tag-editor,.tool-stack,.restore-box,.backup-panel{display:grid;gap:10px}.tag-editor input,.tool-stack input,.restore-box input[type=file]{width:100%;min-height:38px;border:1px solid rgba(23,33,43,.14);border-radius:8px;padding:0 12px;color:#17212b;background:#fffaf0}.swatch-row,.tag-list,.history-list,.top-senders{display:grid;gap:8px}.swatch-row{grid-template-columns:repeat(5,28px)}.swatch{width:28px;height:28px;border:2px solid transparent;border-radius:999px}.swatch.active{border-color:#17212b}.tag-manager-row{display:grid;grid-template-columns:minmax(0,1fr) auto 34px 34px;gap:8px;align-items:center}.tag-pill{display:inline-flex;align-items:center;gap:5px;width:fit-content;max-width:100%;min-height:24px;padding:2px 8px;border:1px solid #315d58;border-radius:999px;color:#17212b;background:#fffdf8;font-size:.78rem;font-weight:800}.tag-strip,.detail-tags{display:flex;flex-wrap:wrap;gap:6px}.detail-tags{padding:12px 18px;border-bottom:1px solid rgba(23,33,43,.1)}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stats-grid span,.storage-notes,.history-list article,.top-senders span,.warning-inline{padding:10px;border:1px solid rgba(23,33,43,.1);border-radius:8px;background:#fffdf8}.stats-grid span{display:grid;gap:2px;color:#68747a}.stats-grid strong{color:#17212b}.stats-grid .wide{grid-column:1 / -1}.top-senders h3{margin:4px 0 0;font-size:.9rem}.top-senders span{display:flex;justify-content:space-between;gap:8px}.history-list article{display:grid;gap:3px;color:#68747a;font-size:.85rem}.history-list strong{color:#17212b}.archive-tools summary{cursor:pointer;font-weight:900}.warning-inline{display:grid;grid-template-columns:18px 1fr;gap:8px;color:#8a4b20;background:#fff3db}.storage-notes{display:grid;gap:4px;color:#68747a}.storage-notes strong{color:#17212b}.error-boundary{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start;padding:16px;color:#8a4b20;background:#fff3db}.error-boundary h2,.error-boundary p{margin:0 0 8px}.error-boundary p{color:#4f5d63}.diagnostics-panel dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.diagnostics-panel div{min-width:0;padding:10px;border:1px solid rgba(23,33,43,.1);border-radius:8px;background:#fffdf8}.diagnostics-panel .wide{grid-column:1 / -1}.diagnostics-panel dt{color:#68747a;font-size:.78rem;font-weight:900;text-transform:uppercase}.diagnostics-panel dd{margin:3px 0 0;overflow-wrap:anywhere}.backup-toggle{align-items:flex-start;line-height:1.35}.backup-toggle input{margin-top:4px}.backup-toggle small{display:block;margin-top:3px;color:#68747a;font-weight:600}.backup-estimate,.export-mode-grid,.attachment-pack-panel{display:grid;gap:8px}.backup-estimate{grid-template-columns:repeat(2,minmax(0,1fr))}.backup-estimate span,.export-mode-grid label{min-width:0;padding:10px;border:1px solid rgba(23,33,43,.1);border-radius:8px;color:#68747a;background:#fffdf8}.backup-estimate span{display:grid;gap:2px;font-size:.84rem}.backup-estimate strong{color:#17212b}.export-mode-grid label{display:grid;grid-template-columns:20px 1fr;gap:8px;align-items:start}.export-mode-grid label.active{border-color:#315d5857;color:#17212b;background:#edf7f0}.export-mode-grid input{margin-top:3px}.export-mode-grid span,.export-mode-grid small{display:block}.export-mode-grid span{font-weight:900}.export-mode-grid small{margin-top:3px;color:#68747a;font-weight:600;line-height:1.35}.attachment-pack-panel{padding:10px;border:1px solid rgba(49,93,88,.18);border-radius:8px;background:#edf7f0}.restore-box{padding-top:10px;border-top:1px solid rgba(23,33,43,.1)}.restore-box label{display:grid;gap:6px}.restore-box label:not(.backup-toggle)>span{color:#68747a;font-size:.78rem;font-weight:800;text-transform:uppercase}.progress-panel.compact{grid-template-columns:1fr}.restore-report{display:grid;gap:4px;padding:10px;border:1px solid rgba(49,93,88,.18);border-radius:8px;color:#315d58;background:#edf7f0}.restore-preview{display:grid;grid-template-columns:20px 1fr;gap:8px;align-items:start;padding:10px;border:1px solid rgba(49,93,88,.18);border-radius:8px;color:#315d58;background:#edf7f0}.restore-preview span{min-width:0}.restore-preview strong,.restore-preview small{display:block;overflow-wrap:anywhere}.restore-preview small{margin-top:3px;color:#68747a}.restore-report strong{color:#17212b}.restore-report small{color:#68747a}.danger-action,.icon-action.danger{color:#8a2f20}.icon-action.small{width:34px;min-height:34px}.quick-actions{flex-direction:column;align-items:stretch}.safety-note{display:grid;grid-template-columns:24px 1fr;gap:10px;padding:16px;color:#315d58;background:#edf7f0}.safety-note p,.page-header p,.info-panel p,.scope-boundary p,.warning-band ul,.drop-zone p,.muted{color:#68747a;line-height:1.55}.safety-note p,.warning-band ul{margin:0}.how-to-panel ol{display:grid;gap:7px;margin:0;padding-left:20px;color:#4f5d63;line-height:1.45}.how-to-panel li::marker{color:#315d58;font-weight:900}.workbench{display:grid;grid-template-rows:auto auto minmax(560px,1fr);gap:14px}.search-row{display:grid;grid-template-columns:1fr 44px;gap:10px}.search-box{display:grid;grid-template-columns:22px 1fr;align-items:center;gap:10px;width:100%;min-height:48px;padding:0 16px;border:1px solid rgba(23,33,43,.14);border-radius:8px;background:#fffaf0;color:#68747a}.search-box input{width:100%;border:0;outline:0;color:#17212b;background:transparent}.filter-panel{display:grid;gap:8px;padding:10px 12px;border:1px solid rgba(23,33,43,.1);border-radius:8px;background:#fffcf6a3}.filter-row{flex-wrap:wrap}.active-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-height:30px}.filter-pill{display:inline-flex;align-items:center;min-height:28px;padding:3px 9px;border:1px solid rgba(49,93,88,.18);border-radius:999px;color:#315d58;background:#edf7f0;font-size:.8rem;font-weight:900}.compact-action{min-height:30px;padding:0 10px;font-size:.82rem}.toggle-field,.select-field,.text-filter-field{display:inline-flex;align-items:center;gap:8px;min-height:38px;color:#4f5d63}.text-filter-field{min-width:170px}.select-field{flex-direction:column;align-items:stretch}.select-field.compact{flex-direction:row;align-items:center}.select-field span,.text-filter-field span{font-size:.78rem;font-weight:800;text-transform:uppercase;color:#68747a}select,.text-filter-field input{min-height:38px;border:1px solid rgba(23,33,43,.14);border-radius:8px;padding:0 34px 0 12px;color:#17212b;background:#fffaf0}.text-filter-field input{width:140px;padding-right:12px}.mail-grid{display:grid;grid-template-columns:minmax(300px,.42fr) minmax(420px,.58fr);gap:14px;min-height:560px}.mail-list-panel,.mail-detail-panel{min-height:560px;overflow:hidden}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid rgba(23,33,43,.1)}.panel-title h2,.panel-title h3,.detail-header h2,.drop-zone h2,.import-summary h2,.batch-list h2,.info-panel h2,.warning-band h2,.scope-boundary h2,.empty-state h2{margin:0;letter-spacing:0}.panel-title h2,.panel-title h3,.drop-zone h2,.import-summary h2,.batch-list h2,.info-panel h2,.warning-band h2,.scope-boundary h2,.empty-state h2{font-size:1rem}.panel-title.inline{padding:0 0 10px;border-bottom:0}.panel-title span{color:#68747a;font-size:.9rem}.result-meta,.pagination-row,.bulk-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:1px solid rgba(23,33,43,.08);color:#68747a;font-size:.88rem}.pagination-row{border-top:1px solid rgba(23,33,43,.08);border-bottom:0}.bulk-row{justify-content:flex-start;flex-wrap:wrap}.density-toggle{display:inline-flex;gap:2px;padding:3px;border:1px solid rgba(23,33,43,.12);border-radius:8px;background:#fffdf8}.density-toggle button{min-height:30px;border:0;border-radius:6px;padding:0 10px;color:#68747a;background:transparent;font-weight:800}.density-toggle button.active{color:#fffaf0;background:#315d58}.mail-list-skeleton{display:grid;gap:8px;padding:12px 16px;border-bottom:1px solid rgba(23,33,43,.08);background:#fffdf8}.mail-list-skeleton span{height:14px;border-radius:999px;background:linear-gradient(90deg,#ece2d2,#fff3db,#ece2d2);background-size:220% 100%;animation:skeleton-pulse 1.4s ease-in-out infinite}@keyframes skeleton-pulse{0%{background-position:0% 50%}to{background-position:220% 50%}}.mail-list{position:relative;max-height:640px;overflow:auto}.mail-list:focus-visible,.mail-row-button:focus-visible,.row-checkbox input:focus-visible,.density-toggle button:focus-visible{outline:3px solid rgba(49,93,88,.42);outline-offset:2px}.mail-list-virtual-space{position:relative;min-height:100%}.mail-list-window{position:absolute;inset:0 0 auto}.mail-row{display:grid;grid-template-columns:34px 1fr;gap:4px;width:100%;min-height:74px;padding:0;border:0;border-bottom:1px solid rgba(23,33,43,.08);color:#4f5d63;text-align:left;background:transparent}.row-checkbox{display:grid;place-items:start center;padding-top:16px}.mail-row-button{display:grid;gap:5px;width:100%;min-height:74px;padding:12px 16px 12px 4px;border:0;color:#4f5d63;text-align:left;background:transparent}.mail-list.compact .mail-row-button{gap:2px;padding-top:8px;padding-bottom:8px}.mail-row-topline{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.mail-sender{min-width:0;overflow:hidden;color:#315d58;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.mail-row-date{display:inline-flex;align-items:center;gap:5px;color:#68747a;font-size:.82rem;font-weight:800;white-space:nowrap}.mail-row:hover,.mail-row.selected{background:#edf7f0}.mail-row.selected{box-shadow:inset 4px 0 #315d58}.mail-subject{color:#17212b;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-snippet{color:#68747a;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.mail-list.compact .mail-snippet{-webkit-line-clamp:1}.search-highlight{padding:0 2px;border-radius:3px;color:inherit;background:#ffe08a}.detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:18px;border-bottom:1px solid rgba(23,33,43,.1)}.reader-panel{display:flex;flex-direction:column}.reader-toolbar,.reader-tabs,.reader-nav{display:flex;align-items:center;gap:8px}.reader-toolbar{justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(23,33,43,.1);background:#fffdf8}.icon-text-action,.copy-action,.reader-tabs button,.attachment-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:34px;border:1px solid rgba(23,33,43,.14);border-radius:8px;color:#17212b;background:#fffaf0;font-weight:800}.icon-text-action,.reader-tabs button,.attachment-toggle{padding:0 12px}.copy-action{width:30px;min-height:30px;padding:0;flex:0 0 auto}.detail-header h2{font-size:1.35rem}.remote-blocked{flex:0 0 auto;padding:8px 10px;border-radius:8px;color:#315d58;background:#edf7f0;font-size:.86rem;font-weight:800}.mail-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:16px 18px;border-bottom:1px solid rgba(23,33,43,.1)}.mail-meta.expanded{grid-template-columns:repeat(2,minmax(0,1fr))}.mail-meta div{min-width:0}.mail-meta dt{color:#68747a;font-size:.78rem;font-weight:800;text-transform:uppercase}.mail-meta dd{display:flex;align-items:center;gap:8px;margin:3px 0 0;overflow-wrap:anywhere}.mail-meta dd span{min-width:0}.reader-tabs{flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid rgba(23,33,43,.1)}.reader-tabs button.active{color:#fffaf0;border-color:#315d58;background:#315d58}.reader-notice{display:grid;grid-template-columns:20px 1fr;gap:8px;margin:12px 16px 0;padding:12px;border-radius:8px;color:#315d58;background:#edf7f0;line-height:1.45}.remote-content-panel,.link-safety-panel{margin:12px 16px 0;border:1px solid rgba(23,33,43,.1);border-radius:8px;background:#fffdf8}.remote-content-panel summary{display:flex;align-items:center;gap:8px;min-height:42px;padding:0 12px;color:#8a4b20;cursor:pointer;font-weight:900}.remote-content-panel ul,.link-safety-panel{display:grid;gap:8px;padding:10px 12px}.remote-content-panel ul{margin:0;list-style:none}.remote-content-panel li,.link-safety-panel>span{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:8px;align-items:center;min-height:34px;overflow-wrap:anywhere;color:#68747a}.remote-content-panel li{grid-template-columns:minmax(120px,.35fr) minmax(0,.65fr)}.remote-content-panel strong{color:#17212b}.link-safety-panel>span.blocked{grid-template-columns:18px minmax(0,1fr);color:#8a4b20}.mail-body{margin:0;padding:20px;white-space:pre-wrap;line-height:1.6;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace}.html-reader-frame{width:calc(100% - 32px);min-height:420px;margin:16px;border:1px solid rgba(23,33,43,.12);border-radius:8px;background:#fffdf8}.metadata-view{margin:16px;padding:16px;overflow:auto;border:1px solid rgba(23,33,43,.12);border-radius:8px;color:#17212b;background:#fffdf8;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;line-height:1.5}.attachment-list{margin:16px 18px;padding:14px;border:1px solid rgba(23,33,43,.1);border-radius:8px;background:#fffaf0}.attachment-toggle{width:100%;justify-content:space-between;margin-bottom:10px}.attachment-list ul,.report-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.attachment-list li,.report-list li{display:grid;grid-template-columns:20px minmax(0,1fr) auto auto;gap:10px;align-items:center;min-height:42px;padding:10px;border:1px solid rgba(23,33,43,.1);border-radius:8px;background:#fffdf8}.attachment-list li.dangerous{border-color:#8a4b204d;background:#fff3db}.attachment-list span,.report-list span{min-width:0;overflow-wrap:anywhere}.attachment-list small,.report-list small{display:block;margin-top:3px;color:#68747a}.attachment-preview{display:block;max-width:min(100%,620px);margin-top:10px;border:1px solid rgba(23,33,43,.12);border-radius:8px;background:#fffaf0}.text-preview{max-height:220px;overflow:auto;padding:10px;white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace}.image-preview{max-height:320px;object-fit:contain}.attachment-error{color:#8a2f20}.empty-state{display:flex;min-height:100%;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:36px;text-align:center}.empty-state p{max-width:520px;margin:0;color:#68747a;line-height:1.55}.empty-icon{background:#315d58}.page-band{width:min(1120px,calc(100% - 40px));margin:28px auto}.page-header{display:grid;grid-template-columns:minmax(260px,.45fr) minmax(320px,.55fr);gap:28px;align-items:end;margin-bottom:22px}.page-header h1,.archive-selector h1{margin:0;font-size:clamp(1.8rem,4vw,3.4rem);line-height:1;letter-spacing:0}.archive-selector h1{font-size:1.45rem}.eyebrow{margin:0 0 8px;color:#b45f32;font-size:.78rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.safety-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.info-panel,.scope-boundary{padding:18px}.info-panel{display:grid;gap:10px}.warning-band{display:grid;grid-template-columns:32px 1fr;gap:14px;margin-top:14px;padding:18px;color:#17212b;background:#fff3db}.warning-band ul{padding-left:20px}.scope-boundary{margin-top:14px;background:#eef3f4}.import-layout{display:grid;grid-template-columns:minmax(280px,.48fr) minmax(320px,.52fr);gap:16px}.import-wizard-shell{display:grid;gap:14px;margin-bottom:16px;padding:16px}.wizard-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}.wizard-steps li{display:grid;grid-template-columns:26px 1fr;gap:8px;align-items:center;min-height:42px;padding:8px;border:1px solid rgba(23,33,43,.1);border-radius:8px;color:#68747a;background:#fffdf8;font-size:.84rem;font-weight:900}.wizard-steps span{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:999px;color:#315d58;background:#edf7f0}.wizard-steps li.active{border-color:#b45f3257;color:#17212b;background:#fff3db}.wizard-steps li.active span{color:#fffaf0;background:#b45f32}.wizard-steps li.complete{color:#315d58;background:#edf7f0}.wizard-context-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.wizard-context-grid article,.wizard-empty{display:grid;gap:10px;align-items:start;padding:12px;border:1px solid rgba(23,33,43,.1);border-radius:8px;background:#fffdf8}.wizard-context-grid article{grid-template-columns:22px 1fr}.wizard-context-grid span,.wizard-empty p{color:#68747a;line-height:1.45}.wizard-context-grid strong{display:block;color:#17212b}.wizard-empty{grid-template-columns:38px 1fr auto;align-items:center}.wizard-empty h2,.wizard-empty p{margin:0}.wizard-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.wizard-subhead{display:inline-flex;align-items:center;gap:8px;color:#315d58;font-size:.92rem}.drop-zone,.import-summary,.batch-list{padding:20px}.drop-zone{display:grid;align-content:center;gap:12px;min-height:300px;border-style:dashed}.format-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.format-grid span{display:grid;gap:2px;min-height:64px;padding:12px;border:1px solid rgba(49,93,88,.16);border-radius:8px;color:#68747a;background:#edf7f0}.format-grid strong{color:#315d58;font-size:.9rem}.drop-zone input{width:100%;min-height:44px;padding:10px;border:1px solid rgba(23,33,43,.14);border-radius:8px;background:#fffaf0}.import-summary{display:grid;align-content:start;gap:14px}.import-mode-panel,.preflight-panel,.import-set-panel{display:grid;gap:10px;padding:12px;border:1px solid rgba(23,33,43,.1);border-radius:8px;background:#fffdf8}.import-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.import-mode-grid label{display:grid;grid-template-columns:20px 1fr;gap:8px;align-items:start;min-height:96px;padding:10px;border:1px solid rgba(23,33,43,.1);border-radius:8px;color:#4f5d63;background:#fffaf0}.import-mode-grid label.active{border-color:#315d5857;color:#17212b;background:#edf7f0}.import-mode-grid input{margin-top:3px}.import-mode-grid strong,.import-mode-grid small,.import-mode-grid span,.preflight-grid strong,.preflight-grid span,.import-set-panel strong,.import-set-panel small{min-width:0}.import-mode-grid span,.import-mode-grid small,.import-set-panel small{display:block}.import-mode-grid span{font-weight:900}.import-mode-grid small,.import-set-panel small{margin-top:3px;color:#68747a;font-weight:600;line-height:1.35}.preflight-panel{border-color:#315d582e;background:#edf7f0}.preflight-panel.risk-large,.preflight-panel.risk-very-large,.preflight-panel.risk-extreme{border-color:#8a4b2047;background:#fff3db}.preflight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.preflight-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.preflight-grid span{display:grid;gap:2px;min-height:52px;padding:9px;border:1px solid rgba(23,33,43,.1);border-radius:8px;color:#68747a;background:#fffdf8c7;font-size:.82rem}.preflight-grid strong{color:#17212b;font-size:.92rem;text-transform:capitalize;overflow-wrap:anywhere}.preflight-copy{margin:0;color:#4f5d63;line-height:1.45}.preflight-warnings{display:grid;gap:6px;margin:0;padding:0;list-style:none}.preflight-warnings li{display:grid;grid-template-columns:18px 1fr;gap:7px;align-items:start;color:#8a4b20;font-size:.9rem}.queue-review summary{cursor:pointer;color:#315d58;font-weight:900}.google-takeout-help{padding:12px;border:1px solid rgba(49,93,88,.18);border-radius:8px;color:#4f5d63;background:#edf7f0}.google-takeout-help summary{cursor:pointer;color:#315d58;font-weight:900}.google-takeout-help ol{display:grid;gap:6px;margin:10px 0;padding-left:20px}.google-takeout-help p{margin:0}.queue-review ol{display:grid;gap:6px;max-height:220px;overflow:auto;margin:10px 0 0;padding-left:22px}.queue-review li{padding:6px 8px;border-radius:8px;background:#fffdf8c7}.queue-review li span,.queue-review li small{display:block;overflow-wrap:anywhere}.queue-review li small{color:#68747a}.file-list,.batch-list ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.file-list li,.batch-list li{display:grid;grid-template-columns:20px 1fr auto;gap:10px;align-items:center;min-height:42px;padding:10px;border:1px solid rgba(23,33,43,.1);border-radius:8px;background:#fffaf0}.file-list li.unsupported{border-color:#8a4b2042;color:#8a4b20;background:#fff3db}.file-list span,.batch-list span{min-width:0;overflow-wrap:anywhere}.file-list small,.batch-list strong{color:#68747a}.notice{margin:0;padding:12px;border-radius:8px;color:#315d58;background:#edf7f0;line-height:1.45}.attachment-import-summary{display:grid;grid-template-columns:20px 1fr;gap:8px;align-items:start;padding:10px;border:1px solid rgba(49,93,88,.18);border-radius:8px;color:#315d58;background:#edf7f0;font-weight:800}.import-message-list{display:grid;gap:8px}.import-message-list .warning-inline{margin:0}.progress-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;border-radius:8px;color:#315d58;background:#edf7f0;font-weight:800}.report-list li.imported{color:#315d58}.report-list li.duplicate,.report-list li.failed,.report-list li.skipped{color:#8a4b20}.report-list em{color:#68747a;font-style:normal;font-weight:800;text-transform:capitalize}.batch-list{margin-top:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:980px){.topbar,.archive-layout,.mail-grid,.page-header,.first-run-panel,.safety-grid,.import-layout{grid-template-columns:1fr}.topbar{position:static}.nav-actions,.status-strip{justify-content:flex-start;flex-wrap:wrap}.mail-grid,.mail-list-panel,.mail-detail-panel,.first-run-panel{min-height:420px}.first-run-copy h1{font-size:2.2rem}.wizard-steps,.wizard-context-grid,.wizard-empty,.import-mode-grid,.preflight-grid.compact{grid-template-columns:1fr}.wizard-actions{justify-content:flex-start}}@media(max-width:620px){.topbar,.archive-layout,.page-band{width:100%;margin:0}.topbar,.archive-layout,.page-band{padding:14px}.status-strip span{white-space:normal}.nav-link,.primary-action,.secondary-action{width:100%}.mail-meta,.mail-meta.expanded,.diagnostics-panel dl,.format-grid{grid-template-columns:1fr}.wizard-steps li{grid-template-columns:26px 1fr}.detail-header,.reader-toolbar{flex-direction:column;align-items:stretch}.html-reader-frame{width:calc(100% - 20px);margin:10px}.attachment-list li,.report-list li{grid-template-columns:20px 1fr}}