.archive-view{display:grid;gap:.75rem}.archive-head{display:grid;gap:.6rem}.archive-summary{margin:0;font-weight:600;overflow-wrap:anywhere}.archive-summary small{display:block;font-weight:400;color:var(--text-muted)}.archive-note{margin:0;color:var(--text-muted);font-size:.92rem}.select-all{display:inline-flex;gap:.5rem;align-items:center;font-size:.92rem;color:var(--text-muted);width:max-content}.archive-view input[type=checkbox]{accent-color:var(--accent);width:1.05rem;height:1.05rem;margin:0}.tree,.tree ul{list-style:none;margin:0;padding:0}.tree{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:.35rem 0;max-height:min(70vh,40rem);overflow:auto}.tree ul{margin-left:1.15rem;border-left:1px dashed var(--border)}.tree-head,.tree .row{display:grid;grid-template-columns:1.6rem minmax(0,1fr) 5.5rem 5.5rem 10.5rem 2.25rem;align-items:center;gap:.5rem;padding:.25rem .6rem}.tree-head{padding-block:0;font:600 .72rem/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.tree .row:hover{background:var(--surface-sunk)}.tree .row .meta{display:contents}.tree .row .meta span{font-size:.88rem;color:var(--text-muted);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.tree .row .meta .date{text-align:left}.tree .name{display:flex;align-items:center;gap:.4rem;min-width:0;padding:.3rem .25rem;border:0;border-radius:6px;background:none;color:var(--text);font:inherit;text-align:left;cursor:pointer}.tree .name span{overflow-wrap:anywhere}.tree .name:hover:not(:disabled) span{text-decoration:underline}.tree .name:disabled{cursor:default}.tree .name:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.tree .name svg{flex:none;width:1.1rem;height:1.1rem;fill:none;stroke:var(--accent);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tree .folder>.row .name{font-weight:600}.tree .folder>.row .name .twisty{stroke:var(--text-muted);transition:transform .15s}.tree .folder>.row .name[aria-expanded=true] .twisty{transform:rotate(90deg)}.tree .lock{stroke:var(--accent-2)}.tree .get svg{width:1.1rem;height:1.1rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.tree .link-note{font-size:.82rem;color:var(--text-muted)}.tree .more{padding:.4rem .6rem .4rem 2.6rem}.password-form{display:grid;gap:.5rem;padding:.9rem 1.1rem;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}.password-form label{font-weight:600}.password-row{display:flex;flex-wrap:wrap;gap:.6rem}.password-row input{flex:1 1 12rem;font:1rem var(--font);padding:.6rem .75rem;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text)}.password-row input:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.password-note{margin:0;color:var(--danger)}.preview{width:min(48rem,calc(100vw - 2rem));max-height:calc(100vh - 2rem);padding:1rem 1.1rem 1.1rem;border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);background:var(--surface);color:var(--text);box-shadow:var(--shadow-lift)}.preview[open]{display:grid;gap:.75rem;grid-template-rows:auto auto minmax(0,1fr) auto}.preview::backdrop{background:#0a081e8c}.preview-head{display:flex;align-items:start;justify-content:space-between;gap:.75rem}.preview-head h2{margin:0;font-size:1.15rem;overflow-wrap:anywhere}.preview-meta{margin:0;color:var(--text-muted);font-size:.9rem}.preview-body{min-height:4rem;overflow:auto}.preview-body img,.preview-body video{display:block;max-width:100%;max-height:60vh;margin:0 auto;border-radius:8px;background:repeating-conic-gradient(var(--surface-sunk) 0 25%,var(--surface) 0 50%) 0 0 / 16px 16px}.preview-body audio{width:100%}.preview-body pre{margin:0;padding:.75rem;max-height:60vh;overflow:auto;border-radius:8px;background:var(--surface-sunk);font:.85rem/1.45 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;tab-size:4}.preview-body p{margin:0 0 .5rem}@media(max-width:40rem){.tree-head{display:none}.tree .row{grid-template-columns:1.4rem minmax(0,1fr) 2.25rem;grid-template-areas:"tick name get" ". meta .";row-gap:0;padding-inline:.4rem}.tree .row>input{grid-area:tick}.tree .row .name{grid-area:name}.tree .row .get{grid-area:get}.tree .row .meta{grid-area:meta;display:flex;flex-wrap:wrap;gap:0 .75rem;padding:0 .25rem .25rem}.tree .row .meta span{font-size:.8rem;text-align:left}.tree .row .meta span:empty{display:none}.tree .row .meta .packed:not(:empty):before{content:"packed "}.tree ul{margin-left:.7rem}}@media(prefers-reduced-motion:reduce){.tree .folder>.row .name .twisty{transition:none}}