.archive-panel{box-sizing:border-box;position:fixed;inset:0 0 0 auto;margin:0;width:min(480px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-left:1px solid var(--border);padding:0;background:var(--bg-secondary);color:var(--text-primary);box-shadow:-12px 0 40px #0005}
.archive-panel::backdrop{background:#0008}.archive-panel header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px;border-bottom:1px solid var(--border)}.archive-panel h2{margin:0;font-size:20px}.archive-panel header p{margin:6px 0 0;color:var(--text-secondary)}.archive-body{padding:20px;overflow:auto;height:calc(100% - 105px);box-sizing:border-box}.archive-body>p{font-size:13px;color:var(--text-secondary);line-height:1.6}.archive-panel input{box-sizing:border-box;width:100%;padding:12px;background:var(--bg-primary);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);margin:6px 0 16px}.archive-card{padding:16px;margin:12px 0;border:1px solid var(--border);border-radius:12px;background:var(--bg-primary)}.archive-card h3{margin:0;font-size:15px;line-height:1.5;overflow-wrap:anywhere}.archive-card p{font-size:12px;color:var(--text-secondary);line-height:1.5}.archive-actions{display:flex;gap:10px;flex-wrap:wrap}.archive-panel button{padding:9px 12px;border-radius:9px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);cursor:pointer}.archive-panel button.primary{background:#6366f1;color:white}.archive-panel button.danger{color:#ff8585}.archive-panel button:disabled{opacity:.5;cursor:wait}#archiveNotice{font-size:13px;line-height:1.5;overflow-wrap:anywhere}.archive-edit{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0 0 10px}.archive-edit input{flex:1 1 100%;margin:0 0 4px}