.archive-browser{color:var(--ink);font:14px/1.55 var(--body)}.archive-filters{grid-template-columns:1fr 1fr;gap:12px;padding:16px 22px 0;display:grid}.archive-browser label{color:var(--muted);font-size:12px;display:block}.archive-browser select{border:1px solid var(--line);background:var(--paper);width:100%;min-height:42px;color:var(--ink);font:14px var(--body);border-radius:4px;margin:5px 0 12px;padding:8px;display:block}.archive-scope{color:var(--muted);margin:0;padding:0 22px 16px;font-size:12px}.archive-empty{color:var(--muted);padding:30px 22px}.archive-empty h3{color:var(--ink);font:500 20px/1.3 var(--body);margin:14px 0 8px}.archive-empty p+p{margin-top:20px;font-size:12px}.archive-result{border:0;border-block-end:1px solid var(--line);width:100%;color:inherit;text-align:left;background:0 0;grid-template-columns:72px minmax(0,1fr) 16px;align-items:center;gap:14px;padding:18px 22px;display:grid}.archive-result:hover{background:var(--paper)}.archive-result-image{place-items:center;min-height:54px;display:grid}.archive-result-image img{object-fit:contain;width:72px;height:54px;image-rendering:pixelated;background:#20221f;border-radius:3px}.archive-result strong{font:600 15px/1.35 var(--body);overflow-wrap:anywhere;display:block}.archive-result small{color:var(--muted);margin-top:5px;font-size:12px;display:block}.archive-detail{padding:8px 22px 28px}.archive-back{min-height:44px;color:var(--muted);font:14px var(--body);background:0 0;border:0;align-items:center;gap:8px;margin-bottom:12px;padding:0;display:flex}.archive-screen{scroll-snap-align:start;aspect-ratio:4/3;object-fit:contain;width:100%;min-width:0;height:auto;image-rendering:pixelated;background:#20221f;border-radius:4px;flex:0 0 100%}.archive-gallery-track{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;border-radius:4px;display:flex;overflow-x:auto}.archive-gallery-controls{color:var(--muted);justify-content:space-between;align-items:center;margin-top:8px;display:flex}.archive-gallery-controls button{border:1px solid var(--line);min-width:44px;min-height:44px;color:var(--ink);background:0 0;border-radius:4px;place-items:center;display:grid}.archive-gallery-controls button:disabled{opacity:.4}.archive-detail h3{font:500 24px/1.15 var(--body);margin:20px 0 8px}.archive-meta{color:var(--muted);margin:0 0 20px;font-size:12px}.archive-compatibility{margin-bottom:20px;font-size:13px}.archive-add{background:var(--orange);color:#fff;width:100%;min-height:46px;font:500 14px var(--body);border:0;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:12px;display:flex}.archive-add:hover:not(:disabled){filter:brightness(.92);color:#fff}.archive-local-note,.archive-file-hint{color:var(--muted);margin:10px 0 18px;font-size:12px;display:block}.archive-source{min-height:44px;color:var(--orange);align-items:center;gap:5px;display:flex}.archive-error,.archive-success,.archive-loading{overflow-wrap:anywhere;margin:14px 22px}.archive-error{color:#a12c1b}.archive-success{color:#315d40;display:block}.archive-loading{align-items:center;gap:8px;display:flex}.archive-pagination{justify-content:space-between;align-items:center;gap:8px;padding:16px 22px;display:flex}.archive-pagination button{min-height:44px;padding:8px}@media (max-width:760px){.archive-browser select{font-size:16px}}.archive-detail .archive-error,.archive-detail .archive-success{margin:14px 0}.save-transfer-panel{margin-top:16px;font-size:14px}.save-transfer-panel summary{cursor:pointer;min-height:44px;color:var(--orange);align-items:center;gap:8px;display:flex}.save-transfer-panel p{margin:12px 0;line-height:1.5}.save-transfer-panel input{border:1px solid var(--line);background:var(--paper);border-radius:4px;width:100%;margin-bottom:10px;padding:12px;font-size:16px}.save-transfer-qr{max-width:100%;height:auto;margin:12px auto}.save-transfer-panel output{margin-top:12px;display:block}.receive-save{width:min(540px,100% - 32px);margin:40px auto;padding-bottom:40px}.receive-save>a:first-child{color:var(--orange);font:600 26px var(--display)}.receive-save h1{font:600 44px/1.1 var(--display);margin:32px 0 24px}.receive-save h2{font:600 30px var(--display);margin-bottom:16px}.receive-save img{width:100%;height:auto;image-rendering:pixelated;border-radius:5px}.receive-save p{margin:16px 0;line-height:1.6}.receive-save label{margin-top:24px;display:block}.receive-save select{border:1px solid var(--line);background:var(--paper);width:100%;min-height:48px;color:var(--ink);border-radius:4px;margin-top:8px;padding:10px;font-size:16px;display:block}.receive-cancel{color:var(--orange);margin-top:24px;text-decoration:underline;display:block}
